@charset "UTF-8";
/*!
Theme Name: Omnidigital
Theme URI: http://underscores.me/
Author: Henry
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: omnidigital
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Omnidigital is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
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,
h5,
h6,
.header-blocks,
.header-blog-post {
  clear: both;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
html {
  overflow-x: hidden;
}

body {
  background: #fff;
  cursor: default;
}

:root,
body,
body * {
  caret-color: transparent !important;
}

input,
textarea,
[contenteditable=true],
input:focus,
textarea:focus,
[contenteditable=true]:focus {
  caret-color: auto !important;
  cursor: text;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
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, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.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=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Home Page Layouts & Components (Premium Dark Mode)
--------------------------------------------------------------*/
:root {
  --c-bg: #110806;
  --c-text: #fcfcfc;
  --c-muted: #ababab;
  --c-accent: #fe6228;
  --c-accent-gradient: linear-gradient(180deg, #fe6228 0%, #952a00 100%);
  --c-glass-bg: rgba(255, 255, 255, 0.03);
  --c-glass-border: rgba(255, 255, 255, 0.1);
  --f-heading: 'Neuemontreal', Arial, sans-serif;
  --f-body: 'Neuemontreal', Arial, sans-serif;
}

body {
  background-color: var(--c-bg) !important;
  color: var(--c-text) !important;
  font-family: var(--f-body);
}

.home-main {
  overflow-x: hidden;
}
.home-main .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.home-main .header-blocks {
  font-family: var(--f-heading);
  font-size: 80px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 60px;
  text-align: center;
  letter-spacing: -2px;
  line-height: 0.9;
}
@media (max-width: 991px) {
  .home-main .header-blocks {
    font-size: 56px;
  }
}
@media (max-width: 768px) {
  .home-main .header-blocks {
    font-size: 40px;
  }
}
.home-main .mainscreen {
  padding: 200px 0 0;
  position: relative;
  overflow: visible;
}
.home-main .mainscreen .grp-all-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  align-items: center;
  position: relative;
  z-index: 3;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  width: calc(100% - 60px);
}
.home-main .mainscreen .grp-all-info > .left-column,
.home-main .mainscreen .grp-all-info > .right-column {
  min-width: 0;
  container-type: inline-size;
}
@media (max-width: 1024px) {
  .home-main .mainscreen .grp-all-info {
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.home-main .mainscreen .left-column {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.home-main .mainscreen .grp-txt-left-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 55%;
  margin-left: 19%;
}
.home-main .mainscreen .txt-perfomance,
.home-main .mainscreen .txt-performance {
  font-family: var(--f-body);
  font-size: 28px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #fcfcfc;
  margin-bottom: 0.5em;
}
@media (min-width: 1440px) {
  .home-main .mainscreen .txt-perfomance,
  .home-main .mainscreen .txt-performance {
    font-size: 30px;
  }
}
@media (max-width: 1199px) {
  .home-main .mainscreen .txt-perfomance,
  .home-main .mainscreen .txt-performance {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .home-main .mainscreen .txt-perfomance,
  .home-main .mainscreen .txt-performance {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .home-main .mainscreen .txt-perfomance,
  .home-main .mainscreen .txt-performance {
    font-size: 16px;
  }
}
.home-main .mainscreen .txt-multiperf {
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  color: rgba(252, 252, 252, 0.8);
  line-height: 1.22;
  margin-bottom: 1.44em;
}
@media (min-width: 1440px) {
  .home-main .mainscreen .txt-multiperf {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .home-main .mainscreen .txt-multiperf {
    font-size: 14px;
  }
}
.home-main .mainscreen .link-case-txt {
  display: inline-block;
  font-family: var(--f-body);
  font-weight: 400;
  font-size: 15px;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #fcfcfc;
  transition: opacity 0.3s ease;
}
@media (min-width: 1440px) {
  .home-main .mainscreen .link-case-txt {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .home-main .mainscreen .link-case-txt {
    font-size: 14px;
  }
}
.home-main .mainscreen .link-case-txt:hover {
  opacity: 0.6;
}
.home-main .mainscreen .omni-header {
  font-family: var(--f-heading);
  width: 100%;
  font-size: clamp(64px, 41cqw, 183px);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 0.8;
  margin: 0;
  letter-spacing: -0.06em;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 991px) {
  .home-main .mainscreen .omni-header {
    font-size: 64px;
    letter-spacing: -5px;
  }
}
.home-main .mainscreen .shape-with-linear-border {
  padding: 20px;
  max-width: 220px;
  background-image: radial-gradient(ellipse 38% 32% at 30% 100%, rgb(76, 62, 59) 0%, rgb(56, 38, 36) 15%, rgb(49, 31, 29) 30%, rgb(44, 26, 24) 45%, rgb(39, 21, 19) 60%, rgb(35, 17, 15) 75%, rgb(31, 13, 11) 90%, transparent 100%);
}
.home-main .mainscreen .shape-with-linear-border .ttxtt-33-procent {
  font-family: var(--f-heading);
  font-size: 24px;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.home-main .mainscreen .shape-with-linear-border .txt-under-33-procent {
  color: var(--c-muted);
  font-size: 12px;
  line-height: 1.2;
}
.home-main .mainscreen .shape-with-linear-border._5mm {
  background-image: radial-gradient(ellipse 100% 40% at 0% 0%, rgb(126, 72, 54) 0%, rgb(90, 56, 46) 40%, rgb(46, 25, 21) 85%, transparent 100%), radial-gradient(ellipse 45% 38% at 47% 100%, rgb(88, 72, 68) 0%, rgb(62, 47, 44) 15%, rgb(52, 35, 33) 30%, rgb(44, 28, 25) 45%, rgb(39, 22, 18) 60%, rgb(35, 17, 15) 75%, rgb(30, 13, 9) 90%, transparent 100%);
}
@media (max-width: 1024px) {
  .home-main .mainscreen .shape-with-linear-border._5mm {
    background-image: radial-gradient(circle at 2.8% 7.4%, rgb(124, 70, 52) 0%, transparent 8%), radial-gradient(ellipse 48% 42% at 40% 100%, rgb(135, 100, 88) 0%, rgb(101, 77, 72) 12%, rgb(81, 54, 48) 30%, rgb(60, 31, 26) 50%, rgb(43, 13, 7) 75%, transparent 100%);
  }
}
.home-main .mainscreen .main-img-mainscreen {
  max-width: 100%;
  min-width: 0;
  height: auto;
  width: 450px;
  object-fit: cover;
}
@media (max-width: 1200px) {
  .home-main .mainscreen .main-img-mainscreen {
    width: 350px;
  }
}
@media (max-width: 768px) {
  .home-main .mainscreen .main-img-mainscreen {
    width: 280px;
    margin: 0 auto;
  }
}
.home-main .mainscreen .market-agency-header {
  font-family: var(--f-heading);
  width: 100%;
  font-size: clamp(40px, 18cqw, 85px);
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.024em;
  text-transform: uppercase;
  color: #fcfcfc;
  text-align: left;
  margin: 0;
}
@media (max-width: 1024px) {
  .home-main .mainscreen .market-agency-header {
    text-align: center;
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .home-main .mainscreen .market-agency-header {
    font-size: 36px;
  }
}
@media (max-width: 479px) {
  .home-main .mainscreen .market-agency-header {
    font-size: 32px;
  }
}
.home-main .mainscreen .but-and-txt-right-column {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .home-main .mainscreen .but-and-txt-right-column {
    justify-content: center;
  }
}
.home-main .mainscreen .but-and-txt-right-column .but-with-arrow {
  width: 100px;
  height: 50px;
  border-radius: 360px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}
.home-main .mainscreen .but-and-txt-right-column .but-with-arrow:hover {
  background: var(--c-accent);
}
.home-main .mainscreen .but-and-txt-right-column .but-with-arrow img {
  width: 20px;
}
.home-main .mainscreen .but-and-txt-right-column .txt-right-but {
  color: var(--c-muted);
  font-size: 14px;
  max-width: 150px;
  text-align: left;
}
.home-main .mainscreen .grp-soc-links {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .home-main .mainscreen .grp-soc-links {
    justify-content: center;
  }
}
.home-main .mainscreen .grp-soc-links .soc-link {
  opacity: 0.6;
  transition: opacity 0.3s;
}
.home-main .mainscreen .grp-soc-links .soc-link:hover {
  opacity: 1;
}
.home-main .mainscreen .grp-soc-links .soc-link img {
  width: 24px;
}
.home-main .mainscreen .trusted-grp-info {
  margin-top: 100px;
  padding-top: 60px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.home-main .mainscreen .trusted-grp-info .txt-trusted {
  font-family: var(--f-heading);
  font-size: 42px;
  font-weight: 400;
  max-width: 1000px;
  margin: 0 auto;
  line-height: 1.2;
  color: #fff;
}
@media (max-width: 991px) {
  .home-main .mainscreen .trusted-grp-info .txt-trusted {
    font-size: 24px;
  }
}
.home-main .mainscreen .trusted-grp-info .txt-trusted ._60procent-opacity {
  opacity: 0.6;
}
.home-main .mainscreen .trusted-grp-info .txt-under-header-trust {
  margin-top: 30px;
  color: var(--c-muted);
  font-size: 18px;
}
.home-main .mainscreen .mob-grp-all-info {
  display: none;
}
@media (max-width: 1024px) {
  .home-main .mainscreen .mob-grp-all-info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .home-main .mainscreen .grp-all-info {
    display: none !important;
  }
}
.home-main .mainscreen .bg-mainscreen-grp {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background-color: var(--c-bg);
  width: 100%;
  height: 84.4vw;
  overflow: hidden;
}
@media (max-width: 479px) {
  .home-main .mainscreen .bg-mainscreen-grp {
    display: none;
  }
}
.home-main .mainscreen .bg-mainscreen-grp ._1-el-bg {
  position: absolute;
  z-index: 1;
  top: 28.49vw;
  left: 28.13vw;
  width: 20.57vw;
  height: 20.31vw;
  background-color: #fee1bb;
  opacity: 0.16;
  filter: blur(50px);
  border-radius: 50%;
}
@media (max-width: 479px) {
  .home-main .mainscreen .bg-mainscreen-grp ._1-el-bg {
    z-index: 2;
    top: 106vw;
    width: 48vw;
    height: 40vw;
    filter: blur(36px);
  }
}
.home-main .mainscreen .bg-mainscreen-grp ._5-el-bg {
  position: absolute;
  z-index: 5;
  top: 10.99vw;
  left: 11.2vw;
  width: 13.23vw;
  height: 13.23vw;
  background-color: #101113;
  opacity: 0.16;
  filter: blur(50px);
  border-radius: 50%;
}
.home-main .mainscreen .bg-mainscreen-grp .bg-peach-pc {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 26.5vw;
  width: 38vw;
  height: 80vw;
  transform: rotate(15deg);
  mix-blend-mode: screen;
  background-color: #ff8c23;
  opacity: 0.22;
  filter: blur(70px);
  border-radius: 50%;
}
.home-main .mainscreen .bg-mainscreen-grp .bg-peach-2-pc {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 35vw;
  width: 22.5vw;
  height: 80vw;
  transform: rotate(17deg);
  mix-blend-mode: screen;
  background-color: #f6aa3a;
  opacity: 0.19;
  filter: blur(70px);
  border-radius: 50%;
}
.home-main .mainscreen .bg-mainscreen-grp .grp-2-img-bg {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(45% 55% at 68% 55%, rgba(199, 234, 255, 0.9) 0%, rgba(120, 200, 250, 0.5) 45%, rgba(120, 200, 250, 0) 75%), radial-gradient(30% 35% at 12% 8%, rgba(110, 195, 250, 0.6) 0%, rgba(110, 195, 250, 0) 70%), linear-gradient(160deg, rgb(30, 80, 140) 0%, rgb(55, 145, 225) 100%);
  mix-blend-mode: overlay;
}
.home-main .mainscreen .bg-mainscreen-grp .grp-2-img-bg .pech-shape {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ff7044;
  mix-blend-mode: hue;
}
.home-main .mainscreen .bg-mainscreen-grp .blck-circular-down {
  position: absolute;
  z-index: 6;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 48.44vw;
  background: radial-gradient(60% 85% at 50% 100%, var(--c-bg) 55%, rgba(17, 8, 6, 0) 100%);
}
.home-main .mainscreen .mob-bg-mainscreen {
  display: none;
}
@media (max-width: 1024px) {
  .home-main .mainscreen .mob-bg-mainscreen {
    display: block;
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
  }
  .home-main .mainscreen .mob-bg-mainscreen img {
    position: absolute;
    width: 100%;
  }
  .home-main .mainscreen .mob-bg-mainscreen .mob-bg-1 {
    top: 0;
  }
  .home-main .mainscreen .mob-bg-mainscreen .mob-bg-3 {
    top: 30%;
  }
  .home-main .mainscreen .mob-bg-mainscreen .mob-bg-4 {
    bottom: 0;
  }
}
.home-main .mainscreen .img-bg-mob-mainscreen {
  display: none;
}
@media (max-width: 479px) {
  .home-main .mainscreen .img-bg-mob-mainscreen {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 869px;
    z-index: 1;
  }
}
.home-main .mainscreen {
  /* Marquee */
}
.home-main .mainscreen .grp-3-run-line {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 60px;
  opacity: 0.4;
  position: relative;
}
.home-main .mainscreen .wrp-run-line {
  display: flex;
  animation: marquee 40s linear infinite;
}
.home-main .mainscreen .wrp-run-line._2 {
  animation: marquee-reverse 35s linear infinite;
}
.home-main .mainscreen .wrp-run-line.line-3 {
  animation: marquee 30s linear infinite;
}
.home-main .mainscreen .wrp-run-line img {
  max-width: none;
  height: 80px;
  margin-right: 20px;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marquee-reverse {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.home-main .digital-marketing {
  position: relative;
  max-width: 1440px;
  margin: 173px auto 0;
}
@media (max-width: 991px) {
  .home-main .digital-marketing {
    margin-top: 47px;
  }
}
.home-main .digital-marketing .big-image-3-block {
  width: 100%;
  height: auto;
  aspect-ratio: 1425/997.484;
  position: relative;
  z-index: 1;
  display: block;
}
.home-main .digital-marketing .mob-big-image-3-block {
  display: none;
}
.home-main .digital-marketing .left-shadow-3-block-pc {
  position: absolute;
  width: 43.16%;
  height: 54.5%;
  top: 15.47%;
  left: 0;
  z-index: 3;
}
.home-main .digital-marketing .pech-shape-3-block {
  position: absolute;
  width: 100%;
  height: 59.4%;
  top: 2.02%;
  left: 0;
  background-color: #fe6228;
  opacity: 0.1;
  z-index: 2;
  pointer-events: none;
}
.home-main .digital-marketing .right-shadow-3-block-pc {
  position: absolute;
  width: 40.8%;
  height: 46.1%;
  top: 23.86%;
  left: 59.2%;
  z-index: 3;
}
@media (max-width: 767px) {
  .home-main .digital-marketing {
    margin-top: 94px;
  }
  .home-main .digital-marketing .big-image-3-block,
  .home-main .digital-marketing .left-shadow-3-block-pc,
  .home-main .digital-marketing .pech-shape-3-block,
  .home-main .digital-marketing .right-shadow-3-block-pc {
    display: none;
  }
  .home-main .digital-marketing .mob-big-image-3-block {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 375/359.84;
  }
}
.home-main .services {
  padding: 120px 20px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.home-main .services .header-blocks {
  font-family: var(--f-heading);
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .home-main .services .header-blocks {
    font-size: 32px;
  }
}
.home-main .services .grp-all-services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 40px;
}
@media (max-width: 1023px) {
  .home-main .services .grp-all-services {
    display: none;
  }
}
@media (max-width: 1300px) {
  .home-main .services .grp-all-services {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .home-main .services .grp-all-services {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, 1fr);
  }
}
.home-main .services .grp-up-side-services,
.home-main .services .grp-down-side-services {
  display: contents;
}
.home-main .services .grp-up-side-services .point-services:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.home-main .services .grp-up-side-services .point-services:nth-child(2) {
  grid-column: 3;
  grid-row: 1;
}
.home-main .services .grp-down-side-services .point-services:nth-child(1) {
  grid-column: 2;
  grid-row: 2;
}
.home-main .services .grp-down-side-services .point-services:nth-child(2) {
  grid-column: 3;
  grid-row: 2;
}
@media (max-width: 1300px) {
  .home-main .services .grp-up-side-services .point-services:nth-child(1), .home-main .services .grp-up-side-services .point-services:nth-child(2),
  .home-main .services .grp-down-side-services .point-services:nth-child(1),
  .home-main .services .grp-down-side-services .point-services:nth-child(2) {
    grid-column: auto;
    grid-row: auto;
  }
}
.home-main .services .point-services {
  border-radius: 50px;
  padding: 45px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #fff;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  min-width: 0;
  max-width: 430px;
  aspect-ratio: 430/480;
}
.home-main .services .point-services .services-icon {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 200px 200px;
  background-position: 50% 60px;
}
.home-main .services .point-services.fb .services-icon {
  background-position: 50% 40px;
  background-size: 300px 280px;
}
.home-main .services .point-services.tiktok .services-icon {
  background-position: 50% 100px;
  background-size: 220px 200px;
}
.home-main .services .point-services.video-production .services-icon {
  background-position: 50% 100px;
  background-size: 220px 200px;
}
.home-main .services .point-services::before {
  content: "";
  position: absolute;
  inset: -25px;
  z-index: 0;
  filter: blur(18px);
  pointer-events: none;
  background-image: radial-gradient(50% 35% at 76% 48%, rgb(197, 78, 20) 12%, rgb(192, 73, 17) 28%, rgb(206, 78, 17) 36%, rgb(209, 86, 23) 44%, rgb(190, 59, 7) 52%, rgb(186, 67, 14) 60%, rgb(202, 86, 24) 68%, rgb(190, 55, 3) 76%, rgb(145, 46, 8) 84%, rgb(172, 60, 13) 92%, rgb(162, 55, 11) 100%, rgb(122, 38, 7) 108%, rgb(111, 35, 8) 116%, rgb(124, 48, 15) 124%, rgb(92, 31, 10) 132%, rgb(90, 39, 21) 140%, rgb(67, 29, 16) 148%, rgb(60, 26, 15) 156%, rgb(47, 23, 15) 164%, rgb(40, 20, 15) 172%, rgb(38, 23, 19) 180%);
}
.home-main .services .point-services:hover {
  transform: translateY(-5px);
}
.home-main .services .point-services .txt-number-services {
  font-family: var(--f-heading);
  font-size: 21px;
  color: rgba(240, 240, 240, 0.7);
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  z-index: 2;
}
.home-main .services .point-services .grp-name-descript-services {
  position: relative;
  z-index: 2;
  margin-top: 60px;
}
.home-main .services .point-services .txt-name-services {
  font-family: var(--f-heading);
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1.1;
  letter-spacing: -1px;
}
.home-main .services .point-services .txt-description-services {
  font-size: 18px;
  color: var(--c-muted);
  line-height: 1.6;
}
.home-main .services .wrp-swiper-mob {
  display: none;
}
@media (max-width: 1023px) {
  .home-main .services .wrp-swiper-mob {
    display: block;
  }
  .home-main .services .wrp-swiper-mob .swiper-slide {
    position: relative;
    z-index: 0;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #fff;
  }
  .home-main .services .wrp-swiper-mob .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(circle farthest-corner at 96% 65%, rgb(255, 127, 49) 0%, rgb(219, 101, 31) 5%, rgb(219, 99, 30) 10%, rgb(212, 93, 27) 15%, rgb(207, 86, 22) 20%, rgb(206, 81, 21) 25%, rgb(203, 73, 15) 30%, rgb(200, 66, 10) 35%, rgb(198, 62, 7) 40%, rgb(194, 57, 5) 45%, rgb(168, 47, 2) 50%, rgb(162, 46, 3) 55%, rgb(151, 44, 4) 60%, rgb(130, 38, 6) 65%, rgb(104, 33, 8) 70%, rgb(85, 29, 9) 75%, rgb(66, 27, 14) 80%, rgb(47, 21, 12) 85%, rgb(37, 20, 13) 90%, rgb(39, 19, 18) 100%);
  }
  .home-main .services .wrp-swiper-mob .swiper-slide .txt-number-services {
    color: var(--c-accent);
    font-family: var(--f-heading);
    font-size: 18px;
    margin-bottom: 20px;
  }
  .home-main .services .wrp-swiper-mob .swiper-slide .txt-name-services {
    font-family: var(--f-heading);
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .home-main .services .wrp-swiper-mob .swiper-slide .txt-description-services {
    font-size: 15px;
    color: var(--c-muted);
    line-height: 1.5;
    margin-bottom: 30px;
  }
  .home-main .services .wrp-swiper-mob .swiper-slide .main-img-services-mob {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin-top: auto;
  }
  .home-main .services .wrp-swiper-mob .pagination-sw {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home-main .services .wrp-swiper-mob .pagination-sw .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 4px;
    background: rgba(233, 233, 233, 0.4);
    border-radius: 50%;
    opacity: 1;
    transition: width 0.3s ease, background-color 0.3s ease;
  }
  .home-main .services .wrp-swiper-mob .pagination-sw .swiper-pagination-bullet-active {
    width: 52px;
    background: rgb(233, 233, 233);
    border-radius: 288px;
  }
}
.home-main .result {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 200px;
  padding-left: 45px;
  padding-right: 45px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .home-main .result {
    margin-top: 150px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.home-main .result .header-blocks {
  font-family: var(--f-heading);
  font-size: 150px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: -11px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .home-main .result .header-blocks {
    font-size: 64px;
    letter-spacing: -5px;
  }
}
.home-main .result .right-column-result {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 600px;
  position: absolute;
  inset: 205px 42px auto auto;
}
@media (max-width: 1200px) {
  .home-main .result .right-column-result {
    position: static;
    width: 100%;
    margin-top: 40px;
  }
}
.home-main .result .right-column-result .real-growht {
  font-family: var(--f-heading);
  font-size: 85px;
  color: #fcfcfc;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.08;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: -5px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .home-main .result .right-column-result .real-growht {
    font-size: 40px;
    letter-spacing: -5px;
  }
}
.home-main .result .right-column-result .shape-with-linear-border.real-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(77, 77, 77, 0) url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/699dd3eba56bcd5fe953b01b_real%20results.png") no-repeat center/cover;
  border: 1px solid #000;
  border-radius: 27px;
  padding: 21px 0 21px 21px;
  backdrop-filter: none;
  text-align: left;
  width: 210px;
  height: 122px;
  box-shadow: -51px 100px 73px rgba(0, 0, 0, 0.69);
  position: absolute;
  z-index: 2;
  bottom: 172px;
  left: 155px;
}
@media (max-width: 1200px) {
  .home-main .result .right-column-result .shape-with-linear-border.real-result {
    position: static;
    margin-top: 20px;
    width: 100%;
    height: auto;
  }
}
.home-main .result .right-column-result .shape-with-linear-border.real-result .ttxtt-33-procent {
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 7px;
  font-weight: 400;
  line-height: 1;
}
.home-main .result .right-column-result .shape-with-linear-border.real-result .txt-under-33-procent {
  font-size: 10.5px;
  color: rgb(171, 171, 171);
  width: 142px;
  line-height: 1.22;
}
.home-main .result .tabs-result {
  width: 100%;
  margin-top: 115px;
}
@media (max-width: 1200px) {
  .home-main .result .tabs-result {
    margin-top: 60px;
  }
}
.home-main .result .tabs-menu {
  display: flex;
  gap: 14px;
  margin-bottom: 118px;
  flex-wrap: wrap;
}
.home-main .result .tabs-menu .tab-point {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 210px;
  height: 50px;
  padding: 0 34px;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fcfcfc;
  border-radius: 50px;
  background: transparent;
  transition: all 0.3s;
}
.home-main .result .tabs-menu .tab-point:hover, .home-main .result .tabs-menu .tab-point.active {
  background: var(--c-accent-gradient);
  color: #fff;
}
.home-main .result .tabs-content {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.home-main .result .tab-pane {
  display: none;
  width: 100%;
  animation: fadeIn 0.5s ease;
}
.home-main .result .tab-pane.active {
  display: block;
}
.home-main .result .tab-pane .grp-tab-contect-result-studies {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 700px;
  padding: 67px 75px 64px;
  border-radius: 40px;
  overflow: hidden;
  background: radial-gradient(80% 60% at 25% 100%, rgba(254, 98, 40, 0.35) 0%, rgba(254, 98, 40, 0) 70%), linear-gradient(to top, #952a00 0%, #2a1410 45%, var(--c-bg) 100%);
  position: relative;
}
@media (max-width: 1200px) {
  .home-main .result .tab-pane .grp-tab-contect-result-studies {
    flex-direction: column;
    height: auto;
    border-radius: 24px;
    padding: 40px;
    gap: 40px;
  }
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case {
  display: flex;
  flex-direction: column;
  width: 430px;
  height: 100%;
}
@media (max-width: 1200px) {
  .home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case {
    width: 100%;
  }
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case .txt-name-case {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  letter-spacing: -5px;
  margin-bottom: 0;
  line-height: 1.08;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case .txt-name-case {
    font-size: 40px;
    letter-spacing: -5px;
  }
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case .outcome-problem-grp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 78%;
  gap: 53px;
  margin-top: auto;
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case .grp-point-problem-outcome {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 21px;
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case .grp-point-problem-outcome .txt-problem-outcome {
  font-family: var(--f-heading);
  font-size: 36px;
  font-weight: 400;
  letter-spacing: -2.16px;
  line-height: 1.08;
  text-transform: uppercase;
  color: #fcfcfc;
  margin-bottom: 0;
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .left-side-case .grp-point-problem-outcome .txt-under-problem-outocme {
  font-size: 15px;
  line-height: 1.2;
  color: rgba(252, 252, 252, 0.6);
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies {
  display: flex;
  flex-direction: column;
  width: 688px;
  height: auto;
  margin-top: 72px;
}
@media (max-width: 1200px) {
  .home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies {
    width: 100%;
    margin-top: 0;
  }
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies .img-graph {
  width: 100%;
  height: 297px;
  margin-bottom: 71px;
  object-fit: cover;
}
@media (max-width: 1200px) {
  .home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies .img-graph {
    height: auto;
  }
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies .grp-3-point-result {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies .grp-3-point-result .point-result-grp {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies .grp-3-point-result .point-result-grp .txt-result-case-point {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  color: #fcfcfc;
  line-height: 1.08;
  letter-spacing: -5px;
}
@media (max-width: 768px) {
  .home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies .grp-3-point-result .point-result-grp .txt-result-case-point {
    font-size: 40px;
    letter-spacing: -5px;
  }
}
.home-main .result .tab-pane .grp-tab-contect-result-studies .right-side-case-studies .grp-3-point-result .point-result-grp .txt-under-point-result {
  font-size: 14px;
  color: rgba(252, 252, 252, 0.6);
  line-height: 1.2;
}
.home-main .creatives-video {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1430px;
  margin-top: 200px;
  padding-left: 45px;
  padding-right: 45px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .home-main .creatives-video {
    height: auto;
    min-height: 800px;
    margin-top: 150px;
    padding-left: 0;
    padding-right: 0;
  }
}
.home-main .creatives-video .header-blocks.ad {
  font-size: 150px;
  font-weight: 400;
  letter-spacing: -11px;
  line-height: 1.2;
  text-align: left;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .home-main .creatives-video .header-blocks.ad {
    font-size: 64px;
    letter-spacing: -5px;
    margin-left: 20px;
  }
}
.home-main .creatives-video .right-column-result.that-convert {
  width: 630px;
  position: absolute;
  top: 205px;
  right: 6px;
}
@media (max-width: 1200px) {
  .home-main .creatives-video .right-column-result.that-convert {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
  }
}
@media (max-width: 991px) {
  .home-main .creatives-video .right-column-result.that-convert {
    width: auto;
    margin-left: 20px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }
}
.home-main .creatives-video .right-column-result.that-convert .real-growht {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  letter-spacing: -2px;
  text-transform: uppercase;
  color: #fcfcfc;
  line-height: 1.08;
  margin-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .home-main .creatives-video .right-column-result.that-convert .real-growht {
    font-size: 40px;
    letter-spacing: -5px;
  }
}
.home-main .creatives-video .right-column-result.that-convert .winning-ads {
  background-color: transparent;
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/699de7b5f9834db9b9c8dac0_winninf-ads-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  border-radius: 27px;
  bottom: 150px;
  left: 290px;
  position: absolute;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  width: 210px;
  height: auto;
  padding: 21px 0 21px 21px;
  z-index: 2;
}
@media (max-width: 1200px) {
  .home-main .creatives-video .right-column-result.that-convert .winning-ads {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .home-main .creatives-video .right-column-result.that-convert .winning-ads {
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69a38d255e1b7fd83bde7d6c_mob-bg-shape-small.png");
    width: 177px;
    padding: 14.5px 0 14.5px 14.5px;
    border-radius: 19px;
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
    box-shadow: -26px 51px 38px rgba(0, 0, 0, 0.7);
  }
}
.home-main .creatives-video .right-column-result.that-convert .winning-ads .ttxtt-33-procent {
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 7px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .home-main .creatives-video .right-column-result.that-convert .winning-ads .ttxtt-33-procent {
    font-size: 16.65px;
    margin-bottom: 8px;
  }
}
.home-main .creatives-video .right-column-result.that-convert .winning-ads .txt-under-33-procent._3 {
  font-size: 10.5px;
  color: rgb(171, 171, 171);
}
@media (max-width: 991px) {
  .home-main .creatives-video .right-column-result.that-convert .winning-ads .txt-under-33-procent._3 {
    font-size: 12.5px;
  }
}
.home-main .creatives-video .right-column-result.that-convert .txt-under-mini-header {
  color: rgba(252, 252, 252, 0.8);
  width: 340px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .home-main .creatives-video .right-column-result.that-convert .txt-under-mini-header {
    width: auto;
    margin-top: 40px;
    font-size: 16px;
    padding-right: 20px;
  }
}
.home-main .creatives-video .wpr-3-video {
  width: 1100px;
  margin-top: 300px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .home-main .creatives-video .wpr-3-video {
    width: 100%;
    margin-top: 100px;
  }
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone {
  z-index: 3;
  aspect-ratio: 9/16;
  width: 330px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
}
@media (max-width: 991px) {
  .home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone {
    width: 254px;
  }
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-cover {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: visible;
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-cover .swiper-slide {
  width: 330px;
  position: relative;
}
@media (max-width: 991px) {
  .home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-cover .swiper-slide {
    width: 254px;
  }
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-swiper-wrp {
  position: absolute;
  left: 3.62%;
  right: 3.3%;
  top: 2.2%;
  bottom: 2.34%;
  background: #000;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-swiper-wrp {
    left: 5.4%;
    right: 5.1%;
  }
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-swiper-wrp .yt-lazy-thumb {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-swiper-wrp .yt-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 130%;
  height: 130%;
  transform: translate(-50%, -50%);
  border: 0;
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-swiper-wrp .yt-play-button {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 50%;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .video-swiper-wrp .yt-play-button::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 18px;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent white;
}
.home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .phone-wrp {
  z-index: 2;
  pointer-events: none;
  object-fit: fill;
  width: 104%;
  max-width: none;
  height: 100%;
  margin: auto -2% auto auto;
  padding-right: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .home-main .creatives-video .wpr-3-video .wrp-swiper-and-phone .phone-wrp {
    width: 100%;
    margin-right: auto;
  }
}
.home-main .creatives-video .shadow-under-video {
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 870px;
  position: absolute;
  inset: auto 0% 0%;
}
@media (max-width: 991px) {
  .home-main .creatives-video .shadow-under-video {
    display: none;
  }
}
.home-main .creatives-video .mob-shadow-under-video {
  z-index: 1;
  width: 100%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}
@media (max-width: 991px) {
  .home-main .creatives-video .mob-shadow-under-video {
    height: 388px;
    display: block;
  }
}
.home-main .creatives-video .creatives-pagination {
  position: relative;
  z-index: 5;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-main .creatives-video .creatives-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0 4px;
  background: rgba(233, 233, 233, 0.4);
  border-radius: 50%;
  opacity: 1;
  transition: width 0.3s ease, background-color 0.3s ease;
}
.home-main .creatives-video .creatives-pagination .swiper-pagination-bullet-active {
  width: 52px;
  background: rgb(233, 233, 233);
  border-radius: 288px;
}
.home-main .faq._2 {
  width: 100%;
  margin-top: 86px;
  padding-left: 45px;
  padding-right: 45px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .home-main .faq._2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.home-main .faq._2 .header-blocks {
  font-family: var(--f-heading);
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .home-main .faq._2 .header-blocks {
    font-size: 32px;
  }
}
.home-main .faq._2 .grp-all-faq {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 25px;
  margin-top: 115px;
}
@media (max-width: 991px) {
  .home-main .faq._2 .grp-all-faq {
    gap: 20px;
    margin-top: 60px;
  }
}
.home-main .faq._2 .drop-faq {
  position: relative;
  overflow: hidden;
  border-radius: 36px;
  background-image: linear-gradient(rgba(217, 217, 217, 0.05), rgba(217, 217, 217, 0.05));
}
.home-main .faq._2 .drop-faq::after {
  content: "";
  position: absolute;
  inset: -20px;
  z-index: -1;
  filter: blur(14px);
  pointer-events: none;
  background-image: radial-gradient(65% 70% at -90% 120%, rgba(218, 95, 27, 0.98) 148%, rgba(218, 95, 27, 0.9) 156%, rgba(218, 95, 27, 0.73) 164%, rgba(218, 95, 27, 0.71) 172%, rgba(218, 95, 27, 0.63) 180%, rgba(218, 95, 27, 0.47) 188%, rgba(218, 95, 27, 0.3) 196%, rgba(218, 95, 27, 0.19) 204%, rgba(218, 95, 27, 0.12) 212%, rgba(218, 95, 27, 0.05) 220%, rgba(218, 95, 27, 0.03) 228%, rgba(218, 95, 27, 0) 236%), radial-gradient(13% 55% at -12% 74%, rgba(218, 95, 27, 0.72) 129%, rgba(218, 95, 27, 0.59) 135%, rgba(218, 95, 27, 0.32) 141%, rgba(218, 95, 27, 0.32) 147%, rgba(218, 95, 27, 0.31) 159%, rgba(218, 95, 27, 0.31) 171%, rgba(218, 95, 27, 0.11) 177%, rgba(218, 95, 27, 0.11) 183%, rgba(218, 95, 27, 0.09) 189%, rgba(218, 95, 27, 0.01) 207%, rgba(218, 95, 27, 0) 213%);
}
.home-main .faq._2 .drop-faq::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 36px;
  background: linear-gradient(45deg, transparent 0%, rgba(254, 98, 40, 0.7) 100%);
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  pointer-events: none;
}
.home-main .faq._2 .drop-faq {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 154px;
  padding: 42px 48px;
  backdrop-filter: blur(5px);
  transition: all 0.3s;
}
@media (max-width: 991px) {
  .home-main .faq._2 .drop-faq {
    border-radius: 20px;
    padding: 20px;
    min-height: auto;
    z-index: 1;
  }
  .home-main .faq._2 .drop-faq::before {
    padding: 1px;
    border-radius: 20px;
  }
}
.home-main .faq._2 .drop-faq .toggle-faq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
  user-select: none;
}
.home-main .faq._2 .drop-faq .txt-name-faq {
  color: #fcfcfc;
  font-family: var(--f-body);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -1px;
  text-transform: uppercase;
  white-space: pre-wrap;
  max-width: 700px;
}
@media (max-width: 991px) {
  .home-main .faq._2 .drop-faq .txt-name-faq {
    font-size: 20px;
    max-width: 100%;
  }
}
.home-main .faq._2 .drop-faq .grp-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 45px;
  position: relative;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .home-main .faq._2 .drop-faq .grp-plus {
    width: 40px;
    height: 40px;
  }
}
.home-main .faq._2 .drop-faq .grp-plus .horizontal-line {
  width: 100%;
  height: 2px;
  background-image: linear-gradient(#fe6228, #952a00);
  position: relative;
  z-index: 1;
}
.home-main .faq._2 .drop-faq .grp-plus .vertical-line {
  width: 2px;
  height: 100%;
  background-image: linear-gradient(#fe6228, #952a00);
  position: absolute;
  z-index: 2;
  transition: transform 0.3s;
}
.home-main .faq._2 .drop-faq .nav-faq {
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  max-height: 0;
  transition: max-height 0.4s ease;
}
.home-main .faq._2 .drop-faq .nav-faq .txt-faq-long {
  color: rgba(252, 252, 252, 0.6);
  font-size: 16px;
  line-height: 1.2;
  padding-top: 20px;
}
@media (max-width: 991px) {
  .home-main .faq._2 .drop-faq .nav-faq .txt-faq-long {
    font-size: 14px;
  }
}
.home-main .faq._2 .drop-faq.active .vertical-line {
  transform: rotate(90deg);
  opacity: 0;
}
.home-main .faq._2 .drop-faq.active .nav-faq {
  max-height: 800px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   ABOUT US PAGE STYLES

   Rebuilt to match the reference site's own .mainscreen-about / .team
   sections — same "big header + right-column-result overlay card" family as
   .result / .creatives-video / .campaign (the reference's own markup even
   reuses the shared right-column-result class here: `class="right-column-
   result about-omni-the-way"`). Values below are the reference's own
   computed styles (rendered at a ~0.1-2% incidental scale there, e.g.
   42.048px/85.536px — rounded off since that's clearly not a real design
   increment) translated to fixed px, no vw.
   ========================================================================== */
.mainscreen-about {
  position: relative;
  padding-top: 148px;
  padding-left: 42px;
  padding-right: 42px;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .mainscreen-about {
    padding-top: 148px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .mainscreen-about {
    padding-top: 135px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .mainscreen-about {
    padding-top: 125px;
  }
}
@media (max-width: 991px) {
  .mainscreen-about {
    padding-top: 130px;
  }
}
@media (max-width: 767px) {
  .mainscreen-about {
    padding-top: 125px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 479px) {
  .mainscreen-about {
    padding-top: 140px;
  }
}
.mainscreen-about .bg-shadow-img-omni-about {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 70%;
  height: 61%;
  pointer-events: none;
  background: radial-gradient(72% 48% at 28% 48%, rgba(212, 78, 17, 0.78) 0%, rgba(212, 78, 17, 0.78) 6%, rgba(212, 78, 17, 0.78) 11%, rgba(212, 78, 17, 0.76) 17%, rgba(212, 78, 17, 0.74) 22%, rgba(212, 78, 17, 0.7) 28%, rgba(212, 78, 17, 0.64) 33%, rgba(212, 78, 17, 0.58) 39%, rgba(212, 78, 17, 0.51) 44%, rgba(212, 78, 17, 0.42) 50%, rgba(212, 78, 17, 0.33) 56%, rgba(212, 78, 17, 0.24) 61%, rgba(212, 78, 17, 0.17) 67%, rgba(212, 78, 17, 0.11) 72%, rgba(212, 78, 17, 0.08) 78%, rgba(212, 78, 17, 0.04) 83%, rgba(212, 78, 17, 0.02) 89%, rgba(212, 78, 17, 0) 100%);
}
@media (max-width: 479px) {
  .mainscreen-about .bg-shadow-img-omni-about {
    display: none;
  }
}
.mainscreen-about .mob-bg-shadow-about {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 479px) {
  .mainscreen-about .mob-bg-shadow-about {
    display: block;
    width: 97%;
    height: 36%;
    background: radial-gradient(72% 42% at 22% 58%, rgba(212, 78, 17, 0.79) 0%, rgba(212, 78, 17, 0.78) 8%, rgba(212, 78, 17, 0.77) 17%, rgba(212, 78, 17, 0.74) 25%, rgba(212, 78, 17, 0.68) 33%, rgba(212, 78, 17, 0.58) 42%, rgba(212, 78, 17, 0.48) 50%, rgba(212, 78, 17, 0.36) 58%, rgba(212, 78, 17, 0.23) 67%, rgba(212, 78, 17, 0.13) 75%, rgba(212, 78, 17, 0.07) 83%, rgba(212, 78, 17, 0.03) 92%, rgba(212, 78, 17, 0) 100%);
  }
}
.mainscreen-about .container {
  max-width: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .mainscreen-about .container {
    max-width: calc(100% - 600px);
  }
}
.mainscreen-about .grp-2-header-about {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.mainscreen-about .grp-2-header-about .header-blocks {
  font-family: var(--f-heading);
  font-size: 150px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -11px;
  margin: 0;
  color: var(--c-text);
}
@media (max-width: 991px) {
  .mainscreen-about .grp-2-header-about .header-blocks {
    font-size: 64px;
    letter-spacing: -5px;
  }
}
.mainscreen-about .about-omni-the-way {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  margin-top: 40px;
}
@media (min-width: 1201px) {
  .mainscreen-about .about-omni-the-way {
    position: absolute;
    top: 350px;
    right: 42px;
    width: 534px;
    margin-top: 0;
  }
}
.mainscreen-about .about-omni-the-way .case-study-video-examples {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  color: var(--c-text);
  text-transform: uppercase;
  margin: 0;
  line-height: 1.08;
}
@media (max-width: 991px) {
  .mainscreen-about .about-omni-the-way .case-study-video-examples {
    font-size: 40px;
  }
}
.mainscreen-about .about-omni-the-way .shape-with-linear-border.about-omni-box {
  background: radial-gradient(100% 100% at -20% 30%, rgb(40, 32, 29) 15%, rgb(28, 21, 18) 35%, var(--c-bg) 65%, var(--c-bg) 100%);
  border: none;
  border-radius: 27px;
  padding: 21px 0 21px 21px;
  width: 229px;
  height: 111px;
  margin-top: 40px;
  position: relative;
}
@media (min-width: 1201px) {
  .mainscreen-about .about-omni-the-way .shape-with-linear-border.about-omni-box {
    position: absolute;
    top: -183px;
    left: 173px;
    margin-top: 0;
  }
}
.mainscreen-about .about-omni-the-way .shape-with-linear-border.about-omni-box .ttxtt-33-procent {
  font-size: 24px;
  color: var(--c-text);
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 7px;
}
.mainscreen-about .about-omni-the-way .shape-with-linear-border.about-omni-box .txt-under-33-procent {
  font-size: 10.5px;
  color: var(--c-muted);
  line-height: 1.22;
}
.mainscreen-about .about-omni-the-way .wrp-2-txt-about-small {
  margin-top: 40px;
}
.mainscreen-about .about-omni-the-way .wrp-2-txt-about-small .txt-under-mini-header-about {
  font-size: 13.5px;
  color: rgba(252, 252, 252, 0.8);
  line-height: 1.4;
  max-width: 340px;
}
.mainscreen-about .trusted-grp-info-about {
  position: relative;
  margin-top: 60px;
  text-align: center;
}
@media (min-width: 1201px) {
  .mainscreen-about .trusted-grp-info-about {
    margin-top: 400px;
  }
}
.mainscreen-about .trusted-grp-info-about .txt-trusted {
  font-family: var(--f-heading);
  font-size: 42px;
  font-weight: 400;
  max-width: 1000px;
  margin: 0 auto;
  line-height: 1.2;
  color: var(--c-text);
}
@media (max-width: 991px) {
  .mainscreen-about .trusted-grp-info-about .txt-trusted {
    font-size: 24px;
  }
}
.mainscreen-about .trusted-grp-info-about .txt-under-header-trust {
  color: var(--c-muted);
  font-size: 13.5px;
  margin-top: 20px;
}
.mainscreen-about .trusted-grp-info-about .grp-3-run-line {
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 60px;
  opacity: 0.4;
  position: relative;
}
.mainscreen-about .trusted-grp-info-about .wrp-run-line {
  display: flex;
  animation: marquee 40s linear infinite;
}
.mainscreen-about .trusted-grp-info-about .wrp-run-line._2 {
  animation: marquee-reverse 35s linear infinite;
}
.mainscreen-about .trusted-grp-info-about .wrp-run-line.line-3 {
  animation: marquee 30s linear infinite;
}
.mainscreen-about .trusted-grp-info-about .wrp-run-line img {
  max-width: none;
  height: 80px;
  margin-right: 20px;
}
.mainscreen-about .trusted-grp-info-about .shadow-left,
.mainscreen-about .trusted-grp-info-about .shadow-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 150px;
  z-index: 2;
  pointer-events: none;
}
.mainscreen-about .trusted-grp-info-about .shadow-left {
  left: 0;
  background: linear-gradient(to right, var(--c-bg), transparent);
}
.mainscreen-about .trusted-grp-info-about .shadow-right {
  right: 0;
  background: linear-gradient(to left, var(--c-bg), transparent);
}
.mainscreen-about .bg-glow-about {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(254, 98, 40, 0.15) 0%, rgba(254, 98, 40, 0) 70%);
  z-index: -1;
  pointer-events: none;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/* ==========================================================================
   TEAM SECTION — same family/pattern as above.
   ========================================================================== */
.section-team {
  position: relative;
  margin-top: 3.96vw;
  padding-top: 40px;
  padding-bottom: 100px;
  padding-left: 2.92vw;
  padding-right: 2.92vw;
  overflow: visible;
}
@media (max-width: 991px) {
  .section-team {
    margin-top: 0;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.section-team .shadow-team-bg-pc {
  position: absolute;
  top: -9vw;
  right: 0;
  width: 55.78vw;
  height: 57.14vw;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(ellipse 70% 45% at 100% 48%, rgba(204, 62, 8, 0.77) 0%, rgba(204, 62, 8, 0.74) 6%, rgba(204, 62, 8, 0.7) 12%, rgba(204, 62, 8, 0.65) 18%, rgba(204, 62, 8, 0.58) 24%, rgba(204, 62, 8, 0.5) 30%, rgba(204, 62, 8, 0.42) 36%, rgba(204, 62, 8, 0.34) 42%, rgba(204, 62, 8, 0.27) 48%, rgba(204, 62, 8, 0.2) 54%, rgba(204, 62, 8, 0.14) 60%, rgba(204, 62, 8, 0.09) 66%, rgba(204, 62, 8, 0.05) 72%, rgba(204, 62, 8, 0.025) 80%, rgba(204, 62, 8, 0.01) 88%, rgba(204, 62, 8, 0.003) 95%, rgba(204, 62, 8, 0) 100%);
  filter: blur(15px);
  -webkit-filter: blur(15px);
}
@media (max-width: 991px) {
  .section-team .shadow-team-bg-pc {
    display: none;
  }
}
.section-team .mob-shadow-team {
  display: none;
}
@media (max-width: 991px) {
  .section-team .mob-shadow-team {
    z-index: 1;
    pointer-events: none;
    width: 90.67vw;
    height: 86.67vw;
    display: block;
    position: absolute;
    inset: -14.67vw auto auto 0%;
  }
}
.section-team .container {
  max-width: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
.section-team .header-blocks {
  font-family: var(--f-heading);
  font-size: 150px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -11px;
  margin: 0;
  color: var(--c-text);
}
@media (max-width: 991px) {
  .section-team .header-blocks {
    font-size: 64px;
    letter-spacing: -5px;
  }
}
.section-team .grp-2-header-team-about {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.section-team .grp-2-header-team-about .team-about,
.section-team .grp-2-header-team-about .teams-h {
  margin: 0;
  display: inline-block;
}
.section-team .team-sm-h {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  margin-top: 40px;
  margin-bottom: 80px;
  z-index: 3;
}
@media (min-width: 1201px) {
  .section-team .team-sm-h {
    position: absolute;
    top: 230px;
    right: 40px;
    width: 534px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.section-team .team-sm-h .real-growht {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  color: var(--c-text);
  text-transform: uppercase;
  margin: 0;
  line-height: 1.08;
}
@media (max-width: 991px) {
  .section-team .team-sm-h .real-growht {
    font-size: 40px;
  }
}
.section-team .team-sm-h .shape-with-linear-border.team-how-we-work {
  background: radial-gradient(100% 100% at -20% 30%, rgb(40, 32, 29) 15%, rgb(28, 21, 18) 35%, var(--c-bg) 65%, var(--c-bg) 100%);
  border: none;
  border-radius: 27px;
  padding: 21px 0 21px 21px;
  width: 210px;
  height: 122px;
  margin-top: 40px;
  position: relative;
}
@media (min-width: 1201px) {
  .section-team .team-sm-h .shape-with-linear-border.team-how-we-work {
    position: absolute;
    top: -121px;
    left: -40px;
    margin-top: 0;
  }
}
.section-team .team-sm-h .shape-with-linear-border.team-how-we-work .ttxtt-33-procent {
  font-size: 24px;
  color: var(--c-text);
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 7px;
}
.section-team .team-sm-h .shape-with-linear-border.team-how-we-work .txt-under-33-procent {
  font-size: 10.5px;
  color: var(--c-muted);
  line-height: 1.22;
}
.section-team .wrp-team {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 80px;
  gap: 5.57vw;
}
@media (min-width: 1201px) {
  .section-team .wrp-team {
    margin-top: 260px;
  }
}
.section-team .wrp-team .grp-team-point {
  display: flex;
  gap: 1.82vw;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}
.section-team .wrp-team .grp-team-point.left-align {
  justify-content: flex-start;
}
.section-team .wrp-team .grp-team-point.mob {
  display: none;
}
@media (max-width: 991px) {
  .section-team .wrp-team .grp-team-point {
    display: none;
  }
  .section-team .wrp-team .grp-team-point.mob {
    display: flex;
    flex-wrap: wrap;
    gap: 10.13vw 3.47vw;
    justify-content: space-between;
    width: 100%;
  }
}
.section-team .wrp-team .team-point {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  width: 22.08vw;
  max-width: 100%;
}
.section-team .wrp-team .team-point.left {
  margin-right: auto;
}
.section-team .wrp-team .team-point.right {
  margin-left: auto;
}
@media (max-width: 991px) {
  .section-team .wrp-team .team-point {
    width: calc(50% - 1.74vw);
    gap: 4.8vw;
  }
  .section-team .wrp-team .team-point.left, .section-team .wrp-team .team-point.right {
    margin: 0;
  }
}
@media (max-width: 479px) {
  .section-team .wrp-team .team-point {
    width: 44.8vw;
  }
}
.section-team .wrp-team .team-point .img-team {
  width: 100%;
  height: 27.97vw;
  object-fit: cover;
  border-radius: 1.04vw;
  display: block;
  transition: transform 0.3s ease;
}
@media (min-width: 1440px) {
  .section-team .wrp-team .team-point .img-team {
    border-radius: 15px;
  }
}
@media (max-width: 991px) {
  .section-team .wrp-team .team-point .img-team {
    height: 62.93vw;
    border-radius: 2.13vw;
  }
}
.section-team .wrp-team .team-point .img-team:hover {
  transform: translateY(-5px);
}
.section-team .wrp-team .team-point .grp-name-position {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  width: 100%;
}
@media (max-width: 991px) {
  .section-team .wrp-team .team-point .grp-name-position {
    gap: 10px;
  }
}
.section-team .wrp-team .team-point .grp-name-position .txt-name-tteam {
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 1440px) {
  .section-team .wrp-team .team-point .grp-name-position .txt-name-tteam {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .section-team .wrp-team .team-point .grp-name-position .txt-name-tteam {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .section-team .wrp-team .team-point .grp-name-position .txt-name-tteam {
    font-size: 16px;
  }
}
.section-team .wrp-team .team-point .grp-name-position .txt-position-point-team {
  color: #ababab;
  letter-spacing: 0.02vw;
  font-size: 14px;
  line-height: 1;
}
@media (max-width: 991px) {
  .section-team .wrp-team .team-point .grp-name-position .txt-position-point-team {
    letter-spacing: 0.06vw;
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .section-team .wrp-team .team-point .grp-name-position .txt-position-point-team {
    font-size: 12px;
  }
}

/* ==========================================================================
   CASE STUDIES PREVIEW (.creative-library-video.about-sec)

   Reuses .creative-library-video's own styles from sass/layouts/_campaign.scss
   wholesale (header, right-column-result, .content-reel card, and the card
   look for each item via the shared .cms-case-study-item class) — only the
   things genuinely specific to this swiper-carousel instance are added here.
   ========================================================================== */
.creative-library-video.about-sec {
  margin-top: 14vw;
  position: relative;
}
.creative-library-video.about-sec .grp-2-header-grow.case-study {
  display: flex;
}
.creative-library-video.about-sec .mob-grp-2-header-grow {
  display: none;
}
.creative-library-video.about-sec .swiper.our-case-about {
  width: 100%;
  margin-top: 8.23vw;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-wrapper.our-case-about {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  box-sizing: content-box;
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about {
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae167f05dea11f5c7a0591_borde-case-study.avif"), linear-gradient(rgba(77, 77, 77, 0.13), rgba(77, 77, 77, 0.13));
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  border-radius: 3.91vw;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 29.95vw;
  height: 37.03vw;
  padding: 2.6vw 2.29vw;
  transition: all 0.3s ease;
  display: flex;
  box-sizing: border-box;
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about:hover {
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae167f05dea11f5c7a0591_borde-case-study.avif"), url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69acd884baff849bf5f0595f_mob-bg-shape-study.avif"), linear-gradient(rgba(77, 77, 77, 0.13), rgba(77, 77, 77, 0.13));
  background-position: 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: cover, cover, auto;
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .logo-study-case {
  display: none !important;
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .txt-short-description {
  color: #fcfcfc;
  letter-spacing: -0.03vw;
  text-transform: uppercase;
  margin-bottom: 1.77vw;
  font-size: 22px;
  line-height: 120%;
  position: static;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .txt-short-description {
    font-size: 24px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .txt-short-description {
    font-size: 20px;
  }
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .img-preview-case-studies {
  object-fit: cover;
  border-radius: 1.82vw;
  width: 100%;
  height: 14.17vw;
  display: block;
  overflow: hidden;
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .but-current-studies-case {
  border: 0.05vw solid #fff;
  border-radius: 20vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.8vw;
  margin-top: auto;
  display: flex;
  text-decoration: none;
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .but-current-studies-case:hover {
  border-color: rgba(255, 255, 255, 0.8);
  transform: translateY(-2px);
}
.creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .but-current-studies-case .img-arrow-but-current-case {
  flex: none;
  width: 1.2vw;
  height: 1.2vw;
  display: block;
}
.creative-library-video.about-sec .bg-shadow-img-req-sec {
  z-index: 1;
  pointer-events: none;
  width: 80.94vw;
  height: 59.95vw;
  position: absolute;
  inset: -15.16vw auto auto 0%;
}
.creative-library-video.about-sec .pagination-our-case-studies {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5.21vw;
  display: flex;
  position: relative;
  z-index: 2;
  gap: 0.5vw;
}
.creative-library-video.about-sec .pagination-our-case-studies .swiper-pagination-bullet {
  background-color: rgba(233, 233, 233, 0.4);
  border-radius: 50%;
  flex: none;
  width: 0.8vw;
  height: 0.8vw;
  min-width: 8px;
  min-height: 8px;
  opacity: 1;
  margin: 0;
  transition: width 0.3s ease, background-color 0.3s ease, border-radius 0.3s ease;
  cursor: pointer;
}
.creative-library-video.about-sec .pagination-our-case-studies .swiper-pagination-bullet-active {
  background-color: #e9e9e9;
  border-radius: 5vw;
  width: 4vw;
  min-width: 36px;
}
.creative-library-video.about-sec .cms-case-study.our-case-about {
  display: none;
}
.creative-library-video.about-sec .but-see-more-case {
  color: #fff;
  text-transform: uppercase;
  background-image: linear-gradient(180deg, #fe6228 0%, #952a00 100%);
  border-radius: 20vw;
  justify-content: center;
  align-items: center;
  width: 19.9vw;
  height: 3.7vw;
  margin-top: 4.43vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  position: relative;
  z-index: 2;
}
.creative-library-video.about-sec .but-see-more-case:hover {
  opacity: 0.8;
  transform: translateY(-2px);
}
.creative-library-video.about-sec .but-see-more-case-mob {
  display: none;
  color: #fff;
  text-transform: uppercase;
  background-image: linear-gradient(180deg, #fe6228 0%, #952a00 100%);
  border-radius: 20vw;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.creative-library-video.about-sec .mob-img-shadow-bg-case-study-about-pg {
  display: none;
}
@media screen and (max-width: 991px) {
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about {
    min-width: 44vw;
    height: 52vw;
    border-radius: 5vw;
    padding: 4vw 3vw;
  }
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .logo-study-case {
    width: 16vw;
    height: 5vw;
  }
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .txt-short-description {
    font-size: 18px;
  }
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .img-preview-case-studies {
    height: 22vw;
  }
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .but-current-studies-case {
    height: 6vw;
  }
  .creative-library-video.about-sec .swiper.our-case-about .swiper-slide.our-case-about .but-current-studies-case .img-arrow-but-current-case {
    width: 2vw;
    height: 2vw;
  }
  .creative-library-video.about-sec .but-see-more-case {
    width: 260px;
    height: 48px;
    font-size: 14px;
  }
}
@media screen and (max-width: 479px) {
  .creative-library-video.about-sec {
    margin-top: 28vw;
  }
  .creative-library-video.about-sec .grp-2-header-grow.case-study,
  .creative-library-video.about-sec .bg-shadow-img-req-sec,
  .creative-library-video.about-sec .swiper.our-case-about,
  .creative-library-video.about-sec .pagination-our-case-studies,
  .creative-library-video.about-sec .but-see-more-case {
    display: none !important;
  }
  .creative-library-video.about-sec .mob-grp-2-header-grow {
    display: flex;
    flex-direction: column;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about {
    margin-top: 17.87vw;
    display: block !important;
    position: relative;
    z-index: 2;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about .cms-case-study-wrp {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about .cms-case-study-item.our-case {
    width: 100%;
    height: auto;
    border-radius: 24px;
    padding: 30px 20px 24px;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about .cms-case-study-item.our-case .logo-study-case {
    width: 32.53vw;
    height: 9.6vw;
    margin-bottom: 6.4vw;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about .cms-case-study-item.our-case .txt-short-description {
    letter-spacing: -0.1vw;
    margin-bottom: 5.33vw;
    font-size: 16px;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about .cms-case-study-item.our-case .img-preview-case-studies {
    border-radius: 5.6vw;
    height: 44vw;
    margin-bottom: 5vw;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about .cms-case-study-item.our-case .but-current-studies-case {
    border: 0.16vw solid #fff;
    border-radius: 20vw;
    height: 11.73vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .creative-library-video.about-sec .cms-case-study.our-case-about .cms-case-study-item.our-case .but-current-studies-case .img-arrow-but-current-case {
    width: 4vw;
    height: 4vw;
  }
  .creative-library-video.about-sec .mob-img-shadow-bg-case-study-about-pg {
    width: 94.13vw;
    height: 110.4vw;
    display: block !important;
    position: absolute;
    inset: -30vw auto auto 0%;
    pointer-events: none;
    z-index: 1;
  }
  .creative-library-video.about-sec .but-see-more-case-mob {
    width: 46vw;
    height: 11.73vw;
    margin-top: 17.07vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    display: flex !important;
    position: relative;
    z-index: 2;
  }
}

/* ==========================================================================
   CAMPAIGN / CASE STUDIES PAGE STYLES

   Rebuilt to match the reference site's own .creative-library-video (a
   full-bleed "big header + right-column-result overlay card" section, same
   family as .result / .creatives-video / .say-about — not the narrower
   centered-container "blog listing" layout this used to copy). The
   reference's own rules are vw-based (fluid with viewport width) rather
   than fixed breakpoints; values below are those vw rules converted to
   fixed px at the reference's own de-facto 1440px desktop viewport (e.g.
   2.92vw padding-left → 42.048px, rounded to 42px — that ~0.1-2% is
   incidental, not a real design increment), matching this file's existing
   convention of fixed px rather than vw for this section family. 1440 was
   chosen because the large majority of this file's values were already
   only correct at that reference width (confirmed by recomputing the
   reference's raw vw rules) — visual comparisons against the reference
   should be done at a 1440px-wide viewport for a fair, apples-to-apples
   check; at other widths the reference's fluid vw sizing will drift from
   this file's fixed px.
   ========================================================================== */
.creative-library-video {
  position: relative;
  width: 100%;
  margin-top: 142px;
  padding-left: 42px;
  padding-right: 42px;
}
@media (min-width: 1440px) {
  .creative-library-video {
    margin-top: 142px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .creative-library-video {
    margin-top: 135px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .creative-library-video {
    margin-top: 125px;
  }
}
@media (max-width: 991px) {
  .creative-library-video {
    margin-top: 130px;
  }
}
@media (max-width: 767px) {
  .creative-library-video {
    margin-top: 125px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 479px) {
  .creative-library-video {
    margin-top: 140px;
  }
}
.creative-library-video .grp-2-header-grow {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 0;
}
@media (max-width: 479px) {
  .creative-library-video .grp-2-header-grow {
    display: none;
  }
}
.creative-library-video .grp-2-header-grow .header-blocks {
  font-family: var(--f-heading);
  font-size: 184px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -11px;
  margin: 0;
  white-space: nowrap;
  color: var(--c-text);
}
.creative-library-video .grp-2-header-grow .header-blocks.case-study {
  text-align: left;
}
.creative-library-video .grp-2-header-grow .header-blocks.case-study-right {
  text-align: right;
}
@media (max-width: 991px) {
  .creative-library-video .grp-2-header-grow .header-blocks {
    font-size: 70px;
    letter-spacing: -4px;
    white-space: normal;
  }
}
.creative-library-video .mob-grp-2-header-grow {
  display: none;
}
@media (max-width: 479px) {
  .creative-library-video .mob-grp-2-header-grow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
  }
  .creative-library-video .mob-grp-2-header-grow .header-blocks {
    font-family: var(--f-heading);
    font-size: 68px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -4px;
    text-transform: uppercase;
    color: var(--c-text);
    margin: 0;
    text-align: left;
  }
}
.creative-library-video .right-column-result {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 174px;
}
@media (min-width: 1201px) {
  .creative-library-video .right-column-result {
    right: 42px;
    width: 534px;
  }
}
@media (max-width: 1200px) {
  .creative-library-video .right-column-result {
    position: relative;
    top: 0;
    right: auto;
    width: 100%;
    margin-top: 40px;
  }
}
.creative-library-video .right-column-result .case-study-video-examples {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  color: var(--c-text);
  text-transform: uppercase;
  margin: 0;
  line-height: 1.08;
  letter-spacing: -5.2px;
}
@media (max-width: 991px) {
  .creative-library-video .right-column-result .case-study-video-examples {
    font-size: 40px;
    letter-spacing: -2px;
  }
}
.creative-library-video .right-column-result .shape-with-linear-border.content-reel {
  background: linear-gradient(90deg, rgb(26, 11, 7) 0%, rgb(45, 16, 5) 50%, rgb(70, 22, 5) 100%);
  border: none;
  border-radius: 27px;
  padding: 21px 0 21px 21px;
  width: 229px;
  height: 111px;
  backdrop-filter: none;
  box-shadow: -51px 100px 73px rgba(0, 0, 0, 0.69);
  position: absolute;
  top: -111px;
  left: -19px;
  z-index: 2;
}
@media (max-width: 1200px) {
  .creative-library-video .right-column-result .shape-with-linear-border.content-reel {
    position: static;
    margin-top: 20px;
    width: 100%;
    height: auto;
  }
}
.creative-library-video .right-column-result .shape-with-linear-border.content-reel .ttxtt-33-procent {
  font-size: 24px;
  color: var(--c-text);
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 7px;
}
.creative-library-video .right-column-result .shape-with-linear-border.content-reel .txt-under-33-procent {
  font-size: 10.5px;
  color: var(--c-muted);
  line-height: 1.22;
}
.creative-library-video .grp-chose-category {
  width: 1057px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
@media (min-width: 1200px) {
  .creative-library-video .grp-chose-category {
    margin-top: 75px;
  }
}
.creative-library-video .grp-chose-category .cms-filtering-category-wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 13px;
}
.creative-library-video .grp-chose-category .cms-filtering-category-wrp .cmsl-filtering-category-item .w-radio {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 999px;
  padding: 16.5px 49.5px;
  user-select: none;
  transition: transform 0.2s ease;
}
.creative-library-video .grp-chose-category .cms-filtering-category-wrp .cmsl-filtering-category-item .w-radio:hover {
  transform: translateY(-2px);
}
.creative-library-video .grp-chose-category .cms-filtering-category-wrp .cmsl-filtering-category-item .w-radio:hover .w-form-formradioinput:not(.w--redirected-checked) {
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.06);
}
.creative-library-video .grp-chose-category .cms-filtering-category-wrp .cmsl-filtering-category-item .w-radio .w-form-formradioinput {
  display: block;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  border: 1px solid #fff;
  transition: background 0.3s ease, border-color 0.3s ease;
}
.creative-library-video .grp-chose-category .cms-filtering-category-wrp .cmsl-filtering-category-item .w-radio .w-form-formradioinput.w--redirected-checked {
  border-color: transparent;
  background: linear-gradient(180deg, rgb(254, 98, 40) 0%, rgb(149, 42, 0) 100%);
}
.creative-library-video .grp-chose-category .cms-filtering-category-wrp .cmsl-filtering-category-item .w-radio .txt-radio-but {
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--c-text);
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.creative-library-video .cms-case-study {
  margin-top: 60px;
}
@media (min-width: 1200px) {
  .creative-library-video .cms-case-study {
    margin-top: 135px;
  }
}
.creative-library-video .cms-case-study-wrp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  grid-column-gap: clamp(16px, 1.46vw, 24px);
  grid-row-gap: clamp(20px, 1.67vw, 32px);
  padding-bottom: 100px;
  width: 100%;
}
@media (min-width: 1800px) {
  .creative-library-video .cms-case-study-wrp {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  }
}
@media (max-width: 991px) {
  .creative-library-video .cms-case-study-wrp {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-column-gap: 16px;
    grid-row-gap: 20px;
  }
}
@media (max-width: 640px) {
  .creative-library-video .cms-case-study-wrp {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
.creative-library-video .cms-case-study-item {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 533px;
  height: 100%;
  border-radius: clamp(24px, 3.91vw, 56px);
  overflow: hidden;
  background: linear-gradient(rgba(77, 77, 77, 0.13), rgba(77, 77, 77, 0.13)), var(--c-glass-bg);
  border: 1px solid var(--c-glass-border);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(24px, 2.6vw, 37px) clamp(20px, 2.29vw, 33px);
  text-decoration: none;
  transition: box-shadow 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  box-sizing: border-box;
}
.creative-library-video .cms-case-study-item.is-hidden {
  display: none !important;
}
@media (max-width: 767px) {
  .creative-library-video .cms-case-study-item {
    min-height: 0;
    height: auto;
    border-radius: 24px;
    padding: 30px 20px 24px;
  }
}
.creative-library-video .cms-case-study-item .img-preview-case-studies {
  position: relative;
  width: 100%;
  height: clamp(180px, 14.17vw, 220px);
  border-radius: clamp(16px, 1.82vw, 26px);
  object-fit: cover;
  display: block;
  z-index: 0;
}
@media (max-width: 767px) {
  .creative-library-video .cms-case-study-item .img-preview-case-studies {
    height: 180px;
    border-radius: 16px;
  }
}
.creative-library-video .cms-case-study-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(120% 90% at 100% 100%, rgba(200, 62, 9, 0.35) 0%, rgba(200, 62, 9, 0) 60%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 0;
}
.creative-library-video .cms-case-study-item:hover::after {
  opacity: 1;
}
.creative-library-video .cms-case-study-item .multi-cms-category {
  display: none;
}
.creative-library-video .cms-case-study-item .logo-study-case {
  display: none !important;
}
.creative-library-video .cms-case-study-item .txt-short-description {
  position: relative;
  z-index: 2;
  font-size: 24px;
  color: var(--c-text);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.creative-library-video .cms-case-study-item .but-current-studies-case {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 55px;
  margin-top: auto;
  border-radius: 288px;
  border: 1px solid #fff;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.creative-library-video .cms-case-study-item .but-current-studies-case svg {
  width: 17px;
  height: 17px;
}
.creative-library-video .cms-case-study-item .but-current-studies-case:hover {
  background: #fff;
}
.creative-library-video .cms-case-study-item .but-current-studies-case:hover svg path {
  stroke: var(--c-bg);
}

/* ==========================================================================
   BLOG PAGE STYLES - PIXEL PERFECT TO OMNIDIGITAL.COM.SG/BLOG
   ========================================================================== */
.blog-page-main .case-study-mainscreen,
.blog-page .case-study-mainscreen,
.page-template-page-blog .case-study-mainscreen,
body.blog .case-study-mainscreen {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 143px;
  padding-left: 2.92vw;
  padding-right: 2.92vw;
  display: flex;
  position: relative;
  box-sizing: border-box;
}
@media (min-width: 1440px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    padding-top: 143px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    padding-top: 135px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    padding-top: 125px;
  }
}
@media (max-width: 991px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    padding-top: 130px;
  }
}
@media (max-width: 767px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    padding-top: 125px;
  }
}
@media (max-width: 479px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    padding-top: 140px;
  }
}
.blog-page-main .grp-2-header-grow,
.blog-page .grp-2-header-grow,
.page-template-page-blog .grp-2-header-grow,
body.blog .grp-2-header-grow {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}
.blog-page-main .grp-2-header-grow.case-study._22,
.blog-page .grp-2-header-grow.case-study._22,
.page-template-page-blog .grp-2-header-grow.case-study._22,
body.blog .grp-2-header-grow.case-study._22 {
  width: 100%;
}
.blog-page-main .header-blocks,
.blog-page .header-blocks,
.page-template-page-blog .header-blocks,
body.blog .header-blocks {
  z-index: 1;
  color: #fcfcfc;
  letter-spacing: -0.63vw;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
  font-size: 136px;
  font-weight: 400;
  line-height: 100%;
  position: relative;
}
@media (min-width: 1440px) {
  .blog-page-main .header-blocks,
  .blog-page .header-blocks,
  .page-template-page-blog .header-blocks,
  body.blog .header-blocks {
    font-size: 160px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .blog-page-main .header-blocks,
  .blog-page .header-blocks,
  .page-template-page-blog .header-blocks,
  body.blog .header-blocks {
    font-size: 108px;
  }
}
@media screen and (max-width: 991px) {
  .blog-page-main .header-blocks,
  .blog-page .header-blocks,
  .page-template-page-blog .header-blocks,
  body.blog .header-blocks {
    font-size: 80px;
  }
}
@media screen and (max-width: 767px) {
  .blog-page-main .header-blocks,
  .blog-page .header-blocks,
  .page-template-page-blog .header-blocks,
  body.blog .header-blocks {
    font-size: 56px;
  }
}
@media screen and (max-width: 479px) {
  .blog-page-main .header-blocks,
  .blog-page .header-blocks,
  .page-template-page-blog .header-blocks,
  body.blog .header-blocks {
    font-size: 44px;
  }
}
.blog-page-main .header-blocks.case-study,
.blog-page .header-blocks.case-study,
.page-template-page-blog .header-blocks.case-study,
body.blog .header-blocks.case-study {
  text-align: left;
  width: 58vw;
}
.blog-page-main .header-blocks.case-study._22,
.blog-page .header-blocks.case-study._22,
.page-template-page-blog .header-blocks.case-study._22,
body.blog .header-blocks.case-study._22 {
  width: 58vw;
}
.blog-page-main .header-blocks.case-study-right,
.blog-page .header-blocks.case-study-right,
.page-template-page-blog .header-blocks.case-study-right,
body.blog .header-blocks.case-study-right {
  text-align: right;
  width: 56vw;
  align-self: flex-start;
}
.blog-page-main .mob-grp-2-header-grow,
.blog-page .mob-grp-2-header-grow,
.page-template-page-blog .mob-grp-2-header-grow,
body.blog .mob-grp-2-header-grow {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none !important;
  position: relative;
}
.blog-page-main .mob-grp-2-header-grow.blog,
.blog-page .mob-grp-2-header-grow.blog,
.page-template-page-blog .mob-grp-2-header-grow.blog,
body.blog .mob-grp-2-header-grow.blog {
  margin-top: 14vw;
}
.blog-page-main .mob-grp-2-header-grow .header-blocks.grow,
.blog-page .mob-grp-2-header-grow .header-blocks.grow,
.page-template-page-blog .mob-grp-2-header-grow .header-blocks.grow,
body.blog .mob-grp-2-header-grow .header-blocks.grow {
  z-index: 2;
  letter-spacing: -1.09vw;
  font-size: 56px;
  line-height: 100%;
  text-align: left;
  margin: 0;
  width: auto;
}
@media screen and (max-width: 479px) {
  .blog-page-main .mob-grp-2-header-grow .header-blocks.grow,
  .blog-page .mob-grp-2-header-grow .header-blocks.grow,
  .page-template-page-blog .mob-grp-2-header-grow .header-blocks.grow,
  body.blog .mob-grp-2-header-grow .header-blocks.grow {
    font-size: 44px;
  }
}
.blog-page-main .mob-grp-2-header-grow .header-blocks.grow-2,
.blog-page .mob-grp-2-header-grow .header-blocks.grow-2,
.page-template-page-blog .mob-grp-2-header-grow .header-blocks.grow-2,
body.blog .mob-grp-2-header-grow .header-blocks.grow-2 {
  text-align: left;
  letter-spacing: -1.09vw;
  width: auto;
  padding-right: 0;
  font-size: 56px;
  line-height: 100%;
  margin: 0 7vw;
}
@media screen and (max-width: 479px) {
  .blog-page-main .mob-grp-2-header-grow .header-blocks.grow-2,
  .blog-page .mob-grp-2-header-grow .header-blocks.grow-2,
  .page-template-page-blog .mob-grp-2-header-grow .header-blocks.grow-2,
  body.blog .mob-grp-2-header-grow .header-blocks.grow-2 {
    font-size: 44px;
  }
}
.blog-page-main .right-column-result,
.blog-page .right-column-result,
.page-template-page-blog .right-column-result,
body.blog .right-column-result {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 37.08vw;
  margin-top: 0;
  margin-left: auto;
  display: flex;
  position: absolute;
  top: 22vw;
  right: 3vw;
  z-index: 3;
}
.blog-page-main .right-column-result.case-study-video-examplese._34,
.blog-page .right-column-result.case-study-video-examplese._34,
.page-template-page-blog .right-column-result.case-study-video-examplese._34,
body.blog .right-column-result.case-study-video-examplese._34 {
  top: 22vw;
}
.blog-page-main .case-study-video-examples,
.blog-page .case-study-video-examples,
.page-template-page-blog .case-study-video-examples,
body.blog .case-study-video-examples {
  z-index: 1;
  color: #fcfcfc;
  letter-spacing: -0.36vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 400;
  line-height: 108%;
  position: relative;
  width: 100%;
}
@media (min-width: 1440px) {
  .blog-page-main .case-study-video-examples,
  .blog-page .case-study-video-examples,
  .page-template-page-blog .case-study-video-examples,
  body.blog .case-study-video-examples {
    font-size: 84px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .blog-page-main .case-study-video-examples,
  .blog-page .case-study-video-examples,
  .page-template-page-blog .case-study-video-examples,
  body.blog .case-study-video-examples {
    font-size: 60px;
  }
}
@media screen and (max-width: 991px) {
  .blog-page-main .case-study-video-examples,
  .blog-page .case-study-video-examples,
  .page-template-page-blog .case-study-video-examples,
  body.blog .case-study-video-examples {
    font-size: 46px;
  }
}
@media screen and (max-width: 767px) {
  .blog-page-main .case-study-video-examples,
  .blog-page .case-study-video-examples,
  .page-template-page-blog .case-study-video-examples,
  body.blog .case-study-video-examples {
    font-size: 36px;
  }
}
@media screen and (max-width: 479px) {
  .blog-page-main .case-study-video-examples,
  .blog-page .case-study-video-examples,
  .page-template-page-blog .case-study-video-examples,
  body.blog .case-study-video-examples {
    font-size: 30px;
  }
}
.blog-page-main .shape-with-linear-border.content-reel,
.blog-page .shape-with-linear-border.content-reel,
.page-template-page-blog .shape-with-linear-border.content-reel,
body.blog .shape-with-linear-border.content-reel {
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ac46936eb73ddd5a0ccf94_shape-content-reek.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-style: none;
  width: 15.89vw;
  height: 7.71vw;
  position: absolute;
  top: -3.125vw;
  left: -1.3vw;
  padding: 1.18vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  z-index: 2;
}
.blog-page-main .shape-with-linear-border.content-reel .ttxtt-33-procent,
.blog-page .shape-with-linear-border.content-reel .ttxtt-33-procent,
.page-template-page-blog .shape-with-linear-border.content-reel .ttxtt-33-procent,
body.blog .shape-with-linear-border.content-reel .ttxtt-33-procent {
  color: #fcfcfc;
  text-transform: uppercase;
  margin-bottom: 0.5vw;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
}
.blog-page-main .shape-with-linear-border.content-reel .txt-under-33-procent.content,
.blog-page .shape-with-linear-border.content-reel .txt-under-33-procent.content,
.page-template-page-blog .shape-with-linear-border.content-reel .txt-under-33-procent.content,
body.blog .shape-with-linear-border.content-reel .txt-under-33-procent.content {
  color: #ababab;
  letter-spacing: 0.01vw;
  width: 12.24vw;
  font-size: 10px;
  line-height: 133%;
}
.blog-page-main .img-shadow-bg-case-study,
.blog-page .img-shadow-bg-case-study,
.page-template-page-blog .img-shadow-bg-case-study,
body.blog .img-shadow-bg-case-study {
  z-index: 1;
  pointer-events: none;
  width: 68.54vw;
  height: 54.9vw;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}
.blog-page-main .mob-img-shadow-bg-case-study,
.blog-page .mob-img-shadow-bg-case-study,
.page-template-page-blog .mob-img-shadow-bg-case-study,
body.blog .mob-img-shadow-bg-case-study {
  z-index: 1;
  pointer-events: none;
  width: 68.54vw;
  height: 54.9vw;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}
.blog-page-main,
.blog-page,
.page-template-page-blog,
body.blog {
  /* BLOG GRID SECTION */
}
.blog-page-main .blog-sec,
.blog-page .blog-sec,
.page-template-page-blog .blog-sec,
body.blog .blog-sec {
  width: 100%;
  margin-top: 10vw;
  padding-left: 2.92vw;
  padding-right: 2.92vw;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
.blog-page-main .cms-case-study.blog,
.blog-page .cms-case-study.blog,
.page-template-page-blog .cms-case-study.blog,
body.blog .cms-case-study.blog {
  width: 100%;
  margin-top: 0;
}
.blog-page-main .cms-case-study-wrp.blog,
.blog-page .cms-case-study-wrp.blog,
.page-template-page-blog .cms-case-study-wrp.blog,
body.blog .cms-case-study-wrp.blog {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  gap: 1.67vw 1.46vw;
  box-sizing: border-box;
}
.blog-page-main .cms-case-study-item.blog,
.blog-page .cms-case-study-item.blog,
.page-template-page-blog .cms-case-study-item.blog,
body.blog .cms-case-study-item.blog {
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae167f05dea11f5c7a0591_borde-case-study.avif"), linear-gradient(rgba(77, 77, 77, 0.1294117647), rgba(77, 77, 77, 0.1294117647));
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, auto;
  border-radius: 3.91vw;
  border: none;
  flex-flow: column;
  flex: 0 0 calc((100% - 2.92vw) / 3);
  width: calc((100% - 2.92vw) / 3);
  max-width: calc((100% - 2.92vw) / 3);
  height: 37.03vw;
  min-height: auto;
  padding: 2.6vw 2.29vw 2.5vw;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.blog-page-main .cms-case-study-item.blog:hover,
.blog-page .cms-case-study-item.blog:hover,
.page-template-page-blog .cms-case-study-item.blog:hover,
body.blog .cms-case-study-item.blog:hover {
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae167f05dea11f5c7a0591_borde-case-study.avif"), url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69acd884baff849bf5f0595f_mob-bg-shape-study.avif");
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, cover;
}
.blog-page-main .cms-case-study-item.blog .txt-short-description,
.blog-page .cms-case-study-item.blog .txt-short-description,
.page-template-page-blog .cms-case-study-item.blog .txt-short-description,
body.blog .cms-case-study-item.blog .txt-short-description {
  color: #fcfcfc;
  letter-spacing: -0.03vw;
  text-transform: uppercase;
  margin-bottom: 1.77vw;
  font-size: 22px;
  line-height: 120%;
  font-weight: 400;
  position: static;
}
@media (min-width: 1440px) {
  .blog-page-main .cms-case-study-item.blog .txt-short-description,
  .blog-page .cms-case-study-item.blog .txt-short-description,
  .page-template-page-blog .cms-case-study-item.blog .txt-short-description,
  body.blog .cms-case-study-item.blog .txt-short-description {
    font-size: 24px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .blog-page-main .cms-case-study-item.blog .txt-short-description,
  .blog-page .cms-case-study-item.blog .txt-short-description,
  .page-template-page-blog .cms-case-study-item.blog .txt-short-description,
  body.blog .cms-case-study-item.blog .txt-short-description {
    font-size: 20px;
  }
}
.blog-page-main .cms-case-study-item.blog .img-preview-case-studies,
.blog-page .cms-case-study-item.blog .img-preview-case-studies,
.page-template-page-blog .cms-case-study-item.blog .img-preview-case-studies,
body.blog .cms-case-study-item.blog .img-preview-case-studies {
  object-fit: cover;
  border-radius: 1.82vw;
  width: 100%;
  height: 14.17vw;
  display: block;
  overflow: hidden;
  margin: 0;
  opacity: 1;
}
.blog-page-main .cms-case-study-item.blog .but-current-studies-case,
.blog-page .cms-case-study-item.blog .but-current-studies-case,
.page-template-page-blog .cms-case-study-item.blog .but-current-studies-case,
body.blog .cms-case-study-item.blog .but-current-studies-case {
  border: 1px solid #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.8vw;
  margin-top: auto;
  display: flex;
  background: transparent;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
}
.blog-page-main .cms-case-study-item.blog .but-current-studies-case:hover,
.blog-page .cms-case-study-item.blog .but-current-studies-case:hover,
.page-template-page-blog .cms-case-study-item.blog .but-current-studies-case:hover,
body.blog .cms-case-study-item.blog .but-current-studies-case:hover {
  background-color: #fff;
  border-color: #fff;
}
.blog-page-main .cms-case-study-item.blog .but-current-studies-case:hover .img-arrow-but-current-case,
.blog-page .cms-case-study-item.blog .but-current-studies-case:hover .img-arrow-but-current-case,
.page-template-page-blog .cms-case-study-item.blog .but-current-studies-case:hover .img-arrow-but-current-case,
body.blog .cms-case-study-item.blog .but-current-studies-case:hover .img-arrow-but-current-case {
  filter: invert(1);
}
.blog-page-main .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
.blog-page .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
.page-template-page-blog .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
body.blog .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case {
  flex: none;
  width: 1.2vw;
  height: 1.2vw;
  display: block;
  transition: filter 0.3s ease;
}
.blog-page-main,
.blog-page,
.page-template-page-blog,
body.blog {
  /* TABLET BREAKPOINTS (<= 991px) */
}
@media screen and (max-width: 991px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    padding-top: 100px;
  }
  .blog-page-main .header-blocks.case-study,
  .blog-page-main .header-blocks.case-study-right,
  .blog-page .header-blocks.case-study,
  .blog-page .header-blocks.case-study-right,
  .page-template-page-blog .header-blocks.case-study,
  .page-template-page-blog .header-blocks.case-study-right,
  body.blog .header-blocks.case-study,
  body.blog .header-blocks.case-study-right {
    font-size: 80px;
    width: 100%;
  }
  .blog-page-main .right-column-result.case-study-video-examplese._34,
  .blog-page .right-column-result.case-study-video-examplese._34,
  .page-template-page-blog .right-column-result.case-study-video-examplese._34,
  body.blog .right-column-result.case-study-video-examplese._34 {
    top: 30vw;
    width: 45vw;
  }
  .blog-page-main .cms-case-study-wrp.blog,
  .blog-page .cms-case-study-wrp.blog,
  .page-template-page-blog .cms-case-study-wrp.blog,
  body.blog .cms-case-study-wrp.blog {
    gap: 2.5vw 2vw;
  }
  .blog-page-main .cms-case-study-item.blog,
  .blog-page .cms-case-study-item.blog,
  .page-template-page-blog .cms-case-study-item.blog,
  body.blog .cms-case-study-item.blog {
    flex: 0 0 calc((100% - 2vw) / 2);
    width: calc((100% - 2vw) / 2);
    max-width: calc((100% - 2vw) / 2);
    height: auto;
    min-height: auto;
    padding: 4vw 3.5vw 3.5vw;
    border-radius: 5vw;
  }
  .blog-page-main .cms-case-study-item.blog .txt-short-description,
  .blog-page .cms-case-study-item.blog .txt-short-description,
  .page-template-page-blog .cms-case-study-item.blog .txt-short-description,
  body.blog .cms-case-study-item.blog .txt-short-description {
    font-size: 18px;
    margin-bottom: 2.5vw;
  }
  .blog-page-main .cms-case-study-item.blog .img-preview-case-studies,
  .blog-page .cms-case-study-item.blog .img-preview-case-studies,
  .page-template-page-blog .cms-case-study-item.blog .img-preview-case-studies,
  body.blog .cms-case-study-item.blog .img-preview-case-studies {
    height: 22vw;
    border-radius: 3vw;
    margin-bottom: 2.5vw;
  }
  .blog-page-main .cms-case-study-item.blog .but-current-studies-case,
  .blog-page .cms-case-study-item.blog .but-current-studies-case,
  .page-template-page-blog .cms-case-study-item.blog .but-current-studies-case,
  body.blog .cms-case-study-item.blog .but-current-studies-case {
    height: 6vw;
  }
  .blog-page-main .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
  .blog-page .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
  .page-template-page-blog .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
  body.blog .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case {
    width: 2vw;
    height: 2vw;
  }
}
.blog-page-main,
.blog-page,
.page-template-page-blog,
body.blog {
  /* MOBILE BREAKPOINTS (<= 767px) */
}
@media screen and (max-width: 767px) {
  .blog-page-main .case-study-mainscreen,
  .blog-page .case-study-mainscreen,
  .page-template-page-blog .case-study-mainscreen,
  body.blog .case-study-mainscreen {
    height: auto;
    padding-top: 80px;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
  .blog-page-main .grp-2-header-grow.case-study._22,
  .blog-page .grp-2-header-grow.case-study._22,
  .page-template-page-blog .grp-2-header-grow.case-study._22,
  body.blog .grp-2-header-grow.case-study._22 {
    display: none !important;
  }
  .blog-page-main .mob-grp-2-header-grow.blog,
  .blog-page .mob-grp-2-header-grow.blog,
  .page-template-page-blog .mob-grp-2-header-grow.blog,
  body.blog .mob-grp-2-header-grow.blog {
    z-index: 3;
    display: flex !important;
    margin-top: 14vw;
  }
  .blog-page-main .right-column-result.case-study-video-examplese,
  .blog-page .right-column-result.case-study-video-examplese,
  .page-template-page-blog .right-column-result.case-study-video-examplese,
  body.blog .right-column-result.case-study-video-examplese {
    position: relative;
    width: auto;
    top: 2vw;
    left: 0;
    right: 0;
    margin-top: 4vw;
  }
  .blog-page-main .right-column-result.case-study-video-examplese._34,
  .blog-page .right-column-result.case-study-video-examplese._34,
  .page-template-page-blog .right-column-result.case-study-video-examplese._34,
  body.blog .right-column-result.case-study-video-examplese._34 {
    top: 2vw;
  }
  .blog-page-main .case-study-video-examples,
  .blog-page .case-study-video-examples,
  .page-template-page-blog .case-study-video-examples,
  body.blog .case-study-video-examples {
    letter-spacing: -0.77vw;
    font-size: 36px;
    width: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 479px) {
  .blog-page-main .case-study-video-examples,
  .blog-page .case-study-video-examples,
  .page-template-page-blog .case-study-video-examples,
  body.blog .case-study-video-examples {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .blog-page-main .shape-with-linear-border.content-reel,
  .blog-page .shape-with-linear-border.content-reel,
  .page-template-page-blog .shape-with-linear-border.content-reel,
  body.blog .shape-with-linear-border.content-reel {
    z-index: 4;
    width: 55.2vw;
    height: 25.87vw;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background-color: transparent;
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69accde57be235b1e24eb088_mob-bg-shape-case-study.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: none;
    border-radius: 4.8vw;
    padding: 3.47vw 4.5vw 3.47vw 3.47vw;
    position: absolute;
    inset: -53vw 0 auto auto;
    top: -53vw;
    right: 0;
    left: auto;
    margin-top: 0;
  }
  .blog-page-main .shape-with-linear-border.content-reel .ttxtt-33-procent,
  .blog-page .shape-with-linear-border.content-reel .ttxtt-33-procent,
  .page-template-page-blog .shape-with-linear-border.content-reel .ttxtt-33-procent,
  body.blog .shape-with-linear-border.content-reel .ttxtt-33-procent {
    margin-bottom: 2.13vw;
    font-size: 14px;
    line-height: 100%;
  }
  .blog-page-main .shape-with-linear-border.content-reel .txt-under-33-procent.content,
  .blog-page .shape-with-linear-border.content-reel .txt-under-33-procent.content,
  .page-template-page-blog .shape-with-linear-border.content-reel .txt-under-33-procent.content,
  body.blog .shape-with-linear-border.content-reel .txt-under-33-procent.content {
    letter-spacing: 0.06vw;
    font-size: 11px;
    line-height: 110%;
    width: auto;
  }
  .blog-page-main .img-shadow-bg-case-study,
  .blog-page .img-shadow-bg-case-study,
  .page-template-page-blog .img-shadow-bg-case-study,
  body.blog .img-shadow-bg-case-study {
    display: none !important;
  }
  .blog-page-main .mob-img-shadow-bg-case-study,
  .blog-page .mob-img-shadow-bg-case-study,
  .page-template-page-blog .mob-img-shadow-bg-case-study,
  body.blog .mob-img-shadow-bg-case-study {
    width: 94.13vw;
    height: 110.4vw;
    display: block !important;
    inset: 0% auto auto 0%;
  }
  .blog-page-main .blog-sec,
  .blog-page .blog-sec,
  .page-template-page-blog .blog-sec,
  body.blog .blog-sec {
    margin-top: 14vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
  .blog-page-main .cms-case-study.blog,
  .blog-page .cms-case-study.blog,
  .page-template-page-blog .cms-case-study.blog,
  body.blog .cms-case-study.blog {
    margin-top: 8vw;
  }
  .blog-page-main .cms-case-study-wrp.blog,
  .blog-page .cms-case-study-wrp.blog,
  .page-template-page-blog .cms-case-study-wrp.blog,
  body.blog .cms-case-study-wrp.blog {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 5.87vw;
  }
  .blog-page-main .cms-case-study-item.blog,
  .blog-page .cms-case-study-item.blog,
  .page-template-page-blog .cms-case-study-item.blog,
  body.blog .cms-case-study-item.blog {
    border-radius: 12vw;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: auto;
    padding: 9.87vw 7.2vw 8vw;
  }
  .blog-page-main .cms-case-study-item.blog .txt-short-description,
  .blog-page .cms-case-study-item.blog .txt-short-description,
  .page-template-page-blog .cms-case-study-item.blog .txt-short-description,
  body.blog .cms-case-study-item.blog .txt-short-description {
    letter-spacing: -0.1vw;
    margin-bottom: 5.33vw;
    font-size: 16px;
  }
  .blog-page-main .cms-case-study-item.blog .img-preview-case-studies,
  .blog-page .cms-case-study-item.blog .img-preview-case-studies,
  .page-template-page-blog .cms-case-study-item.blog .img-preview-case-studies,
  body.blog .cms-case-study-item.blog .img-preview-case-studies {
    border-radius: 5.6vw;
    height: 44vw;
    margin-bottom: 5vw;
  }
  .blog-page-main .cms-case-study-item.blog .but-current-studies-case,
  .blog-page .cms-case-study-item.blog .but-current-studies-case,
  .page-template-page-blog .cms-case-study-item.blog .but-current-studies-case,
  body.blog .cms-case-study-item.blog .but-current-studies-case {
    border-width: 1px;
    height: 11.73vw;
  }
  .blog-page-main .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
  .blog-page .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
  .page-template-page-blog .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case,
  body.blog .cms-case-study-item.blog .but-current-studies-case .img-arrow-but-current-case {
    width: 4vw;
    height: 4vw;
  }
}

/* ==========================================================================
   BLOG POST DETAIL (SINGLE) STYLES
   Matching: https://omnidigital.com.sg/blog/alex-chan-founder-omni-digital
   ========================================================================== */
.blog-post-detail-main .info-blog-post,
.single-post .info-blog-post {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding-top: calc(90px + 5.42vw);
  padding-left: 9.64vw;
  padding-right: 9.64vw;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 992px) {
  .blog-post-detail-main .info-blog-post,
  .single-post .info-blog-post {
    padding-top: 12vw;
  }
}
.blog-post-detail-main .but-back,
.single-post .but-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10.68vw;
  height: 3.49vw;
  min-width: 120px;
  min-height: 44px;
  border: 1px solid #fff;
  border-radius: 999px;
  margin-bottom: 4.38vw;
  background: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
.blog-post-detail-main .but-back .txt-in-but,
.single-post .but-back .txt-in-but {
  color: #fff;
  font-size: 14px;
  line-height: 120%;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: normal;
  transition: color 0.3s ease;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .but-back .txt-in-but,
  .single-post .but-back .txt-in-but {
    font-size: 15px;
  }
}
.blog-post-detail-main .but-back:hover,
.single-post .but-back:hover {
  background-color: #fff;
  border-color: #fff;
}
.blog-post-detail-main .but-back:hover .txt-in-but,
.single-post .but-back:hover .txt-in-but {
  color: #000;
}
.blog-post-detail-main .header-blog-post,
.single-post .header-blog-post {
  color: #fcfcfc;
  letter-spacing: -0.07vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.61vw;
  font-size: 72px;
  font-weight: 400;
  line-height: 104%;
  position: relative;
  width: 100%;
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    font-size: 84px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    font-size: 60px;
  }
}
@media screen and (max-width: 991px) {
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    font-size: 46px;
  }
}
@media screen and (max-width: 767px) {
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    font-size: 36px;
  }
}
@media screen and (max-width: 479px) {
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    font-size: 30px;
  }
}
.blog-post-detail-main .data-txt,
.single-post .data-txt {
  color: rgba(252, 252, 252, 0.8);
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 7.03vw;
  text-transform: none;
  font-weight: 400;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .data-txt,
  .single-post .data-txt {
    font-size: 15px;
  }
}
.blog-post-detail-main .grp-img-shadow,
.single-post .grp-img-shadow {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 8.44vw;
  z-index: 1;
}
.blog-post-detail-main .grp-img-shadow .img-main,
.single-post .grp-img-shadow .img-main {
  position: relative;
  z-index: 3;
  width: 100%;
  height: auto;
  border-radius: 2.08vw;
  display: block;
  object-fit: cover;
}
.blog-post-detail-main .grp-img-shadow .shadow-bg,
.single-post .grp-img-shadow .shadow-bg {
  position: absolute;
  top: 4.5vw;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  pointer-events: none;
  opacity: 0.9;
}
.blog-post-detail-main .rich-txt.w-richtext,
.single-post .rich-txt.w-richtext {
  position: relative;
  z-index: 2;
  width: 100%;
  color: #fcfcfc;
}
.blog-post-detail-main .rich-txt.w-richtext p,
.single-post .rich-txt.w-richtext p {
  color: rgba(252, 252, 252, 0.8);
  font-size: 15px;
  line-height: 160%;
  margin-top: 0;
  margin-bottom: 1.11vw;
  font-weight: 400;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .rich-txt.w-richtext p,
  .single-post .rich-txt.w-richtext p {
    font-size: 16px;
    line-height: 26px;
  }
}
.blog-post-detail-main .rich-txt.w-richtext h1, .blog-post-detail-main .rich-txt.w-richtext h2, .blog-post-detail-main .rich-txt.w-richtext h3, .blog-post-detail-main .rich-txt.w-richtext h4, .blog-post-detail-main .rich-txt.w-richtext h5, .blog-post-detail-main .rich-txt.w-richtext h6,
.single-post .rich-txt.w-richtext h1,
.single-post .rich-txt.w-richtext h2,
.single-post .rich-txt.w-richtext h3,
.single-post .rich-txt.w-richtext h4,
.single-post .rich-txt.w-richtext h5,
.single-post .rich-txt.w-richtext h6 {
  color: #f0f0f0;
  letter-spacing: -1px;
  font-weight: 400;
  margin-top: 2.22vw;
  margin-bottom: 0.83vw;
  line-height: 110%;
}
.blog-post-detail-main .rich-txt.w-richtext h1 strong, .blog-post-detail-main .rich-txt.w-richtext h1 b, .blog-post-detail-main .rich-txt.w-richtext h2 strong, .blog-post-detail-main .rich-txt.w-richtext h2 b, .blog-post-detail-main .rich-txt.w-richtext h3 strong, .blog-post-detail-main .rich-txt.w-richtext h3 b, .blog-post-detail-main .rich-txt.w-richtext h4 strong, .blog-post-detail-main .rich-txt.w-richtext h4 b, .blog-post-detail-main .rich-txt.w-richtext h5 strong, .blog-post-detail-main .rich-txt.w-richtext h5 b, .blog-post-detail-main .rich-txt.w-richtext h6 strong, .blog-post-detail-main .rich-txt.w-richtext h6 b,
.single-post .rich-txt.w-richtext h1 strong,
.single-post .rich-txt.w-richtext h1 b,
.single-post .rich-txt.w-richtext h2 strong,
.single-post .rich-txt.w-richtext h2 b,
.single-post .rich-txt.w-richtext h3 strong,
.single-post .rich-txt.w-richtext h3 b,
.single-post .rich-txt.w-richtext h4 strong,
.single-post .rich-txt.w-richtext h4 b,
.single-post .rich-txt.w-richtext h5 strong,
.single-post .rich-txt.w-richtext h5 b,
.single-post .rich-txt.w-richtext h6 strong,
.single-post .rich-txt.w-richtext h6 b {
  color: #fff;
  font-weight: 700;
}
.blog-post-detail-main .rich-txt.w-richtext h1,
.single-post .rich-txt.w-richtext h1 {
  font-size: 34px;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .rich-txt.w-richtext h1,
  .single-post .rich-txt.w-richtext h1 {
    font-size: 40px;
  }
}
.blog-post-detail-main .rich-txt.w-richtext h2,
.single-post .rich-txt.w-richtext h2 {
  font-size: 28px;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .rich-txt.w-richtext h2,
  .single-post .rich-txt.w-richtext h2 {
    font-size: 32px;
  }
}
.blog-post-detail-main .rich-txt.w-richtext h3,
.single-post .rich-txt.w-richtext h3 {
  font-size: 22px;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .rich-txt.w-richtext h3,
  .single-post .rich-txt.w-richtext h3 {
    font-size: 26px;
  }
}
.blog-post-detail-main .rich-txt.w-richtext a,
.single-post .rich-txt.w-richtext a {
  color: #fcfcfc;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.blog-post-detail-main .rich-txt.w-richtext a:hover,
.single-post .rich-txt.w-richtext a:hover {
  opacity: 0.7;
}
.blog-post-detail-main .rich-txt.w-richtext strong, .blog-post-detail-main .rich-txt.w-richtext b,
.single-post .rich-txt.w-richtext strong,
.single-post .rich-txt.w-richtext b {
  color: #fff;
  font-weight: 700;
}
.blog-post-detail-main .rich-txt.w-richtext ul, .blog-post-detail-main .rich-txt.w-richtext ol,
.single-post .rich-txt.w-richtext ul,
.single-post .rich-txt.w-richtext ol {
  color: rgba(252, 252, 252, 0.8);
  font-size: 15px;
  line-height: 160%;
  margin-top: 0;
  margin-bottom: 1.5vw;
  padding-left: 2vw;
}
.blog-post-detail-main .rich-txt.w-richtext ul li, .blog-post-detail-main .rich-txt.w-richtext ol li,
.single-post .rich-txt.w-richtext ul li,
.single-post .rich-txt.w-richtext ol li {
  margin-bottom: 0.5vw;
}
@media (min-width: 1440px) {
  .blog-post-detail-main .rich-txt.w-richtext ul, .blog-post-detail-main .rich-txt.w-richtext ol,
  .single-post .rich-txt.w-richtext ul,
  .single-post .rich-txt.w-richtext ol {
    font-size: 16px;
  }
}
.blog-post-detail-main .rich-txt.w-richtext blockquote,
.single-post .rich-txt.w-richtext blockquote {
  border-left: 2px solid #fff;
  padding-left: 1.5vw;
  margin: 2vw 0;
  color: #fcfcfc;
  font-style: italic;
}
.blog-post-detail-main .rich-txt.w-richtext img,
.single-post .rich-txt.w-richtext img {
  max-width: 100%;
  height: auto;
  border-radius: 1.5vw;
  margin: 2vw 0;
  display: block;
}
.blog-post-detail-main,
.single-post {
  /* Tablet (<= 991px) */
}
@media screen and (max-width: 991px) {
  .blog-post-detail-main .info-blog-post,
  .single-post .info-blog-post {
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: calc(90px + 5.42vw);
  }
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    font-size: 46px;
    margin-bottom: 3vw;
  }
  .blog-post-detail-main .but-back,
  .single-post .but-back {
    width: 18vw;
    height: 6vw;
    margin-bottom: 6vw;
  }
  .blog-post-detail-main .but-back .txt-in-but,
  .single-post .but-back .txt-in-but {
    font-size: 13px;
  }
  .blog-post-detail-main .data-txt,
  .single-post .data-txt {
    font-size: 13px;
    margin-bottom: 8vw;
  }
  .blog-post-detail-main .grp-img-shadow,
  .single-post .grp-img-shadow {
    margin-bottom: 8vw;
  }
  .blog-post-detail-main .grp-img-shadow .img-main,
  .single-post .grp-img-shadow .img-main {
    border-radius: 3vw;
  }
  .blog-post-detail-main .rich-txt.w-richtext p,
  .single-post .rich-txt.w-richtext p {
    font-size: 15px;
    line-height: 160%;
    margin-bottom: 2vw;
  }
  .blog-post-detail-main .rich-txt.w-richtext h2,
  .single-post .rich-txt.w-richtext h2 {
    font-size: 24px;
    margin-top: 4vw;
    margin-bottom: 1.5vw;
  }
  .blog-post-detail-main .rich-txt.w-richtext h3,
  .single-post .rich-txt.w-richtext h3 {
    font-size: 20px;
  }
}
.blog-post-detail-main,
.single-post {
  /* Mobile (<= 767px) */
}
@media screen and (max-width: 767px) {
  .blog-post-detail-main .info-blog-post,
  .single-post .info-blog-post {
    padding-top: calc(90px + 16vw);
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
  .blog-post-detail-main .but-back,
  .single-post .but-back {
    width: 25.6vw;
    height: 8.8vw;
    min-width: 96px;
    min-height: 33px;
    margin-bottom: 8vw;
  }
  .blog-post-detail-main .but-back .txt-in-but,
  .single-post .but-back .txt-in-but {
    font-size: 12px;
  }
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    margin-bottom: 7vw;
    font-size: 36px;
    line-height: 104%;
    letter-spacing: -0.2vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 479px) {
  .blog-post-detail-main .header-blog-post,
  .single-post .header-blog-post {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .blog-post-detail-main .data-txt,
  .single-post .data-txt {
    font-size: 12px;
    margin-bottom: 10vw;
  }
  .blog-post-detail-main .grp-img-shadow,
  .single-post .grp-img-shadow {
    margin-bottom: 12vw;
  }
  .blog-post-detail-main .grp-img-shadow .img-main,
  .single-post .grp-img-shadow .img-main {
    border-radius: 5vw;
  }
  .blog-post-detail-main .rich-txt.w-richtext p,
  .single-post .rich-txt.w-richtext p {
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 4vw;
  }
  .blog-post-detail-main .rich-txt.w-richtext h2,
  .single-post .rich-txt.w-richtext h2 {
    font-size: 20px;
    line-height: 115%;
    margin-top: 7vw;
    margin-bottom: 3vw;
  }
  .blog-post-detail-main .rich-txt.w-richtext h3,
  .single-post .rich-txt.w-richtext h3 {
    font-size: 18px;
  }
  .blog-post-detail-main .rich-txt.w-richtext ul, .blog-post-detail-main .rich-txt.w-richtext ol,
  .single-post .rich-txt.w-richtext ul,
  .single-post .rich-txt.w-richtext ol {
    font-size: 14px;
    padding-left: 5vw;
  }
}

/* ==========================================================================
   CONTACT US PAGE STYLES
   ========================================================================== */
.contact-us-mainscreen {
  display: none;
}

.page-template-page-contact .contact-us-mainscreen,
.contact-us-page .contact-us-mainscreen {
  display: none;
}
.page-template-page-contact .contact-us-request-footer,
.contact-us-page .contact-us-request-footer {
  padding-top: 143px;
}
@media (min-width: 1440px) {
  .page-template-page-contact .contact-us-request-footer,
  .contact-us-page .contact-us-request-footer {
    padding-top: 143px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .page-template-page-contact .contact-us-request-footer,
  .contact-us-page .contact-us-request-footer {
    padding-top: 135px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .page-template-page-contact .contact-us-request-footer,
  .contact-us-page .contact-us-request-footer {
    padding-top: 125px;
  }
}
@media (max-width: 991px) {
  .page-template-page-contact .contact-us-request-footer,
  .contact-us-page .contact-us-request-footer {
    padding-top: 130px;
  }
}
@media (max-width: 767px) {
  .page-template-page-contact .contact-us-request-footer,
  .contact-us-page .contact-us-request-footer {
    padding-top: 125px;
  }
}
@media (max-width: 479px) {
  .page-template-page-contact .contact-us-request-footer,
  .contact-us-page .contact-us-request-footer {
    padding-top: 140px;
  }
}

.contact-us-request-footer {
  position: relative;
  z-index: 2;
  padding: 100px 20px 50px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .contact-us-request-footer {
    padding-top: 150px;
  }
}
.contact-us-request-footer .bg-shadow-img-req-sec {
  position: absolute;
  z-index: -1;
  top: -25%;
  left: -39vw;
  width: 100%;
  height: 100%;
  pointer-events: none;
  filter: blur(20px);
  background: radial-gradient(41% 31% at 23% 51%, rgba(212, 78, 17, 0.8) 0%, rgba(212, 78, 17, 0.78) 7%, rgba(212, 78, 17, 0.77) 15%, rgba(212, 78, 17, 0.75) 22%, rgba(212, 78, 17, 0.74) 29%, rgba(212, 78, 17, 0.71) 37%, rgba(212, 78, 17, 0.68) 44%, rgba(212, 78, 17, 0.63) 51%, rgba(212, 78, 17, 0.57) 58%, rgba(212, 78, 17, 0.5) 66%, rgba(212, 78, 17, 0.43) 73%, rgba(212, 78, 17, 0.35) 80%, rgba(212, 78, 17, 0.27) 88%, rgba(212, 78, 17, 0.19) 95%, rgba(212, 78, 17, 0.13) 102%, rgba(212, 78, 17, 0.09) 110%, rgba(212, 78, 17, 0.06) 117%, rgba(212, 78, 17, 0.035) 124%, rgba(212, 78, 17, 0.015) 132%, rgba(212, 78, 17, 0) 140%);
}
@media (max-width: 479px) {
  .contact-us-request-footer .bg-shadow-img-req-sec {
    display: none;
  }
}
.contact-us-request-footer .mob-bg-shadow-img-req-sec {
  display: none;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  filter: blur(15px);
  background: radial-gradient(64% 41% at 23% 48%, rgba(212, 78, 17, 0.8) 0%, rgba(212, 78, 17, 0.78) 6%, rgba(212, 78, 17, 0.77) 13%, rgba(212, 78, 17, 0.77) 19%, rgba(212, 78, 17, 0.74) 25%, rgba(212, 78, 17, 0.71) 31%, rgba(212, 78, 17, 0.66) 38%, rgba(212, 78, 17, 0.6) 44%, rgba(212, 78, 17, 0.53) 50%, rgba(212, 78, 17, 0.45) 56%, rgba(212, 78, 17, 0.36) 63%, rgba(212, 78, 17, 0.27) 69%, rgba(212, 78, 17, 0.2) 75%, rgba(212, 78, 17, 0.13) 81%, rgba(212, 78, 17, 0.09) 88%, rgba(212, 78, 17, 0.05) 94%, rgba(212, 78, 17, 0.02) 100%, rgba(212, 78, 17, 0) 106%);
}
@media (max-width: 479px) {
  .contact-us-request-footer .mob-bg-shadow-img-req-sec {
    display: block;
    top: -8vw;
    left: 0;
    width: 100%;
    height: 86.93vw;
  }
}
.contact-us-request-footer .grp-2-header-grow,
.contact-us-request-footer .mob-grp-2-header-grow {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}
@media (min-width: 1201px) {
  .contact-us-request-footer .grp-2-header-grow,
  .contact-us-request-footer .mob-grp-2-header-grow {
    margin-left: calc(12px - (100vw - 1200px) / 2);
  }
}
.contact-us-request-footer .grp-2-header-grow .header-blocks,
.contact-us-request-footer .mob-grp-2-header-grow .header-blocks {
  font-family: var(--f-heading);
  font-size: 150px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: -11px;
  margin: 0;
  color: var(--c-text);
  text-align: right;
  width: 100%;
}
@media (max-width: 991px) {
  .contact-us-request-footer .grp-2-header-grow .header-blocks,
  .contact-us-request-footer .mob-grp-2-header-grow .header-blocks {
    font-size: 64px;
    letter-spacing: -5px;
  }
}
@media (min-width: 768px) {
  .contact-us-request-footer .mob-grp-2-header-grow {
    display: none;
  }
}
.contact-us-request-footer .grp-2-header-grow {
  max-width: 680px;
}
@media (max-width: 767px) {
  .contact-us-request-footer .grp-2-header-grow {
    display: none;
  }
}
.contact-us-request-footer .right-column-result {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 80px;
  position: relative;
}
@media (min-width: 1201px) {
  .contact-us-request-footer .right-column-result {
    position: absolute;
    top: 380px;
    right: calc(164px - (100vw - 1200px) / 2);
    width: auto;
    margin-bottom: 0;
  }
}
.contact-us-request-footer .right-column-result .real-growht {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -5px;
  color: #fff;
  margin: 0;
  max-width: 600px;
  line-height: 1.08;
}
@media (max-width: 991px) {
  .contact-us-request-footer .right-column-result .real-growht {
    font-size: 40px;
  }
}
.contact-us-request-footer .right-column-result .shape-with-linear-border {
  background: transparent;
  border: 1px solid #000;
  border-radius: 27px;
  padding: 21px 0 21px 21px;
  max-width: none;
  width: 210px;
  height: 122px;
  backdrop-filter: none;
}
.contact-us-request-footer .right-column-result .shape-with-linear-border.lets-talk {
  background: radial-gradient(100% 100% at -30% 27%, rgb(169, 148, 140) 30%, rgb(154, 148, 145) 32%, rgb(145, 137, 135) 34%, rgb(134, 125, 122) 36%, rgb(117, 109, 105) 38%, rgb(102, 93, 88) 40%, rgb(86, 75, 70) 42%, rgb(74, 62, 57) 44%, rgb(61, 49, 43) 46%, rgb(50, 37, 31) 48%, rgb(39, 26, 20) 50%, rgb(33, 19, 14) 52%, rgb(28, 15, 10) 54%, rgb(26, 13, 8) 56%, rgb(26, 14, 8) 58%, rgb(25, 12, 7) 60%, rgb(24, 12, 7) 64%, rgb(23, 11, 7) 70%, rgb(21, 10, 7) 80%, rgb(18, 8, 5) 90%, var(--c-bg) 96%);
}
@media (min-width: 1201px) {
  .contact-us-request-footer .right-column-result .shape-with-linear-border {
    position: absolute;
    top: -121px;
    left: -40px;
  }
}
@media (max-width: 991px) {
  .contact-us-request-footer .right-column-result .shape-with-linear-border {
    width: 167px;
    height: 95px;
    padding: 13.5px 0 13.5px 13.5px;
    border-radius: 19px;
    border: none;
  }
}
.contact-us-request-footer .right-column-result .shape-with-linear-border .ttxtt-33-procent {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 7px;
}
.contact-us-request-footer .right-column-result .shape-with-linear-border .txt-under-33-procent {
  font-size: 10.5px;
  color: rgb(171, 171, 171);
  line-height: 1.22;
}
.contact-us-request-footer .request-form {
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  .contact-us-request-footer .request-form {
    margin-top: 180px;
  }
}
.contact-us-request-footer .request-form p {
  margin: 0;
}
.contact-us-request-footer .request-form .grp-inot-inf p br {
  display: none;
}
.contact-us-request-footer .request-form .grp-line-2-inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .contact-us-request-footer .request-form .grp-line-2-inputs {
    flex-direction: row;
    gap: 40px;
  }
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf {
  flex: 1;
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .label-inpt {
  display: block;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.4px;
  color: #fff;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .label-inpt {
    font-size: 18px;
  }
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .inpt {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(252, 252, 252, 0.6);
  color: var(--c-text);
  padding: 10px 0;
  font-size: 15px;
  outline: none;
  transition: border-color 0.3s ease;
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .inpt:focus {
  border-bottom-color: var(--c-accent);
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .inpt::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .drop-form-req {
  position: relative;
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .drop-form-req .inpt-drop-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(252, 252, 252, 0.6);
  padding: 10px 0;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .drop-form-req .inpt-drop-toggle:hover {
  border-bottom-color: var(--c-accent);
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .drop-form-req .inpt-drop-toggle .show-selected {
  font-size: 15px;
  color: var(--c-text);
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .drop-form-req .nav-drop-req {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #111;
  border: 1px solid var(--c-glass-border);
  border-radius: 10px;
  overflow: hidden;
  z-index: 10;
  height: 0;
  transition: height 0.3s ease;
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .drop-form-req .nav-drop-req .select-item-dropdown {
  padding: 15px;
  color: var(--c-text);
  cursor: pointer;
  transition: background 0.3s ease;
}
.contact-us-request-footer .request-form .grp-line-2-inputs .grp-inot-inf .drop-form-req .nav-drop-req .select-item-dropdown:hover {
  background: rgba(255, 255, 255, 0.1);
}
.contact-us-request-footer .request-form .submit-butt {
  display: block;
  width: 100%;
  height: 70px;
  margin-top: 30px;
  margin-left: auto;
  background: transparent url("images/icons/arrow-inbut.svg") no-repeat center/16px 16px;
  color: transparent;
  font-size: 0;
  border: 1px solid #fcfcfc;
  border-radius: 999px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media (min-width: 992px) {
  .contact-us-request-footer .request-form .submit-butt {
    width: 515px;
  }
}
.contact-us-request-footer .request-form .submit-butt:hover {
  opacity: 0.7;
}

/* ==========================================================================
   CASE STUDY SINGLE (DETAIL) PAGE STYLES - PIXEL-PERFECT REFERENCE MATCH
   ========================================================================== */
.case-study-mainscreen {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 1.56vw;
  padding-left: 2.92vw;
  padding-right: 2.92vw;
  display: flex;
  position: relative;
}

.info-curent-case {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 143px;
  padding-left: 2.92vw;
  padding-right: 2.92vw;
  display: flex;
}
@media (min-width: 1440px) {
  .info-curent-case {
    margin-top: 143px;
  }
}
@media (max-width: 1439px) and (min-width: 1200px) {
  .info-curent-case {
    margin-top: 135px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .info-curent-case {
    margin-top: 125px;
  }
}
@media (max-width: 991px) {
  .info-curent-case {
    margin-top: 130px;
  }
}
@media (max-width: 767px) {
  .info-curent-case {
    margin-top: 125px;
  }
}
@media (max-width: 479px) {
  .info-curent-case {
    margin-top: 140px;
  }
}

.header-currrent-case {
  color: #f0f0f0;
  letter-spacing: -0.77vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5.1vw;
  font-size: 136px;
  font-weight: 400;
  line-height: 120%;
}
@media (min-width: 1440px) {
  .header-currrent-case {
    font-size: 160px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .header-currrent-case {
    font-size: 108px;
  }
}

.grp-3-point-under-header-current-case {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 9.64vw;
  display: flex;
}

.point-current-case-under-header {
  grid-row-gap: 0.1vw;
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae214479c4744a2a7a117d_bg-point-current-case-pc.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.82vw;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 30.42vw;
  height: 10.73vw;
  padding-left: 2.03vw;
  padding-right: 2.03vw;
  display: flex;
}

.txt-numbers-point-current-case {
  color: #f0f0f0;
  letter-spacing: -0.36vw;
  font-size: 72px;
  line-height: 94%;
}
@media (min-width: 1440px) {
  .txt-numbers-point-current-case {
    font-size: 84px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .txt-numbers-point-current-case {
    font-size: 60px;
  }
}

.txt-under-point-header {
  color: rgba(240, 240, 240, 0.6);
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 1440px) {
  .txt-under-point-header {
    font-size: 17px;
    line-height: 22px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .txt-under-point-header {
    font-size: 14px;
    line-height: 18px;
  }
}

.wrp-big-img-shadow {
  z-index: 2;
  margin-bottom: 12.92vw;
  position: relative;
  width: 100%;
}

.big-image-current-case {
  z-index: 3;
  object-fit: cover;
  border-radius: 1.82vw;
  width: 100%;
  height: 52.71vw;
  position: relative;
  display: block;
}

.shadow-behind-big-img {
  pointer-events: none;
  width: 94.11vw;
  height: 57.19vw;
  position: absolute;
  inset: auto 0% -18vw;
}

.shape-about {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae23ea1d2b17f32e460191_bg-about-shape.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 9.64vw;
  padding: 5.57vw 4.48vw 4.48vw;
  display: flex;
  position: relative;
  box-sizing: border-box;
}
.shape-about.supp {
  margin-bottom: 9.64vw;
}

.grp-header-about {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.div-block-8 {
  width: 45%;
  flex: none;
}

.txt-about-current-case {
  color: #f0f0f0;
  letter-spacing: -0.36vw;
  text-transform: uppercase;
  width: auto;
  font-size: 84px;
  line-height: 100%;
  margin: 0;
}
@media (min-width: 1440px) {
  .txt-about-current-case {
    font-size: 100px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .txt-about-current-case {
    font-size: 70px;
  }
}

.rich-text-block {
  color: rgba(252, 252, 252, 0.8);
  text-transform: uppercase;
  width: 45%;
  flex: none;
  font-size: 20px;
  line-height: 125%;
}
.rich-text-block p {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 125%;
  color: rgba(252, 252, 252, 0.8);
}
.rich-text-block strong {
  color: #fff;
  font-weight: 700;
}
.rich-text-block {
  /* Safeguard against any inner wrapper div */
}
.rich-text-block .rich-text-block,
.rich-text-block .rich-text-block-2 {
  width: 100% !important;
}

.rich-text-block-2 {
  color: rgba(252, 252, 252, 0.8);
  text-transform: uppercase;
  width: 45%;
  flex: none;
  font-size: 20px;
  line-height: 125%;
}
.rich-text-block-2 p {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 125%;
  color: rgba(252, 252, 252, 0.8);
}
.rich-text-block-2 strong {
  color: #fff;
  font-weight: 700;
}
.rich-text-block-2 {
  /* Safeguard against any inner wrapper div */
}
.rich-text-block-2 .rich-text-block,
.rich-text-block-2 .rich-text-block-2 {
  width: 100% !important;
}

.grp-3-video {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 9.64vw;
  display: flex;
  position: relative;
}

.wrp-video-current-case {
  z-index: 3;
  border-radius: 2.86vw;
  width: 29.79vw;
  height: 47.03vw;
  position: relative;
  overflow: hidden;
  background-color: #111;
}

.bg-shadow-behind-video {
  z-index: 1;
  width: 94.11vw;
  height: 55.63vw;
  position: absolute;
  inset: 13vw 0% auto;
  pointer-events: none;
}

.shape-under-video {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae23ea1d2b17f32e460191_bg-about-shape.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 9.64vw;
  padding: 5.57vw 4.48vw 4.48vw;
  display: flex;
  position: relative;
  box-sizing: border-box;
}

.shape-under-video.chalenges {
  background-size: 100% 100%;
  height: auto;
  margin-bottom: 4.27vw;
}

.grp-header-under-video {
  grid-row-gap: 2.5vw;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.say-about-current-case {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 17.76vw;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}
.say-about-current-case .header-blocks {
  z-index: 1;
  color: #fcfcfc;
  letter-spacing: -9.12px;
  text-transform: uppercase;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 150px;
  font-weight: 400;
  line-height: 120%;
  position: relative;
}
.say-about-current-case .header-blocks.padding-left {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
}
.say-about-current-case .right-column-result._4 {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  width: 50%;
  max-width: 460px;
  margin-top: 0;
  margin-left: 0;
  top: 175px;
  right: 25vw;
  z-index: 2;
}
.say-about-current-case .right-column-result._4 .real-growht {
  z-index: 1;
  color: #fcfcfc;
  letter-spacing: -3px;
  text-transform: uppercase;
  max-width: 375px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54px;
  font-weight: 400;
  line-height: 108%;
  position: relative;
  left: 0;
  white-space: nowrap;
}
.say-about-current-case .right-column-result._4 .shape-with-linear-border.say-about-shape-copy {
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/699f10a28fc268c859796929_bg-say-about.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding: 17px 17px 17px 17.28px;
  position: absolute;
  bottom: 10.2vw;
  left: 8vw;
  border-radius: 27px;
  border: 1px solid #000;
  display: flex;
  width: 174px;
  height: 39px;
  box-sizing: border-box;
  overflow: hidden;
}
.say-about-current-case .right-column-result._4 .shape-with-linear-border.say-about-shape-copy .ttxtt-33-procent {
  color: #f0f0f0;
  letter-spacing: 0.02vw;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 100%;
  font-weight: 600;
  white-space: nowrap;
}
.say-about-current-case .right-column-result._4 .shape-with-linear-border.say-about-shape-copy .txt-under-33-procent._333 {
  color: #ababab;
  width: 100%;
  font-size: 9px;
  line-height: 120%;
  display: block;
}
.say-about-current-case .right-column-result._4 .txt-under-mini-header {
  color: rgba(252, 252, 252, 0.8);
  width: 100%;
  max-width: 400px;
  margin-top: 25px;
  font-size: 16px;
  line-height: 120%;
}

.wrp-what-say-current-case {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 16.77vw;
  display: flex;
}

.pc-wrp-video-left-side {
  border-radius: 3.02vw;
  align-self: stretch;
  width: 29%;
  height: auto;
  min-height: 580px;
  position: relative;
  overflow: hidden;
  background-color: #111;
}

.pc-wrp-video-left-side.mob {
  display: none;
}

.mob-wrp-video-left-side {
  display: none;
}

.grp-right-side-what-say {
  box-sizing: border-box;
  aspect-ratio: auto;
  text-overflow: clip;
  background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/699f1be64607c43118ef23a5_bg-what-say-right-side-shape.avif");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  width: 70%;
  min-height: 580px;
  padding: 50px 45px;
  display: flex;
  position: relative;
  overflow: visible;
  /* If no video on left, take full width */
}
.grp-right-side-what-say.full-width {
  width: 100%;
}

.txt-what-says-right-side {
  color: #fcfcfc;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 120%;
}

.grp-3-point-result {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.point-result-grp {
  grid-row-gap: 0.83vw;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  display: flex;
}

.txt-result-case-point {
  color: #fcfcfc;
  letter-spacing: -4px;
  text-transform: uppercase;
  font-size: 71px;
  line-height: 108%;
}

.txt-under-point-result {
  color: rgba(252, 252, 252, 0.6);
  font-size: 11px;
  line-height: 120%;
}

.txt-under-point-result.other {
  color: rgba(240, 240, 240, 0.6);
}

.client-inf {
  grid-row-gap: 0.73vw;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.txt-client-inf-up {
  color: #fcfcfc;
  letter-spacing: 0.02vw;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 100%;
}

.bg-shadow-whats-say {
  pointer-events: none;
  width: 71.09vw;
  height: 52.5vw;
  display: block;
  position: absolute;
  inset: -13vw auto auto -2.92vw;
}

/* ==========================================================================
   YOUTUBE LAZY PLAYER
   ========================================================================== */
.yt-lazy {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.yt-lazy img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-wrp-in-cms iframe,
.wrp-video-current-case iframe,
.pc-wrp-video-left-side iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.yt-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4vw;
  height: 2.8vw;
  pointer-events: none;
}
.yt-play svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS (MATCHING WEBFLOW)
   ========================================================================== */
@media screen and (max-width: 991px) {
  .info-curent-case {
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
  .header-currrent-case {
    letter-spacing: -1.09vw;
    white-space: pre-wrap;
    margin-bottom: 13.87vw;
    font-size: 80px;
    line-height: 108%;
  }
  .grp-header-about {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: 45%;
  }
  .txt-about-current-case {
    width: auto;
    font-size: 54px;
    line-height: 100%;
  }
  .rich-text-block {
    width: 45%;
    font-size: 20px;
  }
  .say-about-current-case .header-blocks {
    font-size: 80px;
    letter-spacing: -0.67vw;
    line-height: 100%;
  }
  .say-about-current-case .right-column-result._4 {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-width: none;
    margin-top: 20px;
  }
  .say-about-current-case .right-column-result._4 .real-growht {
    font-size: 54px;
    line-height: 100%;
    white-space: normal;
  }
  .say-about-current-case .right-column-result._4 .shape-with-linear-border.say-about-shape-copy {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .say-about-current-case .header-blocks {
    font-size: 56px;
    letter-spacing: -0.8vw;
  }
  .grp-3-point-under-header-current-case {
    grid-row-gap: 4vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10vw;
    margin-left: auto;
    margin-right: auto;
  }
  .point-current-case-under-header {
    grid-row-gap: 2.67vw;
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69aebfe53188b24b78f3657b_mob-bg-shape-current-case.avif");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 29.6vw;
    padding-left: 4.53vw;
    padding-right: 4.53vw;
  }
  .txt-numbers-point-current-case {
    letter-spacing: -0.77vw;
    font-size: 44px;
  }
  .txt-under-point-header {
    font-size: 14px;
    line-height: 18px;
  }
  .shape-about {
    flex-flow: column;
    align-items: stretch;
    padding: 6vw 5vw;
  }
  .grp-header-about {
    width: 100%;
    margin-bottom: 20px;
  }
  .div-block-8 {
    width: 100%;
    margin-bottom: 20px;
  }
  .rich-text-block {
    width: 100%;
    font-size: 14px;
  }
  .shape-under-video {
    flex-flow: column;
    padding: 6vw 5vw;
  }
  .grp-header-under-video {
    width: 100%;
    margin-bottom: 20px;
  }
  .grp-3-video {
    flex-flow: column;
    gap: 20px;
  }
  .wrp-video-current-case {
    width: 100%;
    height: 120vw;
  }
  .wrp-what-say-current-case {
    flex-flow: column;
    gap: 30px;
  }
  .pc-wrp-video-left-side {
    display: none;
  }
  .mob-wrp-video-left-side {
    display: block;
    width: 100%;
    height: 120vw;
    border-radius: 6vw;
  }
  .grp-right-side-what-say {
    width: 100%;
    min-height: auto;
    padding: 30px 20px;
  }
  .txt-what-says-right-side {
    font-size: 20px;
  }
  .txt-result-case-point {
    font-size: 40px;
  }
}
@media screen and (max-width: 479px) {
  .point-result-grp {
    grid-row-gap: 2.4vw;
    flex: none;
  }
  .txt-result-case-point {
    letter-spacing: -0.67vw;
    font-size: 36px;
  }
  .txt-under-point-result {
    max-width: 20.53vw;
    font-size: 12px;
  }
  .txt-under-point-result.other {
    max-width: none;
    font-size: 13px;
  }
  .grp-right-side-what-say {
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69a42e6540444577a3d60191_bg-mob-shape-result.avif");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 8vw 5.33vw;
  }
  .pc-wrp-video-left-side.mob {
    border-radius: 6.67vw;
    width: 100%;
    height: 72.8vw;
    display: block;
  }
  .txt-what-says-right-side {
    letter-spacing: -0.13vw;
    font-size: 22px;
    line-height: 116%;
  }
  .client-inf {
    grid-row-gap: 2.13vw;
  }
  .txt-client-inf-up {
    letter-spacing: 0.03vw;
    font-size: 16px;
  }
  .yt-play {
    width: 12vw;
    height: 8.4vw;
  }
  .say-about-current-case {
    margin-top: 25vw;
  }
  .say-about-current-case .header-blocks {
    letter-spacing: -1.2vw;
    font-size: 44px;
    line-height: 100%;
  }
  .say-about-current-case .header-blocks.padding-left {
    margin-left: 3.2vw;
  }
  .say-about-current-case .right-column-result._4 {
    width: 85.33vw;
    margin-left: 3.2vw;
    position: relative;
    top: 0;
    right: 0;
  }
  .say-about-current-case .right-column-result._4 .real-growht {
    letter-spacing: -0.77vw;
    font-size: 40px;
    line-height: 108%;
    white-space: normal;
  }
  .say-about-current-case .right-column-result._4 .shape-with-linear-border.say-about-shape-copy {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69a39110b36629546a445d7f_bg-small-mob-shape-tab.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: none;
    border-radius: 4.8vw;
    width: 53.6vw;
    height: 26.67vw;
    padding: 3.47vw;
    position: absolute;
    top: -12vw;
    left: 20vw;
    bottom: auto;
    right: auto;
    box-shadow: -26px 51px 38px rgba(0, 0, 0, 0.6901960784);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .say-about-current-case .right-column-result._4 .shape-with-linear-border.say-about-shape-copy .ttxtt-33-procent {
    font-size: 13px;
  }
  .say-about-current-case .right-column-result._4 .shape-with-linear-border.say-about-shape-copy .txt-under-33-procent._333 {
    width: auto;
    font-size: 10px;
    display: block;
  }
  .say-about-current-case .right-column-result._4 .txt-under-mini-header {
    width: auto;
    margin-top: 6.4vw;
    font-size: 13px;
    line-height: 120%;
  }
  .wrp-what-say-current-case {
    margin-top: 16.77vw;
  }
  .shape-about {
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69aec1b1bdf57ca968da0be8_bg-about-case-current-pg.avif"), url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69ae23ea1d2b17f32e460191_bg-about-shape.avif");
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, cover;
    border-radius: 10.13vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 26.13vw;
    padding: 13.33vw 4.53vw;
  }
  .shape-about.supp {
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69aec5c6bd2f942fedff9d13_mob-bg-supp-current-case.avif");
    background-size: cover;
    height: auto;
    margin-bottom: 5vw;
  }
  .grp-header-about {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
    margin-bottom: 7.2vw;
    line-height: 100%;
  }
  .txt-about-current-case {
    letter-spacing: -0.93vw;
    margin-bottom: 6.93vw;
    font-size: 36px;
  }
  .shape-under-video.chalenges {
    background-image: url("https://cdn.prod.website-files.com/6995b38b36c9884d57097a66/69aec52ebdcb950530e89e5b_mob-bg-chalange-current-case.avif");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 15.47vw;
    padding: 13.33vw 4.53vw;
  }
  .grp-header-under-video {
    width: 100%;
  }
  .rich-text-block,
  .rich-text-block-2 {
    width: 100%;
    font-size: 12px;
  }
  .rich-text-block p,
  .rich-text-block-2 p {
    font-size: 12px;
    line-height: 125%;
  }
  .div-block-8 {
    width: 100%;
  }
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

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

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Site Header
--------------------------------------------- */
/* ==========================================================================
   SITE HEADER (shared across every page — extracted from header.php's
   inline <style> block so all real styling lives in sass/, matching the
   pattern already established for the site footer)
   ========================================================================== */
/* Floating "glass pill" bar — margin from the viewport edges (not edge-to-
   edge), fully rounded, transparent + backdrop-blur so the page behind it
   shows through, matching the live reference site's header-mainscreen. */
.site-header {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 60px);
  padding: 14px 16px 14px 28px;
  z-index: 10;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.site-branding .site-title {
  margin: 0;
  line-height: 0;
  /* the SVG mark is the only visible content — collapse text line-height */
}

.site-branding .site-title a {
  display: inline-flex;
  text-decoration: none;
}

/* Logo mark: inline SVG (no image request) — matches the reference site's
   logo-img (an abstract swirl + two dots), ~34x36 at 1:1. currentColor lets
   the existing color/hover rules below drive the fill directly. */
.site-logo-mark {
  width: 30px;
  height: 32px;
  fill: #fff;
  transition: fill 0.3s ease;
}

.site-branding .site-title a:hover .site-logo-mark {
  fill: var(--c-accent);
}

/* Fills the space between the logo and the pill's right edge, so the link
   group below can center itself across the full width, with the CTA pinned
   to the far edge — the reference's logo / centered-links / pinned-CTA
   three-part layout, achieved without changing the two-child markup. */
.main-navigation {
  flex: 1;
  display: flex;
  position: relative;
}

.main-navigation ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin: 0;
  padding: 0 130px 0 0;
  list-style: none;
  width: 100%;
}

.main-navigation ul li a {
  color: var(--c-text) !important;
  font-family: var(--f-heading);
  font-size: 10.5px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
  color: #fff !important;
}

/* "Contact us" (or whatever the admin configures as the last menu item) is
   styled as a filled pill button, matching the live site's distinct CTA
   treatment for the final nav item. Targeted via :last-child since the menu
   is rendered by wp_nav_menu() from an admin-configured menu, not hardcoded
   markup. Left unscoped (no media query) so it also applies to the item's
   own-line appearance inside the mobile overlay; see the .toggled override
   further down that resets it back to match the other overlay links there. */
/* Taken out of the flex flow so the earlier links can center themselves
   within the remaining space (an in-flow margin-left: auto here would eat
   all the free space and collapse that centering — see 991px-and-below
   reset below, where it goes back to a normal flex item since it's the
   only visible link at that width). */
.main-navigation ul li:last-child {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main-navigation ul li:last-child a {
  background: var(--c-accent-gradient);
  border-radius: 288px;
  padding: 9px 12px;
  color: #efefef !important;
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: normal;
  transition: opacity 0.3s ease;
}
.main-navigation ul li:last-child a:hover {
  opacity: 0.85;
  color: #efefef !important;
}

.menu-toggle {
  background: transparent;
  border: 1px solid var(--c-glass-border);
  color: #fff;
  padding: 10px 20px;
  font-family: var(--f-heading);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 30px;
  cursor: pointer;
}

.menu-toggle:hover {
  background: var(--c-glass-bg);
}

/* Mobile nav (<=991px, matching the live site's documented ≤991px hamburger
   breakpoint — see WEBSITE_ANALYSIS.md §2): the nav collapses to a hamburger
   icon; opening it shows a full-screen accent-gradient overlay menu with
   large uppercase links separated by thin underline rules. */
@media screen and (max-width: 991px) {
  /* The pill chrome (border/blur) drops away at this width, same as the
     reference — collapsed mobile header is just logo + a persistent CTA +
     hamburger in one row, no wrapping. */
  .site-header {
    width: calc(100% - 32px);
    margin-top: 16px;
    padding: 10px 10px 10px 16px;
    border: none;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .main-navigation {
    flex: 0 0 auto;
    width: auto;
    align-items: center;
    gap: 12px;
  }
  .main-navigation ul {
    width: auto;
    padding: 0;
  }
  /* Keep only the "Contact us" CTA visible in the collapsed row — the rest
     of the links stay hidden until the menu is opened (.toggled). It's the
     only visible flex item here, so it goes back to being a normal (not
     absolutely-positioned) flex item, ordered after the burger's sibling ul. */
  .main-navigation:not(.toggled) ul li:not(:last-child) {
    display: none;
  }
  .main-navigation:not(.toggled) ul li:last-child {
    position: static;
    transform: none;
  }
  /* Markup order is menu-toggle then the nav ul; reference shows the CTA
     to the left of the hamburger, so visually reorder without touching
     header.php. Collapsed state also has no icon styling upstream (the
     button just renders its "Primary Menu" label) — draw plain hamburger
     lines here via pseudo-elements instead, hiding the text, to match the
     reference's minimal icon (no border/pill chrome around it). */
  .menu-toggle {
    order: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1000;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 0;
    flex-shrink: 0;
  }
  .menu-toggle:hover {
    background: transparent;
  }
  .menu-toggle:not([aria-expanded=true])::before,
  .menu-toggle:not([aria-expanded=true])::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
  }
  .menu-toggle:not([aria-expanded=true])::before {
    top: 12px;
  }
  .menu-toggle:not([aria-expanded=true])::after {
    top: 19px;
  }
  .main-navigation.toggled {
    position: fixed;
    inset: 0;
    z-index: 999;
    width: 100%;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: radial-gradient(ellipse 120% 80% at 50% 35%, #fe6228 0%, #110806 70%);
  }
  /* Keep the toggle button visible/clickable (top-right) so it can be used
     to close the overlay while it is open. */
  .main-navigation.toggled .menu-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.4);
  }
  /* Hide the button's literal text label (set in header.php) while the
     overlay is open, and draw a close (×) glyph in its place via ::after —
     driven purely by the aria-expanded state that js/navigation.js already
     toggles, no JS/markup changes needed. */
  .main-navigation.toggled .menu-toggle {
    font-size: 0;
  }
  .main-navigation.toggled .menu-toggle[aria-expanded=true]::after {
    content: "✕";
    display: inline-block;
    font-size: 24px;
    color: #fff;
  }
  .main-navigation.toggled ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: fit-content;
  }
  .main-navigation.toggled ul li {
    width: 100%;
    max-width: 400px;
    text-align: left;
  }
  .main-navigation.toggled ul li:last-child {
    position: static;
    transform: none;
    margin-left: 0;
  }
  .main-navigation.toggled ul li a {
    display: block;
    padding: 24px 0;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: -1.8px;
    color: #EDE4D9 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media screen and (max-width: 991px) and (max-width: 479px) {
  .main-navigation.toggled ul li a {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  /* Reset the pill-button treatment from the desktop "Contact us" rule above
     so the last item matches the other links once it's stacked inside the
     full-screen overlay (higher specificity than .main-navigation.toggled
     ul li a via the added :last-child, so this always wins here regardless
     of source order). */
  .main-navigation.toggled ul li:last-child a {
    background: none;
    border-radius: 0;
    padding: 24px 0;
    font-size: 48px;
    letter-spacing: -1.8px;
    color: #EDE4D9 !important;
    border-bottom: none;
  }
}
@media screen and (max-width: 991px) and (max-width: 479px) {
  .main-navigation.toggled ul li:last-child a {
    font-size: 28px;
  }
}
/* Site Footer
--------------------------------------------- */
/* ==========================================================================
   SITE FOOTER (shared across every page — moved out of _contact.scss so it
   is no longer scoped under .contact-us-request-footer)
   ========================================================================== */
.footer-wrp {
  position: relative;
  z-index: 2;
  border-top: 1px solid var(--c-glass-border);
  padding: 50px 20px 40px;
  margin: 0 auto;
}
.footer-wrp::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(-1 * (100vw - 100%) / 2);
  right: calc(-1 * (100vw - 100%) / 2);
  width: auto;
  height: 50%;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgb(198, 78, 28) 0%, rgb(208, 84, 32) 5%, rgb(206, 83, 31) 10%, rgb(205, 83, 31) 15%, rgb(208, 83, 31) 20%, rgb(198, 76, 25) 25%, rgb(190, 67, 19) 30%, rgb(182, 58, 12) 35%, rgb(176, 53, 6) 40%, rgb(176, 52, 5) 45%, rgb(175, 53, 6) 50%, rgb(178, 54, 7) 55%, rgb(180, 55, 7) 60%, rgb(184, 58, 8) 65%, rgb(187, 61, 9) 70%, rgb(192, 62, 10) 75%, rgb(194, 64, 9) 80%, rgb(194, 64, 8) 85%, rgb(196, 64, 9) 90%, rgb(196, 63, 8) 95%, rgb(194, 63, 8) 100%);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3Cpath d='M0,32.2 L2,32.3 L4,32.3 L6,32.7 L8,33.1 L10,33.6 L12,34.3 L14,35.1 L16,35.8 L18,36.5 L20,37.3 L22,38.3 L24,39.3 L26,40.3 L28,41.3 L30,42.4 L32,43.2 L34,44.3 L36,45.2 L38,46 L40,46.5 L42,47 L44,47.2 L46,47.7 L48,47.7 L50,47.7 L52,47.4 L54,47.2 L56,46.9 L58,46.6 L60,46.1 L62,45.8 L64,45.4 L66,45 L68,44.5 L70,43.9 L72,43.6 L74,43.1 L76,42.6 L78,41.8 L80,41.3 L82,40.7 L84,40.3 L86,39.6 L88,39 L90,38.4 L92,38 L94,37.7 L96,37.4 L98,37.5 L100,37.5 L100,100 L0,100 Z' fill='white' filter='url(%23b)'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cfilter id='b' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3Cpath d='M0,32.2 L2,32.3 L4,32.3 L6,32.7 L8,33.1 L10,33.6 L12,34.3 L14,35.1 L16,35.8 L18,36.5 L20,37.3 L22,38.3 L24,39.3 L26,40.3 L28,41.3 L30,42.4 L32,43.2 L34,44.3 L36,45.2 L38,46 L40,46.5 L42,47 L44,47.2 L46,47.7 L48,47.7 L50,47.7 L52,47.4 L54,47.2 L56,46.9 L58,46.6 L60,46.1 L62,45.8 L64,45.4 L66,45 L68,44.5 L70,43.9 L72,43.6 L74,43.1 L76,42.6 L78,41.8 L80,41.3 L82,40.7 L84,40.3 L86,39.6 L88,39 L90,38.4 L92,38 L94,37.7 L96,37.4 L98,37.5 L100,37.5 L100,100 L0,100 Z' fill='white' filter='url(%23b)'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (max-width: 479px) {
  .footer-wrp::before {
    height: 165.87vw;
    background: linear-gradient(90deg, rgb(207, 83, 31) 0%, rgb(210, 85, 32) 5%, rgb(205, 83, 31) 10%, rgb(208, 85, 33) 15%, rgb(205, 83, 32) 20%, rgb(207, 85, 32) 25%, rgb(210, 86, 32) 30%, rgb(208, 86, 30) 35%, rgb(206, 86, 30) 40%, rgb(205, 85, 28) 45%, rgb(202, 83, 27) 50%, rgb(201, 83, 26) 55%, rgb(197, 82, 25) 60%, rgb(197, 82, 24) 65%, rgb(196, 81, 23) 70%, rgb(196, 82, 24) 75%, rgb(200, 84, 24) 80%, rgb(194, 82, 23) 85%, rgb(196, 82, 22) 90%, rgb(196, 81, 22) 95%, rgb(190, 79, 19) 100%);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cfilter id='bm' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3Cpath d='M0,50.8 L2,49.1 L4,48 L6,46.5 L8,45.7 L10,44.8 L12,44.2 L14,43.7 L16,43.1 L18,42.9 L20,42.4 L22,42.2 L24,42.2 L26,42 L28,42 L30,42 L32,42.2 L34,42 L36,42.2 L38,42.4 L40,42.7 L42,42.9 L44,43.1 L46,43.3 L48,43.5 L50,43.9 L52,43.9 L54,44.2 L56,44.6 L58,44.8 L60,44.8 L62,44.8 L64,45 L66,45.2 L68,45.2 L70,45.2 L72,45.4 L74,45.7 L76,46.1 L78,46.1 L80,46.3 L82,46.7 L84,46.9 L86,47.2 L88,47.8 L90,48 L92,48.7 L94,49.1 L96,49.7 L98,50.4 L100,50.4 L100,100 L0,100 Z' fill='white' filter='url(%23bm)'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cfilter id='bm' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3Cpath d='M0,50.8 L2,49.1 L4,48 L6,46.5 L8,45.7 L10,44.8 L12,44.2 L14,43.7 L16,43.1 L18,42.9 L20,42.4 L22,42.2 L24,42.2 L26,42 L28,42 L30,42 L32,42.2 L34,42 L36,42.2 L38,42.4 L40,42.7 L42,42.9 L44,43.1 L46,43.3 L48,43.5 L50,43.9 L52,43.9 L54,44.2 L56,44.6 L58,44.8 L60,44.8 L62,44.8 L64,45 L66,45.2 L68,45.2 L70,45.2 L72,45.4 L74,45.7 L76,46.1 L78,46.1 L80,46.3 L82,46.7 L84,46.9 L86,47.2 L88,47.8 L90,48 L92,48.7 L94,49.1 L96,49.7 L98,50.4 L100,50.4 L100,100 L0,100 Z' fill='white' filter='url(%23bm)'/%3E%3C/svg%3E");
  }
}
.footer-wrp .up-side-footer {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .footer-wrp .up-side-footer {
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer-wrp .up-side-footer .footer-links-menu {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer-wrp .up-side-footer .footer-links-menu .link-menu-footer {
  color: var(--c-text);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  transition: color 0.3s ease;
}
.footer-wrp .up-side-footer .footer-links-menu .link-menu-footer:hover {
  color: var(--c-accent);
}
.footer-wrp .up-side-footer .grp-adress .txt-adres-footer-header {
  color: var(--c-muted);
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer-wrp .up-side-footer .grp-adress .txt-adres-footer {
  color: var(--c-text);
  line-height: 1.5;
}
.footer-wrp .up-side-footer .grp-soc-links-footer {
  display: flex;
  gap: 15px;
}
.footer-wrp .up-side-footer .grp-soc-links-footer .soc-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  transition: opacity 0.3s ease;
}
.footer-wrp .up-side-footer .grp-soc-links-footer .soc-link:hover {
  opacity: 0.6;
}
.footer-wrp .big-txt-footer {
  font-family: var(--f-heading);
  font-size: 160px;
  font-weight: 300;
  text-align: left;
  line-height: 1;
  margin-bottom: 30px;
  overflow: hidden;
  max-width: 610px;
}
@media (max-width: 991px) {
  .footer-wrp .big-txt-footer {
    font-size: 48px;
  }
}
.footer-wrp .wrp-all-right-reserv {
  display: flex;
  justify-content: space-between;
  color: var(--c-muted);
  font-size: 14px;
  text-transform: uppercase;
}

/* Glass Card
--------------------------------------------- */
/* ==========================================================================
   GLASS CARD (shared across every page — baseline visual for
   .shape-with-linear-border, extracted from the .home-main .mainscreen
   version in sass/layouts/_home.scss so it also applies where there is no
   .home-main ancestor, e.g. single-case_study.php)

   Per-page nested rules in sass/layouts/_*.scss still apply on top of this
   for page-specific positioning/sizing overrides.
   ========================================================================== */
.shape-with-linear-border {
  background: #1f0e0c;
  border: 1px solid #000;
  border-radius: 27px;
  padding: 24px;
  box-shadow: -51px 100px 73px 0px rgba(0, 0, 0, 0.69);
}
.shape-with-linear-border .ttxtt-33-procent {
  font-family: var(--f-heading);
  font-size: 48px;
  font-weight: 700;
  color: var(--c-text);
  margin-bottom: 10px;
}
.shape-with-linear-border .txt-under-33-procent {
  color: var(--c-muted);
  font-size: 14px;
  line-height: 1.5;
}

/* Testimonials ("Say About")
--------------------------------------------- */
/* ==========================================================================
   TESTIMONIALS ("Say About" section) — shared across every page, moved out
   of .home-main in sass/layouts/_home.scss so it also applies where there
   is no .home-main ancestor, e.g. page-about-us.php
   ========================================================================== */
.say-about {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 200px;
  padding-left: 45px;
  padding-right: 45px;
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  .say-about {
    margin-top: 150px;
    padding-left: 0;
    padding-right: 0;
  }
}
.say-about .header-blocks.padding-left {
  font-size: 150px;
  font-weight: 400;
  letter-spacing: -11px;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
  padding-left: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .say-about .header-blocks.padding-left {
    font-size: 64px;
    letter-spacing: -5px;
    margin-left: 20px;
  }
}
.say-about .right-column-result._4 {
  width: auto;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  top: 205px;
  right: 60px;
}
@media (max-width: 1200px) {
  .say-about .right-column-result._4 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .say-about .right-column-result._4 {
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: 0;
    left: 0;
  }
}
.say-about .right-column-result._4 .real-growht {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -5px;
  line-height: 1.08;
  margin-top: 0;
  margin-bottom: 20px;
  color: #fff;
}
@media (max-width: 991px) {
  .say-about .right-column-result._4 .real-growht {
    font-size: 40px;
  }
}
.say-about .right-column-result._4 .say-about-shape {
  background: radial-gradient(92.6% 92.6% at -25% 23%, rgb(157, 113, 97) 27%, rgb(99, 85, 81) 33%, rgb(67, 57, 54) 39%, rgb(43, 34, 32) 45%, rgb(35, 23, 20) 51%, rgb(32, 20, 17) 57%, rgb(24, 13, 11) 63%, rgb(22, 12, 9) 69%, var(--c-bg) 75%);
  border: 1px solid #000;
  border-radius: 27px;
  padding: 21px 0 21px 17px;
  bottom: 146px;
  left: 73px;
  position: absolute;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  width: 210px;
  height: 122px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .say-about .right-column-result._4 .say-about-shape {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .say-about .right-column-result._4 .say-about-shape {
    background: radial-gradient(57.5% 57.5% at 23% 129%, rgb(81, 66, 61) 51%, rgb(61, 49, 46) 57%, rgb(44, 36, 34) 63%, rgb(36, 28, 26) 69%, rgb(32, 24, 22) 75%, rgb(24, 15, 14) 87%, var(--c-bg) 99%);
    width: 209px;
    height: 104px;
    border-radius: 19px;
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 20px;
    box-shadow: -26px 51px 38px rgba(0, 0, 0, 0.7);
    padding: 30px;
    border: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.say-about .right-column-result._4 .say-about-shape .ttxtt-33-procent {
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 7px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .say-about .right-column-result._4 .say-about-shape .ttxtt-33-procent {
    font-size: 16.65px;
    margin-bottom: 8px;
  }
}
.say-about .right-column-result._4 .say-about-shape .txt-under-33-procent._333 {
  font-size: 10.5px;
  color: rgb(171, 171, 171);
  line-height: 1.22;
}
@media (max-width: 991px) {
  .say-about .right-column-result._4 .say-about-shape .txt-under-33-procent._333 {
    font-size: 12.5px;
  }
}
.say-about .right-column-result._4 .txt-under-mini-header {
  color: rgba(252, 252, 252, 0.8);
  width: 340px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 1.2;
  position: relative;
  z-index: 3;
}
@media (max-width: 991px) {
  .say-about .right-column-result._4 .txt-under-mini-header {
    width: auto;
    margin-top: 40px;
    font-size: 16px;
  }
}
.say-about .tabs-result-about-say {
  width: 100%;
  margin-top: 110px;
}
@media (max-width: 991px) {
  .say-about .tabs-result-about-say {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 60px;
  }
}
.say-about .tabs-result-about-say .tabs-menu {
  display: flex;
  gap: 15px;
  margin-bottom: 120px;
  align-items: center;
}
@media (max-width: 991px) {
  .say-about .tabs-result-about-say .tabs-menu {
    gap: 20px;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    margin-bottom: 60px;
  }
  .say-about .tabs-result-about-say .tabs-menu::-webkit-scrollbar {
    display: none;
  }
}
.say-about .tabs-result-about-say .tabs-menu .tab-point {
  color: #fcfcfc;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #fcfcfc;
  border-radius: 50px;
  flex: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 210px;
  height: 50px;
  padding: 0 35px;
  font-family: var(--f-body);
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (max-width: 991px) {
  .say-about .tabs-result-about-say .tabs-menu .tab-point {
    border-width: 2px;
    flex: none;
    min-width: auto;
    height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
  }
}
.say-about .tabs-result-about-say .tabs-menu .tab-point:hover, .say-about .tabs-result-about-say .tabs-menu .tab-point.active {
  background: var(--c-accent-gradient);
  color: #fff;
}
.say-about .tabs-result-about-say .tabs-content {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.say-about .tabs-result-about-say .tabs-content .tab-pane {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 100%;
}
.say-about .tabs-result-about-say .tabs-content .tab-pane.active {
  display: block;
  opacity: 1;
  animation: fadeIn 0.4s ease forwards;
}
.say-about .wrp-what-say {
  display: grid;
  grid-template-columns: 450px 1fr;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  grid-gap: 30px;
}
@media (max-width: 991px) {
  .say-about .wrp-what-say {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.say-about .pc-wrp-video-left-side {
  border-radius: 40px;
  width: 450px;
  height: 700px;
  position: relative;
  overflow: hidden;
  background: #000;
}
@media (max-width: 991px) {
  .say-about .pc-wrp-video-left-side {
    display: none;
  }
}
.say-about .pc-wrp-video-left-side .video-whats-sayy {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.say-about .pc-wrp-video-left-side .video-whats-sayy iframe {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
}
.say-about .grp-right-side-what-say {
  background-color: #26130e;
  background-image: radial-gradient(180% 92% at 2% 102%, #cd460e 0%, #be3f0c 10%, #b23a0a 20%, #a5360a 30%, #94310a 40%, #802b0a 50%, #6e250b 60%, #5a1f0c 70%, #441a0d 80%, #32150d 90%, #26130e 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 65px 55px;
  border-radius: 56px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .say-about .grp-right-side-what-say {
    width: 100%;
    height: auto;
    padding: 40px 25px;
    border-radius: 32px;
    gap: 40px;
  }
}
.say-about .grp-right-side-what-say .txt-what-says-right-side {
  color: #fcfcfc;
  font-family: var(--f-heading);
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.72px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .say-about .grp-right-side-what-say .txt-what-says-right-side {
    font-size: 30px;
    line-height: 1.16;
  }
}
.say-about .grp-right-side-what-say .grp-3-point-result {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 991px) {
  .say-about .grp-right-side-what-say .grp-3-point-result {
    flex-direction: column;
    gap: 20px;
  }
}
.say-about .grp-right-side-what-say .grp-3-point-result .point-result-grp {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 991px) {
  .say-about .grp-right-side-what-say .grp-3-point-result .point-result-grp {
    gap: 20px;
  }
}
.say-about .grp-right-side-what-say .grp-3-point-result .point-result-grp .txt-result-case-point {
  font-family: var(--f-heading);
  font-size: 85px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: -2px;
}
@media (max-width: 991px) {
  .say-about .grp-right-side-what-say .grp-3-point-result .point-result-grp .txt-result-case-point {
    font-size: 40px;
    letter-spacing: -5px;
  }
}
.say-about .grp-right-side-what-say .grp-3-point-result .point-result-grp .txt-under-point-result {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.say-about .grp-right-side-what-say .client-inf {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 991px) {
  .say-about .grp-right-side-what-say .client-inf {
    gap: 15px;
  }
}
.say-about .grp-right-side-what-say .client-inf .txt-client-inf-up {
  color: #fcfcfc;
  font-family: var(--f-body);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 991px) {
  .say-about .grp-right-side-what-say .client-inf .txt-client-inf-up {
    font-size: 20px;
  }
}
.say-about .grp-right-side-what-say .client-inf .txt-under-point-result {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* Swiper fallback (in case the CDN stylesheet is slow/blocked)
--------------------------------------------- */
/* ==========================================================================
   SWIPER FALLBACK

   Swiper's own CSS (which does the real clipping/flex layout) is loaded
   entirely from an external CDN (swiper-bundle.min.css, see functions.php) —
   this theme has no local copy. If that request is slow, blocked (ad
   blockers, corporate proxies), or fails outright, every .swiper-wrapper on
   the page renders with no overflow clipping and no flex layout, so its
   slides lay out at their natural width in one un-wrapped row — on a page
   with several sliders/many slides this can reach several thousand pixels
   wide. `html { overflow-x: hidden }` (see _body.scss) keeps that from
   opening a page-wide horizontal scrollbar, but the oversized element is
   still there in the layout, and the empty visual space that creates around
   whatever comes after it (the footer, most visibly, since it's last) is
   what this fixes.

   Duplicating just the few structural rules that matter here — not a full
   copy of Swiper's stylesheet — so the carousels stay correctly clipped/laid
   out even before (or if) the CDN stylesheet loads. Harmless once the real
   stylesheet does load: same values, so nothing to override.
   ========================================================================== */
.swiper {
  position: relative;
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;
  box-sizing: content-box;
}

.swiper-slide {
  flex-shrink: 0;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.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, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.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;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*# sourceMappingURL=style.css.map */