.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//savameta.com/wp-content/themes/savameta/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  ;
}  *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before,
::after {
--tw-content: '';
} html,
:host {
line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } body {
margin: 0; line-height: inherit; } hr {
height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} table {
text-indent: 0; border-color: inherit; border-collapse: collapse; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button,
select {
text-transform: none;
} button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring {
outline: auto;
} :-moz-ui-invalid {
box-shadow: none;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } summary {
display: list-item;
} blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
} dialog {
padding: 0;
} textarea {
resize: vertical;
} input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1; color: #9ca3af; }
input::placeholder,
textarea::placeholder {
opacity: 1; color: #9ca3af; } button,
[role="button"] {
cursor: pointer;
} :disabled {
cursor: default;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden]:where(:not([hidden="until-found"])) {
display: none;
}
:root,
[data-theme] {
background-color: var(--fallback-b1,oklch(var(--b1)/1));
color: var(--fallback-bc,oklch(var(--bc)/1));
}
@supports not (color: oklch(0% 0 0)) {
:root {
color-scheme: light;
--fallback-p: #491eff;
--fallback-pc: #d4dbff;
--fallback-s: #ff41c7;
--fallback-sc: #fff9fc;
--fallback-a: #00cfbd;
--fallback-ac: #00100d;
--fallback-n: #2b3440;
--fallback-nc: #d7dde4;
--fallback-b1: #ffffff;
--fallback-b2: #e5e6e6;
--fallback-b3: #e5e6e6;
--fallback-bc: #1f2937;
--fallback-in: #00b3f0;
--fallback-inc: #000000;
--fallback-su: #00ca92;
--fallback-suc: #000000;
--fallback-wa: #ffc22d;
--fallback-wac: #000000;
--fallback-er: #ff6f70;
--fallback-erc: #000000;
}
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
--fallback-p: #7582ff;
--fallback-pc: #050617;
--fallback-s: #ff71cf;
--fallback-sc: #190211;
--fallback-a: #00c7b5;
--fallback-ac: #000e0c;
--fallback-n: #2a323c;
--fallback-nc: #a6adbb;
--fallback-b1: #1d232a;
--fallback-b2: #191e24;
--fallback-b3: #15191e;
--fallback-bc: #a6adbb;
--fallback-in: #00b3f0;
--fallback-inc: #000000;
--fallback-su: #00ca92;
--fallback-suc: #000000;
--fallback-wa: #ffc22d;
--fallback-wac: #000000;
--fallback-er: #ff6f70;
--fallback-erc: #000000;
}
}
}
html {
-webkit-tap-highlight-color: transparent;
}
* {
scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;
}
*:hover {
scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;
}
:root {
--p: 76.6091% 0.108306 259.793142;
--b2: 16.5203% 0 0;
--b3: 15.2768% 0 0;
--bc: 83.5528% 0 0;
--pc: 15.3218% 0.021661 259.793142;
--sc: 86.6199% 0.000563 17.29885;
--ac: 16.2813% 0 0;
--nc: 83.5528% 0 0;
--inc: 15.1705% 0.027481 231.6166;
--suc: 15.4663% 0.030576 163.102898;
--wac: 16.6604% 0.032836 83.424292;
--erc: 14.2439% 0.032979 22.150603;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 33.0997% 0.002813 17.29885;
--a: 81.4064% 0 0;
--n: 17.7638% 0 0;
--b1: 17.7638% 0 0;
--in: 75.8525% 0.137405 231.6166;
--su: 77.3316% 0.152882 163.102898;
--wa: 83.302% 0.164179 83.424292;
--er: 71.2196% 0.164893 22.150603;
}
[data-theme=dark] {
--p: 76.6091% 0.108306 259.793142;
--b2: 16.5203% 0 0;
--b3: 15.2768% 0 0;
--bc: 83.5528% 0 0;
--pc: 15.3218% 0.021661 259.793142;
--sc: 86.6199% 0.000563 17.29885;
--ac: 16.2813% 0 0;
--nc: 83.5528% 0 0;
--inc: 15.1705% 0.027481 231.6166;
--suc: 15.4663% 0.030576 163.102898;
--wac: 16.6604% 0.032836 83.424292;
--erc: 14.2439% 0.032979 22.150603;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--s: 33.0997% 0.002813 17.29885;
--a: 81.4064% 0 0;
--n: 17.7638% 0 0;
--b1: 17.7638% 0 0;
--in: 75.8525% 0.137405 231.6166;
--su: 77.3316% 0.152882 163.102898;
--wa: 83.302% 0.164179 83.424292;
--er: 71.2196% 0.164893 22.150603;
}
[data-theme=light] {
color-scheme: light;
--in: 72.06% 0.191 231.6;
--su: 64.8% 0.150 160;
--wa: 84.71% 0.199 83.87;
--er: 71.76% 0.221 22.18;
--pc: 89.824% 0.06192 275.75;
--ac: 15.352% 0.0368 183.61;
--inc: 0% 0 0;
--suc: 0% 0 0;
--wac: 0% 0 0;
--erc: 0% 0 0;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--p: 49.12% 0.3096 275.75;
--s: 69.71% 0.329 342.55;
--sc: 98.71% 0.0106 342.55;
--a: 76.76% 0.184 183.61;
--n: 32.1785% 0.02476 255.701624;
--nc: 89.4994% 0.011585 252.096176;
--b1: 100% 0 0;
--b2: 96.1151% 0 0;
--b3: 92.4169% 0.00108 197.137559;
--bc: 27.8078% 0.029596 256.847952;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 767px) {
.container {
max-width: 767px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1512px) {
.container {
max-width: 1512px;
}
}
.avatar.placeholder > div {
display: flex;
align-items: center;
justify-content: center;
}
.breadcrumbs {
max-width: 100%;
overflow-x: auto;
}
.breadcrumbs > ul,
.breadcrumbs > ol {
display: flex;
align-items: center;
white-space: nowrap;
min-height: -moz-min-content;
min-height: min-content;
}
.breadcrumbs > ul > li, .breadcrumbs > ol > li {
display: flex;
align-items: center;
}
.breadcrumbs > ul > li > a, .breadcrumbs > ol > li > a {
display: flex;
cursor: pointer;
align-items: center;
}
@media (hover:hover) {
.breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover {
text-decoration-line: underline;
}
}
.btn {
display: inline-flex;
height: 3rem;
min-height: 3rem;
flex-shrink: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-radius: var(--rounded-btn, 0.5rem);
border-color: transparent;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
font-size: 0.875rem;
line-height: 1em;
}
.btn-disabled,
.btn[disabled],
.btn:disabled {
pointer-events: none;
}
.btn-circle {
height: 3rem;
width: 3rem;
border-radius: 9999px;
padding: 0px;
}
:where(.btn:is(input[type="checkbox"])),
:where(.btn:is(input[type="radio"])) {
width: auto;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn:is(input[type="checkbox"]):after,
.btn:is(input[type="radio"]):after {
--tw-content: attr(aria-label);
content: var(--tw-content);
}
.carousel {
display: inline-flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
}
.collapse:not(td):not(tr):not(colgroup) {
visibility: visible;
}
.collapse {
position: relative;
display: grid;
overflow: hidden;
grid-template-rows: auto 0fr;
transition: grid-template-rows 0.2s;
}
.collapse-title,
.collapse > input[type="checkbox"],
.collapse > input[type="radio"],
.collapse-content {
grid-column-start: 1;
grid-row-start: 1;
}
.collapse > input[type="checkbox"],
.collapse > input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
}
.collapse-content {
visibility: hidden;
grid-column-start: 1;
grid-row-start: 2;
min-height: 0px;
transition: visibility 0.2s;
}
.collapse[open],
.collapse-open,
.collapse:focus:not(.collapse-close) {
grid-template-rows: auto 1fr;
}
.collapse:not(.collapse-close):has(> input[type="checkbox"]:checked),
.collapse:not(.collapse-close):has(> input[type="radio"]:checked) {
grid-template-rows: auto 1fr;
}
.collapse[open] > .collapse-content,
.collapse-open > .collapse-content,
.collapse:focus:not(.collapse-close) > .collapse-content,
.collapse:not(.collapse-close) > input[type="checkbox"]:checked ~ .collapse-content,
.collapse:not(.collapse-close) > input[type="radio"]:checked ~ .collapse-content {
visibility: visible;
min-height: -moz-fit-content;
min-height: fit-content;
}
.divider {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.divider:before,
.divider:after {
height: 0.125rem;
width: 100%;
flex-grow: 1;
--tw-content: '';
content: var(--tw-content);
}
.footer {
display: grid;
width: 100%;
grid-auto-flow: row;
place-items: start;
}
.footer > * {
display: grid;
place-items: start;
}
@media (min-width: 48rem) {
.footer {
grid-auto-flow: column;
}
.footer-center {
grid-auto-flow: row dense;
}
}
.input {
flex-shrink: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 3rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 2;
}
.input[type="number"]::-webkit-inner-spin-button,
.input-md[type="number"]::-webkit-inner-spin-button {
margin-top: -1rem;
margin-bottom: -1rem;
margin-inline-end: -1rem;
}
.join {
display: inline-flex;
align-items: stretch;
}
.join :where(.join-item) {
border-start-end-radius: 0;
border-end-end-radius: 0;
border-end-start-radius: 0;
border-start-start-radius: 0;
}
.join .join-item:not(:first-child):not(:last-child),
.join *:not(:first-child):not(:last-child) .join-item {
border-start-end-radius: 0;
border-end-end-radius: 0;
border-end-start-radius: 0;
border-start-start-radius: 0;
}
.join .join-item:first-child:not(:last-child),
.join *:first-child:not(:last-child) .join-item {
border-start-end-radius: 0;
border-end-end-radius: 0;
}
.join .dropdown .join-item:first-child:not(:last-child),
.join *:first-child:not(:last-child) .dropdown .join-item {
border-start-end-radius: inherit;
border-end-end-radius: inherit;
}
.join :where(.join-item:first-child:not(:last-child)),
.join :where(*:first-child:not(:last-child) .join-item) {
border-end-start-radius: inherit;
border-start-start-radius: inherit;
}
.join .join-item:last-child:not(:first-child),
.join *:last-child:not(:first-child) .join-item {
border-end-start-radius: 0;
border-start-start-radius: 0;
}
.join :where(.join-item:last-child:not(:first-child)),
.join :where(*:last-child:not(:first-child) .join-item) {
border-start-end-radius: inherit;
border-end-end-radius: inherit;
}
@supports not selector(:has(*)) {
:where(.join *) {
border-radius: inherit;
}
}
@supports selector(:has(*)) {
:where(.join *:has(.join-item)) {
border-radius: inherit;
}
}
.link {
cursor: pointer;
text-decoration-line: underline;
}
.menu {
display: flex;
flex-direction: column;
flex-wrap: wrap;
font-size: 0.875rem;
line-height: 1.25rem;
}
.menu :where(li ul) {
position: relative;
white-space: nowrap;
}
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
display: grid;
grid-auto-flow: column;
align-content: flex-start;
align-items: center;
gap: 0.5rem;
grid-auto-columns: minmax(auto, max-content) auto max-content;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.menu li.disabled {
cursor: not-allowed;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
display: none;
}
:where(.menu li) {
position: relative;
display: flex;
flex-shrink: 0;
flex-direction: column;
flex-wrap: wrap;
align-items: stretch;
}
:where(.menu li) .badge {
justify-self: end;
}
.modal {
pointer-events: none;
position: fixed;
inset: 0px;
margin: 0px;
display: grid;
height: 100%;
max-height: none;
width: 100%;
max-width: none;
justify-items: center;
padding: 0px;
opacity: 0;
overscroll-behavior: contain;
z-index: 999;
}
:where(.modal) {
align-items: center;
}
.modal-box {
max-height: calc(100vh - 5em);
}
.modal-open,
.modal:target,
.modal-toggle:checked + .modal,
.modal[open] {
pointer-events: auto;
visibility: visible;
opacity: 1;
}
:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
overflow: hidden;
scrollbar-gutter: stable;
}
.progress {
position: relative;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: hidden;
}
.range {
height: 1.5rem;
width: 100%;
cursor: pointer;
}
.range:focus {
outline: none;
}
.swap {
position: relative;
display: inline-grid;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
place-content: center;
}
.swap > * {
grid-column-start: 1;
grid-row-start: 1;
}
.swap input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swap .swap-on,
.swap .swap-indeterminate,
.swap input:indeterminate ~ .swap-on {
opacity: 0;
}
.swap input:checked ~ .swap-off,
.swap-active .swap-off,
.swap input:indeterminate ~ .swap-off {
opacity: 0;
}
.swap input:checked ~ .swap-on,
.swap-active .swap-on,
.swap input:indeterminate ~ .swap-indeterminate {
opacity: 1;
}
.textarea {
min-height: 3rem;
flex-shrink: 1;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 2;
}
.timeline {
position: relative;
display: flex;
}
:where(.timeline > li) {
position: relative;
display: grid;
flex-shrink: 0;
align-items: center;
grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(
--timeline-row-end,
minmax(0, 1fr)
);
grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(
--timeline-col-end,
minmax(0, 1fr)
);
}
.timeline > li > hr {
width: 100%;
border-width: 0px;
}
:where(.timeline > li > hr):first-child {
grid-column-start: 1;
grid-row-start: 2;
}
:where(.timeline > li > hr):last-child {
grid-column-start: 3;
grid-column-end: none;
grid-row-start: 2;
grid-row-end: auto;
}
.toggle {
flex-shrink: 0;
}
.artboard.phone-1.horizontal,
.artboard.phone-1.artboard-horizontal {
width: 568px;
height: 320px;
}
.artboard.phone-2.horizontal,
.artboard.phone-2.artboard-horizontal {
width: 667px;
height: 375px;
}
.artboard.phone-3.horizontal,
.artboard.phone-3.artboard-horizontal {
width: 736px;
height: 414px;
}
.artboard.phone-4.horizontal,
.artboard.phone-4.artboard-horizontal {
width: 812px;
height: 375px;
}
.artboard.phone-5.horizontal,
.artboard.phone-5.artboard-horizontal {
width: 896px;
height: 414px;
}
.artboard.phone-6.horizontal,
.artboard.phone-6.artboard-horizontal {
width: 1024px;
height: 320px;
}
.btm-nav-xs > *:where(.active) {
border-top-width: 1px;
}
.btm-nav-sm > *:where(.active) {
border-top-width: 2px;
}
.btm-nav-md > *:where(.active) {
border-top-width: 2px;
}
.btm-nav-lg > *:where(.active) {
border-top-width: 4px;
}
.btn-sm {
height: 2rem;
min-height: 2rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 0.875rem;
}
.btn-square:where(.btn-sm) {
height: 2rem;
width: 2rem;
padding: 0px;
}
.btn-circle:where(.btn-xs) {
height: 1.5rem;
width: 1.5rem;
border-radius: 9999px;
padding: 0px;
}
.btn-circle:where(.btn-sm) {
height: 2rem;
width: 2rem;
border-radius: 9999px;
padding: 0px;
}
.btn-circle:where(.btn-md) {
height: 3rem;
width: 3rem;
border-radius: 9999px;
padding: 0px;
}
.btn-circle:where(.btn-lg) {
height: 4rem;
width: 4rem;
border-radius: 9999px;
padding: 0px;
}
.divider-horizontal {
flex-direction: column;
}
.divider-horizontal:before {
height: 100%;
width: 0.125rem;
}
.divider-horizontal:after {
height: 100%;
width: 0.125rem;
}
.join.join-vertical {
flex-direction: column;
}
.join.join-vertical .join-item:first-child:not(:last-child),
.join.join-vertical *:first-child:not(:last-child) .join-item {
border-end-start-radius: 0;
border-end-end-radius: 0;
border-start-start-radius: inherit;
border-start-end-radius: inherit;
}
.join.join-vertical .join-item:last-child:not(:first-child),
.join.join-vertical *:last-child:not(:first-child) .join-item {
border-start-start-radius: 0;
border-start-end-radius: 0;
border-end-start-radius: inherit;
border-end-end-radius: inherit;
}
.join.join-horizontal {
flex-direction: row;
}
.join.join-horizontal .join-item:first-child:not(:last-child),
.join.join-horizontal *:first-child:not(:last-child) .join-item {
border-end-end-radius: 0;
border-start-end-radius: 0;
border-end-start-radius: inherit;
border-start-start-radius: inherit;
}
.join.join-horizontal .join-item:last-child:not(:first-child),
.join.join-horizontal *:last-child:not(:first-child) .join-item {
border-end-start-radius: 0;
border-start-start-radius: 0;
border-end-end-radius: inherit;
border-start-end-radius: inherit;
}
.divider-horizontal {
margin-left: 1rem;
margin-right: 1rem;
margin-top: 0px;
margin-bottom: 0px;
height: auto;
width: 1rem;
}
.join.join-vertical > :where(*:not(:first-child)) {
margin-left: 0px;
margin-right: 0px;
margin-top: -1px;
}
.join.join-vertical > :where(*:not(:first-child)):is(.btn) {
margin-top: calc(var(--border-btn) * -1);
}
.join.join-horizontal > :where(*:not(:first-child)) {
margin-top: 0px;
margin-bottom: 0px;
margin-inline-start: -1px;
}
.join.join-horizontal > :where(*:not(:first-child)):is(.btn) {
margin-inline-start: calc(var(--border-btn) * -1);
margin-top: 0px;
}
.modal-top :where(.modal-box) {
width: 100%;
max-width: none;
--tw-translate-y: -2.5rem;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-bottom-right-radius: var(--rounded-box, 1rem);
border-bottom-left-radius: var(--rounded-box, 1rem);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.modal-middle :where(.modal-box) {
width: 91.666667%;
max-width: 32rem;
--tw-translate-y: 0px;
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-top-left-radius: var(--rounded-box, 1rem);
border-top-right-radius: var(--rounded-box, 1rem);
border-bottom-right-radius: var(--rounded-box, 1rem);
border-bottom-left-radius: var(--rounded-box, 1rem);
}
.modal-bottom :where(.modal-box) {
width: 100%;
max-width: none;
--tw-translate-y: 2.5rem;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-top-left-radius: var(--rounded-box, 1rem);
border-top-right-radius: var(--rounded-box, 1rem);
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
} html {
scrollbar-color: #9252d8 transparent !important; scrollbar-width: thin; }
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0px;
}
.left-\[-100px\] {
left: -100px;
}
.left-\[150px\] {
left: 150px;
}
.left-\[80px\] {
left: 80px;
}
.right-2 {
right: 0.5rem;
}
.right-\[150px\] {
right: 150px;
}
.right-\[17rem\] {
right: 17rem;
}
.right-\[80px\] {
right: 80px;
}
.top-2 {
top: 0.5rem;
}
.top-\[-92px\] {
top: -92px;
}
.top-\[117px\] {
top: 117px;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-8 {
grid-column: span 8 / span 8;
}
.float-end {
float: inline-end;
}
.my-\[12px\] {
margin-top: 12px;
margin-bottom: 12px;
}
.my-\[20px\] {
margin-top: 20px;
margin-bottom: 20px;
}
.my-\[88px\] {
margin-top: 88px;
margin-bottom: 88px;
}
.mb-\[24px\] {
margin-bottom: 24px;
}
.mr-5 {
margin-right: 1.25rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-\[16px\] {
margin-top: 16px;
}
.mt-\[24px\] {
margin-top: 24px;
}
.mt-\[32px\] {
margin-top: 32px;
}
.mt-\[40px\] {
margin-top: 40px;
}
.mt-\[58px\] {
margin-top: 58px;
}
.mt-\[80px\] {
margin-top: 80px;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.inline-block {
display: inline-block;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.h-\[1px\] {
height: 1px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[40px\] {
height: 40px;
}
.h-\[556px\] {
height: 556px;
}
.h-\[66px\] {
height: 66px;
}
.h-\[83\.33px\] {
height: 83.33px;
}
.h-\[8px\] {
height: 8px;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
.max-h-\[100px\] {
max-height: 100px;
}
.w-\[1px\] {
width: 1px;
}
.w-\[211px\] {
width: 211px;
}
.w-\[40px\] {
width: 40px;
}
.w-\[8px\] {
width: 8px;
}
.w-full {
width: 100%;
}
.max-w-\[100px\] {
max-width: 100px;
}
.max-w-\[368px\] {
max-width: 368px;
}
.max-w-\[530px\] {
max-width: 530px;
}
.max-w-\[672px\] {
max-width: 672px;
}
.max-w-\[676px\] {
max-width: 676px;
}
.max-w-\[977px\] {
max-width: 977px;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
resize: both;
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.justify-items-center {
justify-items: center;
}
.gap-10 {
gap: 2.5rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-\[12px\] {
gap: 12px;
}
.gap-\[16px\] {
gap: 16px;
}
.gap-\[20px\] {
gap: 20px;
}
.gap-\[24px\] {
gap: 24px;
}
.gap-\[32px\] {
gap: 32px;
}
.gap-\[40px\] {
gap: 40px;
}
.gap-\[4px\] {
gap: 4px;
}
.gap-\[52px\] {
gap: 52px;
}
.gap-\[8px\] {
gap: 8px;
}
.self-stretch {
align-self: stretch;
}
.overflow-hidden {
overflow: hidden;
}
.rounded-\[12px\] {
border-radius: 12px;
}
.rounded-\[16px\] {
border-radius: 16px;
}
.rounded-\[24px\] {
border-radius: 24px;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-full {
border-radius: 9999px;
}
.border {
border-width: 1px;
}
.border-x-0 {
border-left-width: 0px;
border-right-width: 0px;
}
.border-b-0 {
border-bottom-width: 0px;
}
.border-\[\#333333\] {
--tw-border-opacity: 1;
border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-t-\[\#333333\] {
--tw-border-opacity: 1;
border-top-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.bg-\[\#0A0A0A\] {
--tw-bg-opacity: 1;
background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#181818\] {
--tw-bg-opacity: 1;
background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F1F1F\] {
--tw-bg-opacity: 1;
background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#333333\] {
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#333\] {
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#606060\] {
--tw-bg-opacity: 1;
background-color: rgb(96 96 96 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8E8E8E\] {
--tw-bg-opacity: 1;
background-color: rgb(142 142 142 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D3AA00\] {
--tw-bg-opacity: 1;
background-color: rgb(211 170 0 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\] {
background-color: rgba(255,255,255,0.06);
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-slate-500 {
--tw-bg-opacity: 1;
background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.p-\[32px\] {
padding: 32px;
}
.p-\[6px\] {
padding: 6px;
}
.p-\[8px\] {
padding: 8px;
}
.px-\[12px\] {
padding-left: 12px;
padding-right: 12px;
}
.px-\[20px\] {
padding-left: 20px;
padding-right: 20px;
}
.px-\[32px\] {
padding-left: 32px;
padding-right: 32px;
}
.px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-\[120px\] {
padding-top: 120px;
padding-bottom: 120px;
}
.py-\[16px\] {
padding-top: 16px;
padding-bottom: 16px;
}
.py-\[32px\] {
padding-top: 32px;
padding-bottom: 32px;
}
.py-\[5px\] {
padding-top: 5px;
padding-bottom: 5px;
}
.py-\[6px\] {
padding-top: 6px;
padding-bottom: 6px;
}
.py-\[8px\] {
padding-top: 8px;
padding-bottom: 8px;
}
.pb-\[120px\] {
padding-bottom: 120px;
}
.pb-\[160px\] {
padding-bottom: 160px;
}
.pb-\[24px\] {
padding-bottom: 24px;
}
.pb-\[32px\] {
padding-bottom: 32px;
}
.pb-\[46px\] {
padding-bottom: 46px;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-\[13px\] {
padding-left: 13px;
}
.pt-\[127px\] {
padding-top: 127px;
}
.pt-\[20px\] {
padding-top: 20px;
}
.pt-\[30px\] {
padding-top: 30px;
}
.pt-\[88px\] {
padding-top: 88px;
}
.text-center {
text-align: center;
}
.font-body {
font-family: "Space Grotesk", sans-serif;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[24px\] {
font-size: 24px;
}
.text-\[64px\] {
font-size: 64px;
}
.font-bold {
font-weight: 700;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.leading-\[120\%\] {
line-height: 120%;
}
.leading-\[140\%\] {
line-height: 140%;
}
.text-\[\#32DE83\] {
--tw-text-opacity: 1;
color: rgb(50 222 131 / var(--tw-text-opacity, 1));
}
.text-\[\#A4A4A4\] {
--tw-text-opacity: 1;
color: rgb(164 164 164 / var(--tw-text-opacity, 1));
}
.text-\[\#D2D2D2\] {
--tw-text-opacity: 1;
color: rgb(210 210 210 / var(--tw-text-opacity, 1));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(50 222 131 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.shadow-custom {
z-index: 1;
top: 90px;
background-color: var(--COLORS-Secondary-500, #2cb3f7);
opacity: 0.32;
filter: blur(50.63px);
border-radius: 16px;
}
html {
overflow-x: hidden;
}
html,
body {
position: relative;
min-height: 100vh;
font-family: "Space Grotesk", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 140%;
}
h1,
h2,
h3,
h4,
h5 {
line-height: 110%;
font-weight: 700;
}
h2 {
font-size: 110px;
text-transform: uppercase;
}
h3 {
font-size: 62px;
text-transform: uppercase;
}
h4 {
font-size: 56px;
text-transform: uppercase;
}
h5 {
font-size: 32px;
text-transform: uppercase;
}
p,
label,
div,
span {
line-height: 140%;
}
h1,
h2,
h3,
h4,
h5 {
line-height: 110%;
font-weight: 700;
color: #fff;
}
h2 {
font-size: 110px;
text-transform: uppercase;
}
h3 {
font-size: 62px;
text-transform: uppercase;
}
h4 {
font-size: 56px;
text-transform: uppercase;
}
h5 {
font-size: 32px;
text-transform: uppercase;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px grey;
border-radius: 7px;
}
::-webkit-scrollbar-thumb {
background: #1095a6;
border-radius: 7px;
}
::-webkit-scrollbar-thumb:hover {
background: #ccc;
}
footer {
background-color: #0a0a0a;
}
footer > div {
padding: 120px 40px 64px 40px;
gap: 32px;
}
#slideshow {
.swiper {
width: 100%;
margin-top: 114px;
}
.swiper-slide {
border-radius: 40px;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
border-radius: 40px;
}
}
.gradient-overlay {
position: relative;
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/photo09.png);
background-size: cover;
background-position: center;
border-radius: 16px;
padding: 135.5px 0;
margin: 24px 40px;
overflow: hidden;
}
.gradient-overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(0, 149, 255, 0.12) 30.5%,
rgba(202, 17, 255, 0.48) 100%
),
linear-gradient(0deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32));
border-radius: 16px;
z-index: 1;
}
.gradient-overlay > * {
position: relative;
z-index: 2;
}
.btn-gradient {
display: inline-flex;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-items: center;
justify-content: center;
border-radius: 8px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 32px;
padding-right: 32px;
font-family: "Space Grotesk", sans-serif;
font-weight: 700;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
background: linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%);
}
.border-gradient {
position: relative;
display: inline-block;
border-radius: 60px; }
.border-gradient::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 2px; background: linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.border-normal {
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(74 74 74 / var(--tw-border-opacity, 1));
position: relative;
transition: border 0.3s ease; }
.border-normal::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 2px; background: linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
opacity: 0; transition: opacity 0.3s ease; }
.border-normal:hover::before {
opacity: 1; }
.sava-badge {
display: inline-flex;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(39 39 39 / var(--tw-bg-opacity, 1));
padding-top: 8px;
padding-bottom: 8px;
padding-left: 12px;
padding-right: 12px;
font-family: "Space Grotesk", sans-serif;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (max-width: 767px) {
{
padding: 60px 16px;
{
margin-top: 48px;
flex-direction: column;
gap: 64px;
{
gap: 12px;
> div > div.sava-badge {
margin-top: 12px;
}
}
}
{
margin-top: 48px;
flex-direction: column;
gap: 64px;
{
gap: 12px;
> div > div.sava-badge {
margin-top: 12px;
}
}
}
{
{
gap: 12px;
> div > div.sava-badge {
margin-top: 12px;
}
}
}
{
{
> div > div.sava-badge {
margin-top: 12px;
}
}
}
}
}
.sava-large-card {
border-radius: 12px;
--tw-bg-opacity: 1;
background-color: rgb(31 31 31 / var(--tw-bg-opacity, 1));
padding-left: 40px;
padding-right: 40px;
}
.sava-career-detail__title {
background: linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
font-family: "Space Grotesk";
}
.sava-divider-horizontal {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.sava-divider-horizontal:before,.sava-divider-horizontal:after {
height: 0.125rem;
width: 100%;
flex-grow: 1;
--tw-content: '';
content: var(--tw-content);
}
.sava-divider-horizontal {
flex-direction: column;
}
.sava-divider-horizontal:before {
height: 100%;
width: 0.125rem;
}
.sava-divider-horizontal:after {
height: 100%;
width: 0.125rem;
}
.sava-divider-horizontal {
margin-left: 1rem;
margin-right: 1rem;
margin-top: 0px;
margin-bottom: 0px;
height: auto;
width: 1rem;
width: 1px;
--tw-bg-opacity: 1;
background-color: rgb(119 119 119 / var(--tw-bg-opacity, 1));
}
@media (max-width: 767px) {
{
{
padding: 48px 16px;
margin: 0px;
flex-direction: column;
grid-template-columns: repeat(1, minmax(0, 1fr));
{
flex-direction: column;
.sava-divider-horizontal {
width: 1px;
}
}
}
{
padding: 48px 16px;
margin: 0px;
flex-direction: column;
grid-template-columns: repeat(1, minmax(0, 1fr));
{
flex-direction: column;
.sava-divider-horizontal {
width: 1px;
}
}
}
{
{
flex-direction: column;
.sava-divider-horizontal {
width: 1px;
}
}
}
{
{
.sava-divider-horizontal {
width: 1px;
}
}
}
padding-bottom: 50px;
.sava-divider-horizontal {
display: none;
}
.sava-divider-horizontal {
display: none;
}
}
}
@media (min-width: 768px) and (max-width: 1024px) {
{
padding-bottom: 64px;
.sava-divider-horizontal {
display: none;
}
.sava-divider-horizontal {
display: none;
}
}
}
.sava-divider {
display: flex;
flex-direction: row;
align-items: center;
align-self: stretch;
}
.sava-divider:before,.sava-divider:after {
height: 0.125rem;
width: 100%;
flex-grow: 1;
--tw-content: '';
content: var(--tw-content);
}
.sava-divider {
height: 1px;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
@media (max-width: 767px) {
{
{
padding: 48px 16px;
margin: 0px;
flex-direction: column;
grid-template-columns: repeat(1, minmax(0, 1fr));
{
flex-direction: column;
.sava-divider {
width: 1px;
}
}
}
{
padding: 48px 16px;
margin: 0px;
flex-direction: column;
grid-template-columns: repeat(1, minmax(0, 1fr));
{
flex-direction: column;
.sava-divider {
width: 1px;
}
}
}
{
{
flex-direction: column;
.sava-divider {
width: 1px;
}
}
}
{
{
.sava-divider {
width: 1px;
}
}
}
}
}
.sava-job-title {
display: flex;
align-items: center;
font-family: "Space Grotesk", sans-serif;
font-size: 18px;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(210 210 210 / var(--tw-text-opacity, 1));
}
.sava-icon {
display: inline-flex;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
gap: 7.273px;
border-radius: 10.909px;
background: #3d3d3d;
}
.sava-job-description {
display: flex;
flex-direction: column;
gap: 12px;
}
.sava-job-description-title {
font-weight: bold;
font-size: 20px;
line-height: 120%;
color: white;
}
.sava-job-description-list {
font-size: 18px;
line-height: 140%;
color: #b3b3b3;
list-style-type: disc;
padding-left: 30px;
}
.btn-large {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 64px;
padding-right: 64px;
}
.sava-hashtag-container {
display: inline-flex;
gap: 8px;
color: white;
align-items: center;
}
.sava-hashtag-item {
padding: 4px 8px;
background-color: #272727;
border: 1px solid #4a4a4a;
border-radius: 4px;
}
.sava-card {
display: flex;
padding: 24px;
flex-direction: column;
justify-content: center;
gap: 16px;
align-self: stretch;
border-radius: 12px;
background: #1f1f1f;
}
.sava-now-hiring-section {
font-family: "Space Grotesk", sans-serif;
display: flex;
flex-direction: column;
gap: 16px;
}
.sava-now-hiring-title {
font-size: 24px;
font-weight: bold;
line-height: 110%;
text-transform: uppercase;
color: white;
}
.sava-now-hiring-card-header {
display: inline-flex;
gap: 12px;
align-items: center;
}
.sava-now-hiring-position {
overflow: hidden;
color: white;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
line-height: 120%;
}
.sava-now-hiring-tag {
display: inline-flex;
color: white;
background-color: #ffd700;
border-radius: 8px;
font-weight: bold;
padding: 4px 10px;
align-items: center;
justify-content: center;
}
.sava-now-hiring-description {
font-size: 16px;
line-height: 140%;
color: #b3b3b3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sava-now-hiring-card-footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.sava-now-hiring-info {
display: inline-flex;
font-weight: bold;
font-size: 14px;
line-height: 120%;
color: white;
align-items: center;
}
.sava-navbar-container {
display: flex;
font-family: "Space Grotesk";
justify-content: space-between;
padding: 16px 40px;
background-color: transparent;
}
.sava-navbar-container > div {
z-index: 1;
}
.sava-navbar-logo {
background-color: transparent;
}
.sava-lang-menu,
.sava-navbar-menu {
display: flex;
gap: 32px;
padding: 17px 32px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: white;
}
.sava-lang-menu {
font-size: 14px;
}
.sava-navbar-menu {
background-color: rgba(82, 82, 82, 0.4);
border-radius: 8px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.sava-lang-menu > li,
.sava-navbar-menu > li {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
line-height: 22px;
}
.sava-navbar-menu > li.active > a::after,
.sava-navbar-menu > li:hover > a::after {
content: "";
position: absolute;
left: 0;
bottom: -17px;
width: 100%;
height: 1px;
background: linear-gradient(
90deg,
rgba(80, 192, 248, 0.24) 0%,
#50c0f8 50%,
rgba(80, 192, 248, 0.24) 100%
);
transition: background 0.8s ease;
}
.sava-lang-menu > li:hover > a::before,
.sava-navbar-menu > li:hover > a::before {
content: "";
position: absolute;
left: 50%;
bottom: -17px;
margin-left: -4px;
width: 8px;
height: 4px;
z-index: 1;
}
.sava-navbar-menu > li:hover > a::before {
background: url(https://savameta.com/wp-content/themes/savameta/assets/icon/bullet.svg);
}
.sava-lang-menu > li a,
.sava-navbar-menu > li a {
color: inherit;
text-decoration: none;
}
.sava-lang-menu > li:has(ul),
.sava-navbar-menu > li:has(ul) {
padding-right: 15px;
}
.sava-lang-menu > li:has(ul)::after,
.sava-navbar-menu > li:has(ul)::after {
position: absolute;
top: 0px;
right: -5px;
content: "▼";
font-size: 12px;
color: #fff;
}
.sava-navbar-menu > li > ul > li:first-child::after {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 50px;
z-index: 1000;
}
.sava-lang-menu > li:hover:has(ul)::after,
.sava-navbar-menu > li:hover:has(ul)::after {
content: "▲";
}
.sava-lang-menu > li > ul,
.sava-navbar-menu > li > ul {
list-style: none;
position: absolute;
left: -30px;
top: 10px;
display: none;
margin: 0;
gap: 4px;
padding-top: 50px;
border-radius: 8px;
z-index: 1000;
cursor: pointer;
}
.sava-lang-menu > li > ul {
top: 0px;
padding-top: 40px;
left: 0px;
min-width: 50px;
font-size: 14px;
text-transform: uppercase;
}
.sava-lang-menu > li:hover > ul,
.sava-navbar-menu > li:hover > ul {
display: block;
}
.sava-navbar-menu > li > ul > li {
background-color: #606060;
min-width: 190px;
padding: 4px;
}
.sava-navbar-menu > li > ul > li > a {
padding: 16px;
font-size: 14px;
line-height: 120%;
transition: background-color 0.1s ease;
white-space: nowrap;
}
.sava-lang-menu > li > ul > li > a {
padding-left: 0px;
transition: background-color 0.1s ease;
white-space: nowrap;
}
.sava-navbar-menu > li > ul li:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.sava-navbar-menu > li > ul li:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.sava-navbar-menu > li > ul > li > a {
color: white;
text-decoration: none;
display: block;
border-radius: 8px;
}
.sava-navbar-menu > li > ul > li > a:hover {
background-color: #747474;
}
.sava-navbar-actions {
display: inline-flex;
font-family: var(--font-body);
align-items: center;
gap: 24px;
}
.sava-navbar-language {
font-size: 14px;
font-weight: bold;
color: white;
text-transform: uppercase;
}
.sava-navbar-contact-btn {
font-size: 16px;
font-weight: bold;
background-color: rgba(255, 255, 255, 0.06);
color: white;
text-transform: uppercase;
min-width: 120px;
line-height: 24px;
padding: 8px 10px;
border: none;
border-radius: 8px;
animation: gradient-animation 3s ease infinite; cursor: pointer;
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
}
.sava-footer-container {
font-family: "Space Grotesk", sans-serif;
display: grid;
grid-template-columns: repeat(12, 1fr);
padding: 120px 40px;
gap: 32px;
background-color: #0a0a0a;
}
@media (max-width: 375px) {
.sava-footer-container {
display: none;
}
}
.sava-footer-logo-section {
grid-column: span 3;
display: flex;
flex-direction: column;
gap: 16px;
}
.sava-footer-logo {
width: 211px;
height: 66px;
}
.sava-footer-description {
font-family: var(--font-body);
color: #d2d2d2;
}
.sava-footer-social-icons {
display: flex;
gap: 12px;
}
.sava-footer-icon {
background-color: white;
padding: 6px;
border-radius: 50%;
display: inline-flex;
}
.sava-footer-links {
grid-column: span 3;
display: flex;
gap: 40px;
font-family: var(--font-body);
}
.sava-footer-links-column {
display: flex;
flex-direction: column;
gap: 24px;
}
.sava-footer-links-title {
color: #a4a4a4;
font-size: 18px;
text-transform: uppercase;
}
.sava-footer-link {
font-size: clamp(16px, 2vw, 20px);
font-weight: bold;
line-height: 120%;
cursor: pointer;
color: white;
text-transform: uppercase;
}
.sava-footer-placeholder {
grid-column: span 3;
background-color: #555555;
height: 100%;
}
.sava-footer-contacts {
grid-column: span 3;
font-family: var(--font-body);
display: flex;
flex-direction: column;
gap: 16px;
}
.sava-footer-contact {
color: #d2d2d2;
}
.sava-footer-contact-title {
color: white;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
.sava-footer-contact-text {
font-size: 16px;
padding: 6px 0;
color: #d2d2d2;
}
.sava-footer-contact-phone {
font-size: 16px;
color: white;
}
.sava-footer-phone-label {
color: #d2d2d2;
}
.elementor-button,
.elementor-button-link,
.btn-readmore {
font-family: "Space Grotesk";
display: inline-flex;
padding: 16px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
background: var(
--Gradient-3,
linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%)
);
color: #fff;
text-align: center;
}
.elementor-button,
.elementor-button-link {
padding-left: 45px;
padding-right: 45px;
text-transform: uppercase;
font-weight: 700;
> span {
margin-bottom: 0px !important;
}
}
.elementor-button:hover > span,
.elementor-button-link:hover > span,
.btn-gradient:hover > span,
.btn-readmore:hover > span {
background: linear-gradient(
to right,
#1d75bc,
#5d2e8f
); -webkit-background-clip: text; color: transparent; }
@media (max-width: 1024px) {
.sava-navbar-menu-wrapper,
.sava-navbar-contact-btn {
display: none;
}
.sava-navbar-logo {
width: 116px;
}
}
@media (max-width: 1200px) {
.sava-navbar-logo {
width: 178px;
}
.sava-lang-menu,
.sava-navbar-menu {
display: flex;
gap: 24px;
padding: 16px 24px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: white;
}
.swiper {
margin-top: 40px;
}
.sava-homepage_headline .header-title_small {
font-size: 32px !important;
}
.sava-homepage_headline .header-title {
font-size: 64px !important;
}
.sava-homepage_sub {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
h2 {
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
h5 {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
}
@media (min-width: 1024px) {
.sava-burger-menu {
display: none;
}
}
.sava-burger-menu {
border-radius: 8px;
cursor: pointer;
background: var(--opacity-6, rgba(255, 255, 255, 0.06));
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
}
.sava-show-menu {
transform: translateY(0) !important;
}
.sava-mobile-menu-container {
transform: translateY(-100%);
position: fixed;
display: flex;
flex-direction: column;
padding: 0px 16px;
gap: 8px;
background: rgba(17, 17, 17, 0.92);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
transition: transform 0.2s;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
color: white;
list-style: none;
padding-top: 4rem;
}
.sava-mobile-menu-container ul {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.sava-mobile-menu-container ul li {
display: flex;
height: 40px;
padding: 16px 0px;
align-items: center;
align-self: stretch;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.sava-mobile-contact-button {
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 4px;
align-self: stretch;
border-radius: 8px;
border: 1.5px solid var(--Gradient-3, #1d75bc);
background: var(--opacity-6, rgba(255, 255, 255, 0.06));
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
color: var(--COLORS-Neutral-100, #fff);
text-align: center; font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; text-transform: uppercase;
}
.btn-readmore {
display: inline-flex;
padding: 16px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
background: var(
--Gradient-3,
linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%)
);
color: #fff;
text-align: center;
font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
.elementor-button:hover,
.elementor-button-link:hover,
.btn-readmore:hover {
background: #fff; color: #1d75bc;
}
.team-slideshow .item > div {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 24px;
background: linear-gradient(
180deg,
rgba(0, 149, 255, 0.08) 30.5%,
rgba(202, 17, 255, 0.44) 100%
);
}
.team-slideshow .item > img {
border-radius: 24px;
aspect-ratio: 1 / 1;
}
.home-news > div > div > img,
.team-slideshow .item > img,
.team-slideshow .item > div {
transition: transform 0.3s ease;
}
.home-news > div > div:hover > img,
.team-slideshow .item:hover > div,
.team-slideshow .item:hover > img {
transform: scale(1.05);
}
.team-slideshow .owl-dots {
display: none;
}
.sava-navbar-container.sava-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
.sava-homepage_headline {
font-family: "Space Grotesk"; text-transform: uppercase;
font-weight: bold;
color: #ffffff; display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
}
.sava-homepage_headline .header-subtitle {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 110%;
transform: translateX(-800px);
animation: showText 1s ease forwards;
animation-delay: 1s; }
.sava-homepage_headline .header-title {
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 110%;
opacity: 0;
transform: translateX(-1300px);
animation: showText 1s ease forwards;
animation-delay: 2s;
}
.header-description {
opacity: 0;
transform: translateY(300px);
animation: showText 1s ease forwards;
animation-delay: 3s;
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.sava-homepage_headline .header-title_small {
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.sava-homepage_sub {
color: white;
}
.bg-blur {
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.sava-body-2 {
color: var(--COLORS-Neutral-300, #d2d2d2); font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.nav-logo {
position: relative;
min-width: 197px;
}
.nav-logo .logo-full {
position: absolute;
top: -14px;
left: -16px;
max-width: 227px;
}
.header-sticky {
position: sticky;
top: 0;
width: 100%;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
z-index: 9999;
}
.header-sticky .logo-short {
display: inline-block;
max-width: 67px;
margin: 3px 0 0 2px;
}
.sava-header:not(.header-sticky) .logo-short,
.header-sticky .logo-full {
display: none;
}
.header-media {
position: relative; margin-top: -90px;
}
.video-background {
width: 100%;
background: linear-gradient(
99.62deg,
rgba(25, 114, 186, 0.28) 5.28%,
rgba(93, 46, 143, 0.28) 97.76%
);
opacity: 0.4;
}
.video-description {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 60px;
max-width: 944px;
}
.video-description > h3 {
margin: 0 50px;
opacity: 0;
transform: translateY(100px);
animation: showText 1s ease forwards;
animation-delay: 1s;
}
.video-description > p {
padding: 32px;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 140%;
border-radius: 16px;
background: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
color: #fff;
opacity: 0;
transform: translateX(200px);
animation: showText 0.7s ease forwards;
animation-delay: 2.2s;
}
.game-page > section > div {
position: relative;
padding: 180px 0;
text-align: center;
display: flex;
color: #fff;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 28px;
transition: transform 0.5s ease;
transform: scale(0.5);
}
.game-page > section > div > p {
font-size: 18px;
font-style: normal;
font-weight: 300;
color: #fff;
max-width: 700px;
display: none;
transition: display 0.5s ease;
}
.game-page > section > div > h5 {
max-width: 710px;
}
.game-page > section > div > div:not(.circle-box) {
width: 100%;
}
.game-page > section > div img:not(.navigation-sava-icon) {
margin: 0 auto;
min-width: 78%;
}
.game-page > section.zoomed-in > div {
transform: scale(1); }
.game-page > section.zoomed-in > div > p {
display: block;
}
#savrse-media .video-description > h3 {
font-size: 100px;
opacity: 0; transform: translateY(20px); animation: showText 0.5s ease forwards; animation-delay: 2s; }
.navigation-box {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
padding: 40px 24px 50px 24px;
margin: 160px auto;
max-width: 1311px;
border-radius: 24px;
gap: 0px;
background: url(https://savameta.com/wp-content/themes/savameta/images/savrse-bottom-bg.jpg) center center no-repeat;
}
.navigation-box.game-bottom-box {
> img {
max-width: 116px;
}
> p {
margin-top: 16px;
margin-bottom: 40px;
}
}
.navigation-box > a {
padding-left: 50px;
padding-right: 50px;
}
.navigation-box > p {
font-size: 52px;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
text-align: center;
max-width: 1100px;
color: #fff;
}
@keyframes showText {
to {
opacity: 1; transform: translateY(0); }
} .glow-point {
width: 30rem;
height: 30rem;
background: rgb(111, 85, 255);
border-radius: 50%;
filter: blur(190px);
position: absolute;
z-index: -1;
pointer-events: none;
animation: pulsate 3s infinite ease-in-out;
} @keyframes pulsate {
0%,
100% {
opacity: 0.8;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.2); }
}
.savrse-section {
padding: 160px 40px;
gap: 120px;
.savrse-list {
gap: 160px;
}
}
.home-game-studio {
padding-left: 40px;
padding-right: 40px;
}
.home-news {
img {
border-radius: 24px;
-o-object-fit: cover;
object-fit: cover;
height: 342px;
}
}
#slideshow {
padding-bottom: 110px;
}
.careers-page {
.careers-jobs-list {
> div {
.overflow-hidden > img {
border-radius: 16px;
}
}
}
}
.category-list-tags {
gap: 12px;
}
.circle-box {
position: absolute;
top: 50%;
margin-top: calc(-284px / 2);
left: -10px;
width: 284px;
height: 284px;
z-index: -1;
border-radius: 284.336px;
background: #1d75bc;
filter: blur(250px);
transform: rotate(26.86deg);
}
.game-page section:nth-child(2) {
.circle-box {
background: #5d2e8f;
left: initial;
right: -10px;
}
}
.small-border-gradient {
position: relative !important;
display: inline-block !important;
border-radius: 60px; }
.small-border-gradient::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1px; background: linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.sava-navbar-contact-btn:hover {
font-weight: bold; background: linear-gradient(
180deg,
#1d75bc,
#5d2e8f
); -webkit-background-clip: text; color: transparent; }
.home-game-studio__image {
width: 100%;
height: 507px;
overflow: hidden;
border-radius: 16px;
}
.home-game-studio__image img {
width: 100%;
height: 100%;
-o-object-fit: cover !important;
object-fit: cover !important;
}
.game-studio-card,
.home-savrse-image__card {
flex: 1 0 0;
}
section {
transition: transform 0.4s ease;
transform: scale(1);
}
section.zoomed-in {
transform: scale(1.05);
}
.timeline-title {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 10px;
}
.timeline-title span {
color: #4faaff; }
.timeline-subtitle {
font-size: 1rem;
margin-bottom: 50px;
color: #aaa;
}
.timeline-item,
.timeline-item-custom {
background: #121212;
border-radius: 8px;
padding: 20px;
width: calc(20% - 10px); position: relative;
z-index: 1;
text-align: left;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}  .timeline-item,
.timeline-item-custom {
position: relative; background: #202020;
border-radius: 8px;
padding: 20px;
width: 361px; height: 192px;
text-align: left;
transition: box-shadow 0.5s ease, background 0.5s ease-out;
}
.timeline-item::after {
content: "";
bottom: -3px;
left: 14px;
position: absolute;
background: #202020;
width: 20px;
height: 10px;
border-radius: 6px;
}
.timeline-item-custom::after {
content: "";
top: -3px;
border-radius: 5px;
left: 14.5px;
position: absolute;
background: #202020;
width: 20px;
height: 10px;
}
.timeline-point--container {
> div:hover {
.timeline-item,
.timeline-item-custom {
background: url(https://savameta.com/wp-content/themes/savameta/assets/timeline-hover.png) center center no-repeat;
box-shadow:
-2px -2px 16px 0px rgba(0, 130, 255, 0.2),
2px 2px 16px 0px rgba(165, 65, 255, 0.2);
}
}
}
.triangle-container {
width: 50px;
height: 30px;
z-index: 0;
overflow: hidden;
position: absolute;
}
.triangle-container-custom {
width: 50px;
height: 17px;
z-index: 0;
overflow: hidden;
}
.triangle-custom {
position: absolute;
margin: auto;
top: -25px;
left: 0;
right: 0;
width: 30px;
background-color: #202020;
border-radius: 2px;
height: 30px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
border-right: 1px solid #4faaff;
border-bottom: 1px solid #4faaff;
}
.triangle {
background-color: #202020;
position: absolute;
margin: auto;
top: -25px;
left: 0;
right: 0;
width: 30px;
border-radius: 2px;
height: 30px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
border-right: 1px solid #4faaff;
border-bottom: 1px solid #4faaff;
}
.timeline-content h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 10px;
}
.timeline-content p {
font-size: 0.9rem;
margin-bottom: 10px;
color: #ddd;
}
.timeline-date {
font-size: 0.8rem;
font-weight: bold;
color: #4faaff;
} @media screen and (max-width: 768px) {
.timeline {
flex-direction: column;
}
.timeline-item {
width: 100%;
margin-bottom: 20px;
}
.timeline::before {
display: none;
}
}
.timeline-point {
width: 24px;
height: 24px;
background-color: rgba(255, 255, 255, 0.06);
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.timeline-point > div {
width: 18px;
height: 18px;
background-color: white;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.timeline-point > div > div {
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/color.svg);
width: 12px;
height: 12px;
}
.timeline-line {
width: 100%;
height: 1px;
background: linear-gradient(
270deg,
rgba(232, 230, 230, 0) 0%,
rgba(232, 230, 230, 0.46) 10%,
#e8e6e6 49.67%,
rgba(232, 230, 230, 0.38) 90%,
rgba(232, 230, 230, 0) 100%
);
}
.timeline-point--container {
display: flex;
flex-direction: row;
position: absolute;
width: 100%;
justify-content: center;
z-index: 10;
transform: translateY(-12px);
}
.timeline-top--container {
display: flex;
justify-content: space-around;
margin-bottom: 28px;
}
.timeline-top--container > :nth-child(1) {
position: relative;
left: calc(10% + -12px); }
.timeline-top--container > :nth-child(2) {
position: relative;
left: calc(3% + -12px);
}
#savrse-media {
.video-background {
opacity: 0.6;
}
.video-content {
position: relative;
width: 100%;
height: calc(100vh + 200px); overflow: hidden;
}
.video-content video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; transform: translate(-50%, -50%); }
.video-description {
gap: 0px;
img {
opacity: 0;
transform: translateY(100px);
animation: showText 1s ease forwards;
animation-delay: 1s;
}
p {
margin-top: 92px;
background: rgba(17, 17, 17, 0.16);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
max-width: 700px;
opacity: 0;
transform: translateX(200px);
animation: showText 1s ease forwards;
animation-delay: 3s;
}
}
}
#savrse-media .savrse-page {
margin-top: 200px;
}
#savrse-media .video-description > h3 {
font-weight: 700;
}
.savrse-slideshow {
padding-top: 60px;
margin: 0 auto;
.savrse-business {
margin: 0 auto;
max-width: 1054px;
}
.swiper-slide {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #111;
overflow: auto;
img {
width: 100%;
height: 100%;
border-radius: 24px;
-o-object-fit: cover;
object-fit: cover;
}
}
h5 {
text-align: center;
font-size: 32px;
font-weight: 700;
text-transform: uppercase;
z-index: 999;
color: #fff;
margin-bottom: -50px;
}
> h2 {
font-size: 64px;
font-weight: 700;
line-height: 120%; text-align: center;
margin-bottom: 80px;
strong {
font-size: 80px;
display: block;
color: #0aa5f3;
}
}
}
.img-container {
position: relative;
width: 100%;
height: 100%;
display: block;
padding: 80px;
border-radius: 24px;
background-image: url(//savameta.com/wp-content/images/img-bg.png);
background-position: center center;
background-size: 100%; }
.savrse-slideshow > p {
font-size: 64px;
font-weight: 700;
}
.savrse-bottom-box {
h4 {
font-size: 52px;
font-weight: 700;
text-align: center;
margin: 16px 0 24px;
}
p { font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; color: #8f9bb7;
max-width: 700px;
margin-bottom: 40px;
}
}
.sv-icon-bottom,
.sv-icon-top {
position: absolute;
display: inline-block;
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/icon/savrse-icon-1.svg);
background-repeat: no-repeat;
background-position: center center;
}
.sv-icon-top {
top: -40px;
right: -15px;
width: 214px;
height: 197px;
}
.sv-icon-bottom {
bottom: 0px;
left: 15px;
width: 178px;
height: 127px;
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/icon/savrse-icon-2.svg);
}
.savrse-vr-life {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 160px 0px;
gap: 40px;
background: url(https://savameta.com/wp-content/themes/savameta/assets/savrse-section-bg.png) center center no-repeat;
h3 {
max-width: 1188px;
text-align: center;
opacity: 0;
transform: translateY(150px);
animation: showText 1s ease forwards;
animation-delay: 1s;
}
ul > li:nth-child(1),
ul > li:nth-child(2) {
opacity: 0;
transform: translateY(150px);
animation: showText 1s ease forwards;
animation-delay: 2s;
}
ul > li:nth-child(3),
ul > li:nth-child(4) {
opacity: 0;
transform: translateY(150px);
animation: showText 1s ease forwards;
animation-delay: 3s;
}
ul {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 32px;
li {
padding: 24px;
list-style-type: none;
border-radius: 16px;
background: var(--opacity-6, rgba(255, 255, 255, 0.06));
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
min-height: 174px;
display: flex;
align-items: center;
justify-content: space-between;
background-image: url(https://savameta.com/wp-content/themes/savameta/images/vr-life-bg.png);
background-repeat: no-repeat;
p {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%; text-transform: uppercase;
color: #fff;
}
}
}
}
.savrse-vr-life p {
line-height: 130%;
}
.savrse-business h5 {
line-height: 128% !important;
}
.gtcl-card {
display: flex;
flex-direction: row;
align-items: flex-start;
max-width: 456px;
flex: 1 0 0;
}
.gtcl-card-body {
display: flex;
flex-direction: column;
gap: 16px;
}
.gtcl-card-body > p:nth-child(1) {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
.gtcl-card-body > p:nth-child(2) {
color: var(--COLORS-Neutral-300, #d2d2d2); font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.gtcl-container {
padding: 100px 40px;
display: flex;
flex-direction: column;
gap: 48px;
}
.gtcl-header {
display: flex;
padding: 40px 0px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
}
.gtcl-container > div > h1 {
color: var(--COLORS-Neutral-100, #fff);
text-align: center; font-family: "Space Grotesk";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.gtcl-body {
display: flex;
height: 130px;
padding: 24px 48px;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
background: var(--COLORS-Neutral-1000, #333);
}
.gtcl-body p {
color: var(--COLORS-Neutral-300, #d2d2d2);
text-align: center; font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.gtcl-body h5 {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
.gtcl-icon-container {
display: flex;
width: 100px;
height: 100px;
padding: 20px;
justify-content: center;
align-items: center;
border-radius: 16px;
background: var(--Gradient-3, linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%));
}
.ltsp-container {
padding: 120px 40px 200px 40px;
display: flex;
flex-direction: column;
gap: 40px;
}
.ltsp-container > div:nth-child(1) > div > h1 {
color: var(--COLORS-Neutral-100, #fff);
text-align: center; font-family: "Space Grotesk";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.ltsp-container > div:nth-child(1) > div > h1 > span {
color: var(--COLORS-Secondary-600, #0aa5f3); font-family: "Space Grotesk";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
}
.tnvsm-container {
background: url(https://savameta.com/wp-content/themes/savameta/assets/about-us/sava.svg) no-repeat transparent;
background-position: center;
background-size: cover;
}
.tm-content-container,
.sm-content-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
}
.tm-content-container h1,
.sm-content-container h1 {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.tn-container,
.sm-container {
display: flex;
max-width: 1432px;
align-items: center;
gap: 88px;
align-self: stretch;
}
.tm-image-container,
.sm-image-container {
display: flex;
width: 672px;
padding: 12px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
border-radius: 32px;
border: 1px solid var(--Gradient-3, #1d75bc);
background: var(--opacity-6, rgba(255, 255, 255, 0.06));
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.tn-container-wrapper,
.sm-container-wrapper {
display: flex;
padding: 200px 40px 80px 40px;
align-items: center;
justify-content: center;
gap: 200px;
}
.tm-content-container p,
.sm-content-container p {
color: var(--COLORS-Neutral-300, #d2d2d2); font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; align-self: stretch;
}
.au-banner-container {
display: flex;
align-items: flex-end;
position: relative;
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/about-us/banner.png);
background-size: cover;
background-position: center;
border-radius: 16px;
padding: 135.5px 0;
margin: 24px 40px;
overflow: hidden;
padding: 0px 40px 48px 40px;
height: 805px;
flex-shrink: 0;
}
.au-banner-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 149, 255, 0.12) 30.5%, rgba(202, 17, 255, 0.48) 100%),
linear-gradient(0deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.32));
border-radius: 16px;
z-index: 1;
}
.au-banner-container > * {
position: relative;
z-index: 2;
}
.au-banner {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
gap: 24px;
}
.au-banner > p {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
.au-banner > div {
display: flex;
width: 538px;
max-width: 538px;
padding: 32px;
align-items: center;
gap: 24px;
flex-shrink: 0;
border-radius: 16px;
background: rgba(0, 0, 0, 0.32);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.timeline-content {
display: flex;
height: 100%;
justify-content: space-between;
flex-direction: column;
}
.timeline-date {
display: inline-block; padding: 8px 12px;
color: var(--COLORS-Secondary-500, #2cb3f7);
width: -moz-fit-content;
width: fit-content; font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; gap: 8px;
border-radius: 12px;
background: var(--opacity-primary-14, rgba(44, 179, 247, 0.14));
white-space: nowrap; }
.gtcl-card {
max-height: 160px;
}
.gtcl-card img {
position: relative;
top: -20px;
}
.tnvsm-container {
background-size: 50%;
}
.sava-post-detail,
.career-job-detail {
div,
span,
ul,
p {
margin-bottom: 12px;
}
> div,
> p {
margin-bottom: 40px;
}
h3.wp-block-heading,
h5 {
font-weight: bold;
font-size: 20px;
line-height: 120%;
color: white;
text-transform: none;
margin-bottom: 10px;
}
ul {
font-size: 18px;
line-height: 140%;
color: #b3b3b3;
list-style-type: disc;
padding-left: 30px;
}
}
.benefit-star {
width: 35px !important;
}
.benefits-list img {
-o-object-fit: contain;
object-fit: contain;
}
.blog-menu__title-container > p {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
.blog-menu {
display: flex;
padding: 8px 40px;
align-items: center;
gap: 24px;
align-self: stretch;
}
.blog-menu__tab-container {
display: flex;
align-items: center;
gap: 12px;
flex: 1 0 0;
}
.blog-menu__tab {
display: flex;
height: 42px;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 8px;
flex: 1 0 0;
border-radius: 8px;
background: #2b2b2b;
color: var(--COLORS-Neutral-700, #777); font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.blog-menu__tab:hover {
background: var(
--Gradient-Blue,
linear-gradient(
119deg,
#19dfff -11.41%,
#377eff 33.8%,
#664dff 82.68%,
#c71cff 115.39%
)
);
color: var(--COLORS-Neutral-100, #fff);
text-transform: uppercase;
}
.blog-menu__tab--active {
background: var(
--Gradient-Blue,
linear-gradient(
119deg,
#19dfff -11.41%,
#377eff 33.8%,
#664dff 82.68%,
#c71cff 115.39%
)
);
color: var(--COLORS-Neutral-100, #fff); font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.blog-menu__search-bar {
display: flex;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 8px;
border: 1px solid var(--COLORS-Neutral-400, #bbb);
background: var(--opacity-6, rgba(255, 255, 255, 0.06));
}
.blog-menu__search-input {
color: var(--COLORS-Neutral-500, #9a9a9a);
border: none;
outline: none;
background-color: transparent; font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.blog-news {
display: flex;
padding: 24px;
flex-direction: column;
align-items: center;
gap: 24px;
align-self: stretch;
border-radius: 28px;
background: var(--opacity-6, rgba(255, 255, 255, 0.06));
> .swiper {
width: 100%;
}
}
.blog-news__news-highlight {
overflow: hidden;
cursor: pointer;
position: relative;
height: 593.143px;
width: 100%;
display: flex;
align-items: end;
}
.blog-news__news-highlight > div {
padding: 20px 40px 40px 40px;
z-index: 2;
}
.blog-news__news-highlight::before {
content: "";
bottom: 0 !important;
left: 0;
width: 100%;
height: 30%;
z-index: 1;
position: absolute;
background: linear-gradient(
180deg,
rgba(17, 17, 17, 0) 0%,
rgba(17, 17, 17, 0.4) 59.57%,
#111 112.94%
);
}
.news-highlight__date {
color: var(--COLORS-Neutral-100, #fff);
font-family: "Space Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.news-highlight__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis;
font-family: "Space Grotesk";
font-size: 52px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}
.news-thumbnail__image > img {
height: 119.25px;
width: 212px;
border-radius: 16px;
}
.new-thumbnail__title {
display: -webkit-box;
max-width: 204px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.new-thumbnail__date {
color: var(--COLORS-Neutral-500, #a4a4a4); font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.new-thumbnail__content {
display: flex;
flex-direction: column;
gap: 4px;
}
.blog-news__news-thumbnail {
display: flex;
cursor: pointer;
padding-right: 8px;
align-items: center;
gap: 16px;
transition: transform 0.3s ease, background-color 0.3s ease;
flex: 1 0 0;
}
.blog-news__news-thumbnails {
display: flex;
align-items: center;
gap: 32px;
margin: 0px !important;
align-self: stretch;
width: 100%;
}
.blog-line {
background: var(--COLORS-Neutral-100, #fff);
width: 100%;
height: 1px;
}
.blog-category-title {
display: flex;
padding: 0px 20px;
padding-bottom: 24px;
align-items: center;
gap: 20px;
align-self: stretch;
}
.blog-category-title > p {
display: inline-block; white-space: nowrap; -webkit-box-orient: vertical;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis; font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
.div.blog-featured-news__content
> div
> div.col-span-8
> div
> div:nth-child(1)
> img {
}
div.blog-featured-news__content
> div
> div.col-span-8
> div
> div:nth-child(2)
> div:nth-child(1)
> h5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis; font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
div.blog-featured-news__content
> div
> div.col-span-8
> div
> div:nth-child(2)
> div:nth-child(1)
> span {
color: var(--COLORS-Neutral-500, #a4a4a4); font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
div.blog-featured-news__content
> div
> div.col-span-8
> div
> div:nth-child(2)
> div:nth-child(1)
> p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-300, #d2d2d2);
text-overflow: ellipsis; font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.blog-btn-default {
display: flex;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
background: var(--COLORS-Neutral-1000, #333);
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
color: var(--COLORS-Neutral-100, #fff);
text-align: center; font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; text-transform: uppercase;
}
.blog-btn-default:hover span {
background: var(
--Gradient-3,
linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%)
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.blog-featured-news__content-item > div > p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
max-width: 284px;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.blog-featured-news__content-item > div > span {
color: var(--COLORS-Neutral-500, #a4a4a4); font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.blog-featured-news__content-item {
cursor: pointer;
display: flex;
padding-right: 8px;
align-items: center;
gap: 16px;
flex: 1 0 0;
align-self: stretch;
}
.blog-featured-news__content-items {
display: flex;
max-width: 456px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
align-self: stretch;
}
.blog-featured-news__content-second-row > p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: #d9d9d9;
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.blog-featured-news__content-second-row > span {
color: var(--COLORS-Neutral-500, #a4a4a4); font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.blog-featured-news__content-second-row-container {
width: 456px;
display: flex;
flex-direction: column;
gap: 20px;
}
.blog-other-news__card {
display: flex;
width: 456px;
min-width: 456px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.blog-other-news__card-image > img {
border-radius: 16px;
}
.blog-other-news__card-content {
display: flex;
flex-direction: column;
gap: 4px;
padding: 12px;
}
.blog-other-news__card-content > h5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: #fff;
text-overflow: ellipsis; font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 128%; text-transform: uppercase;
}
.blog-other-news__card-content > span {
color: var(--COLORS-Neutral-500, #a4a4a4); font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.blog-other-news__card-content > p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-300, #d2d2d2);
text-overflow: ellipsis; font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.blog-other-news__content {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 27px; }
.blog-other-news__card-image img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
} @media (max-width: 1024px) {
.blog-other-news__content {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.blog-other-news__content {
grid-template-columns: 1fr; }
}
.media-content-card {
display: flex;
min-width: 588px;
padding-right: 8px;
align-items: center;
gap: 16px;
flex: 1 0 0;
}
.media-content-card-image > img {
border-radius: 16px;
display: flex;
width: 278px;
overflow: hidden;
height: 156.375px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
flex-shrink: 0;
align-self: stretch;
}
.media-content-card-content > h5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis;
width: 390px; font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 128%; text-transform: uppercase;
}
.media-content-card-content > span {
color: var(--COLORS-Neutral-500, #a4a4a4); font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.media-content {
display: flex;
flex-wrap: wrap; gap: 48px; }
.media-content-card {
flex: 1 1 calc(50% - 24px); max-width: calc(
50% - 24px
); box-sizing: border-box; }
@media (max-width: 768px) {
.media-content-card {
flex: 1 1 100%; max-width: 100%;
}
}
.blog-news-container {
padding-bottom: 40px;
}
.blog-featured-news,
.blog-other-news {
padding-bottom: 100px;
}
.blog-menu-container {
padding-top: 40px;
padding-bottom: 24px;
}
.media {
padding-bottom: 120px;
}
.blog-news-container,
.blog-news,
.blog-featured-news,
.blog-other-news,
.media {
max-width: 1406px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.blog-featured-news {
padding-top: 40px;
}
.blog-news__news-control {
position: absolute;
width: 100%;
transform: translateY(-5rem);
padding: 0px 20px 0px 20px;
z-index: 1;
}
.blog-news__news-control div {
display: flex;
width: 48px;
height: 48px;
padding: 6px;
justify-content: center;
align-items: center;
position: absolute;
border-radius: 100%;
background: rgba(255, 255, 255, 0.06);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
}
.blog-news__news-control div:nth-child(1) {
float: left;
}
.blog-news__news-control div:nth-child(2) {
right: 0;
}
.blog-news__news-thumbnail:hover {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 16px;
}
.news-thumbnail__image img {
transition: transform 0.3s ease;
}
.news-thumbnail__image {
overflow: hidden;
border-radius: 16px;
}
.blog-news__news-thumbnail:hover img {
transform: scale(1.05);
}
.blog-featured-news__content-item:hover {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 16px;
}
.blog-featured-news__content-item {
transition: transform 0.3s ease, background-color 0.3s ease;
}
.blog-featured-news__content-item,
.blog-news__news-thumbnail {
border-radius: 16px;
}
.blog-featured-news__content-item div:nth-child(1) {
overflow: hidden;
border-radius: 16px;
}
.blog-featured-news__content-item,
.blog-featured-news__content-second-row-container img {
transition: transform 0.3s ease;
}
.blog-featured-news__content-item img {
transition: transform 0.3s ease, background-color 0.3s ease;
}
.blog-featured-news__content-item:hover img {
transform: scale(1.05);
}
.blog-featured-news__content-second-row-container:hover img {
transform: scale(1.05);
}
.blog-featured-news__content-second-row-container {
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
border-radius: 16px;
}
.blog-featured-news__content-second-row-container:hover {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 16px;
}
.blog-featured-news__content-second-row {
padding: 8px 12px;
}
.blog-featured-news__content-second-row-container div:nth-child(1) {
overflow: hidden;
border-radius: 16px;
}
.blog-other-news__card {
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
border-radius: 16px;
}
.blog-other-news__card:hover {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 16px;
}
.blog-other-news__card-image {
height: 256.5px;
width: 100%;
overflow: hidden;
border-radius: 16px;
}
.blog-other-news__card-image img {
height: inherit;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.blog-other-news__card:hover img {
transform: scale(1.05);
}
.media-content-card {
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
border-radius: 16px;
}
.media-content-card:hover {
background-color: rgba(255, 255, 255, 0.06);
}
.media-content-card:hover img {
transform: scale(1.05);
}
.media-content-card-image {
overflow: hidden;
height: 156.375px;
width: 100%;
border-radius: 16px;
}
.media-content-card-image img {
height: inherit;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.blog-featured-news__content-second-row-container:hover p {
background: var(
--Gradient-3,
linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%)
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.blog-other-news__card:hover h5,
.media-content-card:hover h5,
.blog-featured-news__content-item:hover p,
.blog-news__news-thumbnail:hover .new-thumbnail__title {
background: var(
--Gradient-3,
linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%)
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.mySwiper2Blog {
margin-top: 0px !important;
border-radius: 10px;
}
.mySwiperBlog .swiper-slide-thumb-active {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 16px;
}
.blog-detail__control,
.blog-detail__main,
.blog-detail__related-posts {
padding: 0px 40px 0px 40px;
}
.blog-detail__control {
padding-top: 40px;
padding-bottom: 40px;
}
.blog-detail__control button span {
color: var(--COLORS-Neutral-100, #fff);
text-align: center; font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; text-transform: uppercase;
}
.blog-detail__control button {
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
background: var(--COLORS-Neutral-1000, #333);
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
}
.breadcrumbs > ul > li + *:before,
.breadcrumbs > ol > li + *:before {
content: "/";
margin-left: 0.5rem;
margin-right: 0.75rem;
display: inline-block;
opacity: 0.6; color: currentColor; background-color: transparent; }
.breadcrumbs ul li:hover a {
background: var(
--Gradient-3,
linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%)
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.blog-detail__control {
display: inline-flex;
display: flex;
align-items: center;
gap: 24px;
flex: 1 0 0;
}
.blog-detail__control .breadcrumbs ul {
color: var(--COLORS-Neutral-600, #8e8e8e);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
display: -webkit-box; -webkit-box-orient: horizontal; -webkit-line-clamp: 1; overflow: hidden; }
.blog-detail__control .breadcrumbs ul li {
white-space: nowrap; text-overflow: ellipsis; }
.blog-detail__control .breadcrumbs ul li.active {
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis;
font-size: 18px;
font-style: normal;
font-weight: 700;
}
.blog-detail__title {
color: var(--COLORS-Neutral-100, #fff); font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 130%; text-transform: uppercase;
}
.blog-detail__date {
display: flex;
margin-top: 16px;
justify-content: flex-end;
align-items: end;
gap: 10px;
}
.blog-detail__thumbnail {
margin-top: 32px;
margin-bottom: 32px;
height: 458px;
overflow: hidden;
border-radius: 16px;
}
.blog-detail__thumbnail img {
-o-object-fit: contain;
object-fit: contain;
}
.blog-detail__share {
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
border-radius: 12px;
background: rgba(82, 82, 82, 0.4);
}
.blog-detail__share a {
display: flex;
width: 64px;
height: 64px;
justify-content: center;
align-items: center;
}
.blog-detail__content-detail {
width: 100%;
display: flex;
padding: 40px;
flex-direction: column;
gap: 40px;
align-self: stretch;
border-radius: 20px;
background: #1f1f1f;
}
.blog-detail__content {
display: flex;
gap: 32px;
flex-direction: row;
}
.blog-detail__content-footer-content {
display: flex;
padding: 4px 12px;
gap: 16px;
margin: 48px 0px 48px 0px;
border-left: 4px solid var(--Gradient-Purple-glue, #4e28f8);
}
.blog-detail__content-footer-content p {
color: var(--COLORS-Neutral-500, #a4a4a4); font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.blog-detail__content-footer-content span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
flex: 1 0 0;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 160%; text-transform: uppercase;
}
.blog-detail__content-footer-chips {
display: flex;
align-items: center;
align-content: center;
gap: 8px;
align-self: stretch;
flex-wrap: wrap;
}
.blog-detail__content-footer-chip {
display: inline-flex;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 9999px;
border: 1px solid var(--COLORS-Neutral-900, #4a4a4a);
background: var(--opacity-6, rgba(255, 255, 255, 0.06));
}
.blog-detail__main {
padding-bottom: 40px;
}
.blog-detail__related-posts {
padding-top: 40px;
padding-bottom: 120px;
}
.related-posts__card-thumbnail {
border-radius: 16px;
overflow: hidden;
height: 187.875px;
}
.related-posts__card {
display: inline-flex;
flex-direction: column;
width: 334px;
}
.related-posts__card-thumbnail img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: inherit;
}
.related-posts__card-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: #fff;
text-overflow: ellipsis; font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.related-posts__card-date {
color: #a4a4a4; font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.related-posts__card-content {
padding: 12px;
display: flex;
flex-direction: column;
gap: 4px;
}
.related-posts__cards {
display: flex;
justify-content: space-between;
margin-top: 24px;
}
.blog-detail__another-blogs__title {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
.blog-detail__another-blogs {
display: flex;
flex-direction: column;
gap: 32px;
}
.blog-detail__another-blogs__card-image {
height: 119.25px;
width: 212px;
overflow: hidden;
}
.blog-detail__another-blogs__card-image img {
height: inherit;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
}
.blog-detail__another-blogs__card-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis; font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.blog-detail__another-blogs__card-date {
color: var(--COLORS-Neutral-500, #a4a4a4); font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.blog-detail__another-blogs__card {
display: flex;
height: 119.25px;
padding-right: 8px;
align-items: center;
gap: 16px;
align-self: stretch;
}
.blog-detail__another-blogs__cards {
display: flex;
flex-direction: column;
gap: 20px;
}
.blog-detail__main-container,
.blog-detail__related-posts-container {
max-width: 1512px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.blog-detail__control button:hover i,
.blog-detail__control button:hover span,
.related-posts__card:hover .related-posts__card-title,
.blog-detail__another-blogs__card:hover .blog-detail__another-blogs__card-title,
.blog-detail__content-footer-content span:hover a {
background: var(
--Gradient-3,
linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%)
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.blog-detail__another-blogs__card-image img,
.related-posts__card-thumbnail img {
transition: transform 0.3s ease, background-color 0.3s ease;
}
.blog-detail__another-blogs__card-image,
.related-posts__card-thumbnail {
overflow: hidden;
border-radius: 16px;
}
.blog-detail__another-blogs__card,
.related-posts__card {
cursor: pointer;
border-radius: 16px;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.blog-detail__another-blogs__card:hover,
.related-posts__card:hover {
background-color: rgba(255, 255, 255, 0.06);
border-radius: 16px;
}
.blog-detail__another-blogs__card:hover img,
.related-posts__card:hover img {
transform: scale(1.05);
}
.blog-detail__content {
position: relative;
}
.blog-detail__share {
position: sticky;
top: 100px;
}
.breadcrumbs {
display: flex;
align-items: center;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
}
.breadcrumbs > span {
color: var(--COLORS-Neutral-600, #8e8e8e);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-transform: uppercase;
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumbs span + span:before {
content: "/";
margin-left: 0.5rem;
margin-right: 0.75rem;
display: inline-block;
opacity: 0.6;
color: currentColor;
}
.breadcrumbs span a:hover {
background: linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-decoration: none;
}
.breadcrumbs span.breadcrumb_last {
color: var(--COLORS-Neutral-100, #fff);
font-weight: 700;
max-width: 50%;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 767px) {
#main,
#savrse-media {
overflow: hidden !important;
}
.sava-contact__modal-box {
width: 100% !important;
}
.home-game-studio__image {
height: 336px !important;
}
.video-background {
height: 448px;
-o-object-fit: cover;
object-fit: cover;
}
body.sava-event-page {
background-position: center 15rem !important;
}
.contact-body__map {
height: 192.93px !important;
}
.contact-body {
flex-direction: column !important;
padding: 40px 16px 64px 16px !important;
gap: 24px !important;
}
.contact-body__info {
width: 100% !important;
}
.other-news-events__item {
display: flex;
flex-direction: column;
}
.other-news-events__item-image {
max-width: 100% !important;
height: 192px !important;
}
.other-news-events__item {
flex: 100% !important;
}
.other-news-events {
padding: 24px 16px 24px 16px !important;
}
.events-container {
max-width: 767px !important;
}
.highlighted-events {
padding: 24px 16px 24px 16px !important;
}
.highlighted-events-items {
display: flex;
flex-direction: column !important;
}
.highlighted-events-item__image-container {
display: block !important;
flex: none !important;
height: 189px !important;
width: 100%;
}
.highlighted-events-item {
display: flex !important;
flex-direction: column !important;
}
.highlighted-events-item__image-container {
height: 189px;
}
.highlighted-events-item {
flex-direction: column;
}
.main-events__item {
width: 315px !important;
height: 177px !important;
}
.main-events {
padding: 0px !important;
}
.main-events__item > div {
padding-left: 12px !important;
padding-bottom: 12px !important;
max-width: 291px;
}
.main-events__item h1 {
font-size: 18px !important;
}
.event-detail__content-detail {
padding: 20px 16px 20px 16px !important;
gap: 20px !important;
}
.blog-detail__control .breadcrumbs ul,
.blog-detail__control .breadcrumbs ul li.active {
font-size: 14px !important;
}
.blog-detail__control {
flex-direction: column;
align-items: start;
padding: 20px 16px 20px 16px;
}
.event-detail__content-detail h1 {
font-size: 18px !important;
}
.event-detail__content-detail p {
font-size: 14px !important;
}
.blog-detail__content-footer-content {
flex-direction: column;
}
.highlighted-events-item__body-container > a {
width: 100% !important;
}
.highlighted-events-item__body-container button {
width: inherit !important;
}
.related-posts__card {
width: 100%;
}
.related-posts__cards {
flex-wrap: wrap;
gap: 24px;
}
.blog-detail__related-posts {
padding-left: 16px;
padding-right: 16px;
}
.blog-detail__content-footer-content span {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis;
flex: content; font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.blog-detail__content {
display: block;
margin-top: 10rem;
padding: 20px 16px 20px 16px;
}
.event-detail__header-body {
flex-direction: column;
padding-left: 16px;
padding-right: 16px;
}
.event-detail__header-body-content {
width: 100% !important;
min-width: auto !important;
max-width: none !important;
}
.blog-detail__share {
display: none;
}
.event-detail__header-body-image {
width: 100% !important;
z-index: 1;
height: 184.5px !important;
}
.event-detail__header-body h1 {
font-size: 24px !important;
}
.header-sticky .logo-short {
max-width: 38px;
margin: 4px 0 0 4px;
} .nav-logo .logo-full {
top: -6px;
left: -6px;
max-width: 130px;
}
.sava-navbar-container {
padding-left: 16px;
padding-right: 16px;
}
footer > div {
padding: 80px 16px 24px 16px;
}
#slideshow {
margin: 24px 16px;
}
.swiper-3d .swiper-cube-shadow img,
.swiper-3d .swiper-slide img {
height: 195px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 13px;
}
footer > div > div {
grid-column: span 12 / span 12 !important;
}
footer > div > div.mobile {
display: none !important;
}
.header-subtitle {
font-size: 14px !important;
}
.header-title,
.header-title_small {
font-size: 32px !important;
}
h2 {
font-size: 56px !important;
}
h5 {
font-size: 18px !important;
}
.savrse-section {
padding: 60px 16px;
gap: 56px;
.savrse-list {
gap: 56px;
> div {
flex-direction: column;
gap: 16px;
}
}
}
.sava-home-top {
margin-top: 16px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 40px;
flex-direction: column;
.header-title {
font-size: 32px !important;
margin-bottom: 14px;
}
.header-description {
flex-direction: column;
padding: 16px 20px 20px 20px;
}
.btn-readmore {
width: 100%;
}
}
.savrse-list {
img {
height: 268px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-game-studio {
padding: 60px 16px;
.game-list {
margin-top: 48px;
flex-direction: column;
gap: 64px;
> div {
gap: 12px;
> div > div.rounded-full {
margin-top: 12px;
}
}
}
img {
height: 336px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-news {
padding: 80px 16px;
> div:has(.btn-readmore) {
margin-top: 40px;
}
> div:not(:has(.btn-readmore)) {
margin-top: 40px;
flex-direction: column;
gap: 48px;
}
img {
height: 224px;
-o-object-fit: cover;
object-fit: cover;
}
}
.sava-home-top h2,
.home-game-studio h2,
.home-news h4 {
font-size: 48px !important;
}
.team-slideshow .item > div,
.team-slideshow .item > img {
border-radius: 12px;
}
.swiper-slide img {
border-radius: 13.5px;
}
.btn-gradient,
.btn-readmore {
width: 100%;
}
.savrse-vr-life {
padding: 64px 16px;
h3 {
font-size: 32px;
}
ul {
display: flex;
flex-direction: column;
gap: 16px;
li {
padding: 16px;
img {
max-height: 126px;
}
}
}
}
.savrse-slideshow {
padding: 60px 40px;
.swiper-slide {
width: 100%;
h5 {
max-width: 90%;
margin-bottom: 32px;
text-wrap: wrap;
}
.img-container {
padding: 30px;
}
img {
width: 100%;
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
}
}
#savrse-media {
.video-description {
img {
max-height: 60px;
}
}
}
#savrse-media .video-description > h3 {
font-size: 32px;
}
.savrse-bottom-box {
padding: 24px;
margin: 64px 16px;
.sv-icon-bottom,
.sv-icon-top {
display: none;
}
.btn-readmore {
height: 64px;
}
h4 {
font-size: 24px;
}
p {
font-size: 14px;
}
}
#savrse-media {
.video-content {
height: 100vh;
}
.video-description {
h3 {
font-size: 32px;
}
p {
margin-top: 32px;
padding: 16px;
}
img {
max-height: 60px;
}
}
}
#game-media {
height: auto;
}
#game-media .video-description {
gap: 16px;
justify-content: flex-start;
padding-top: 120px;
> h3 {
font-size: 32px;
margin: 0 16px;
}
p {
padding: 16px;
margin-left: 16px;
margin-right: 16px;
font-size: 14px;
}
}
.game-page > section > div > h5 {
font-size: 20px !important;
}
.game-page > section > div {
padding: 48px 16px;
gap: 24px;
}
.game-page > section:first-child > div {
padding-top: 64px;
}
.navigation-box.game-bottom-box {
margin: 48px 16px !important;
.btn-readmore {
height: 56px !important;
}
}
.navigation-box.game-bottom-box > p {
font-size: 24px;
}
.game-page > section > div > p {
font-size: 14px;
}
.au-banner-container {
height: -moz-fit-content;
height: fit-content;
padding: 16px;
margin: 16px;
}
.au-banner {
flex-direction: column;
justify-content: flex-start;
> p {
font-size: 32px !important;
width: 100%;
}
> div {
width: 100%;
max-width: 100%;
padding: 16px;
border-radius: 16px;
background: rgba(0, 0, 0, 0.32);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
font-size: 14px;
}
}
.tn-container,
.sm-container {
flex-direction: column;
gap: 40px;
}
.tn-container {
flex-direction: column-reverse;
}
.tm-content-container,
.sm-content-container {
align-items: center;
justify-content: center;
text-align: center;
h1 {
font-size: 32px;
}
}
.gtcl-container > div > h1 {
font-size: 32px;
padding: 0;
}
.timeline-content h2 {
font-size: 20px !important;
}
.ltsp-container > div:nth-child(1) > div > h1 {
font-size: 52px;
}
.gtcl-card-body > p {
font-size: 20px;
}
.tn-container-wrapper {
padding-top: 80px;
padding-bottom: 40px;
}
.sm-container-wrapper {
padding-top: 40px;
padding-bottom: 80px;
}
.ltsp-container {
padding: 80px 24px;
}
.gtcl-container {
padding: 80px 16px;
}
.gtcl-container > .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.gtcl-card img {
top: -12px;
width: 110px;
}
.tn-container-wrapper,
.sm-container-wrapper {
padding: 80px 16px;
}
.timeline-box {
height: initial;
margin-top: 30px;
}
.timeline-point--container {
position: relative;
flex-direction: column;
gap: 32px;
padding-left: 30px;
border-left: 1px solid #9d9ea2;
> div {
top: initial;
left: initial;
right: initial;
.triangle-container-custom,
.triangle-container {
position: absolute;
top: 20px !important;
left: -38px !important;
overflow: auto;
transform: rotate(-270deg) !important;
z-index: 2;
.triangle-custom,
.triangle {
border-top: 1px solid transparent;
border-bottom: 1px solid #4faaff;
border-right: 1px solid #4faaff;
}
}
.triangle-container-custom {
top: 26px !important;
left: -32px !important;
}
div.inline-block:has(.timeline-point) {
position: absolute;
top: 20px;
left: -57px;
}
}
.timeline-item,
.timeline-item-custom {
width: 350px;
height: 216px;
}
}
.careers-page {
.gradient-overlay {
display: flex;
justify-content: center;
flex-direction: column;
margin: 24px 16px 0px 16px;
height: 300px;
padding: 24px;
line-height: 110%;
> div {
font-size: 24px;
line-height: 110%;
}
> p {
font-size: 14px;
line-height: 140%;
}
}
.career-list {
> div {
padding: 20px;
}
.hot-box {
font-size: 12px;
}
}
.careers-jobs-list {
padding: 48px 16px;
margin: 0px;
flex-direction: column;
grid-template-columns: repeat(1, minmax(0, 1fr));
> div {
grid-column: auto;
.overflow-hidden > img {
border-radius: 12px;
}
}
a:not(:has(.btn-gradient)) {
font-size: 18px;
}
.career-des {
font-size: 14px;
margin-top: 13px;
}
.career-bottom {
flex-direction: column;
div {
font-size: 14px;
}
div:not(.btn-gradient) {
display: flex;
justify-content: space-between;
width: 100%;
white-space: nowrap;
}
.divider {
width: 1px !important;
}
.btn-gradient {
margin-top: 12px;
display: block;
width: 100%;
text-align: center;
}
}
}
}
.category-list-tags {
display: flex;
gap: 12px;
> div,
a {
font-size: 16px;
}
}
.career-detail-page {
padding: 16px 16px 80px 16px;
margin: 0px;
.career-detail-content {
display: flex;
flex-direction: column;
gap: 64px;
}
.sava-career-detail__title {
font-size: 32px;
}
.btn-gradient,
.sava-now-hiring-info {
white-space: nowrap;
width: 100%;
}
.sava-career-info {
flex-direction: column;
}
.sava-job-title {
font-size: 14px;
}
.sava-large-card {
padding: 30px 20px;
> div:first-child {
margin-top: 0px;
padding-top: 0px;
}
}
.sava-card {
padding: 20px;
}
.sava-social-list {
width: 100%;
margin-top: 10px;
}
.sava-now-hiring-title {
font-size: 20px;
}
.sava-now-hiring-description {
font-size: 14px;
}
.sava-now-hiring-card-footer {
flex-direction: column;
div:has(.btn-gradient) {
width: 100%;
}
.btn-gradient {
margin-top: 12px;
width: 100%;
}
}
}
.sava-post-detail,
.career-job-detail {
div,
span,
ul,
p {
margin-bottom: 12px;
font-size: 14px;
}
> div,
> p {
margin-bottom: 32px;
}
h5 {
font-weight: bold;
font-size: 20px;
line-height: 120%;
color: white;
text-transform: none;
margin-bottom: 10px;
}
ul {
font-size: 14px;
line-height: 140%;
color: #b3b3b3;
list-style-type: disc;
padding-left: 30px;
}
}
#slideshow {
.swiper {
margin-top: 24px;
}
.swiper-slide img {
height: 195px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 13.5px;
}
}
.blog-news-container {
display: none;
padding-left: 16px;
padding-right: 16px;
}
.blog-news,
.blog-news__news-highlight {
border-radius: 24px;
}
.blog-featured-news {
padding: 24px 16px 64px 16px;
}
.blog-news__news-highlight {
height: 360px;
}
.blog-news__news-thumbnail {
display: flex;
flex-direction: column;
gap: 0;
padding-right: 0px;
.news-thumbnail__image,
img {
width: 100%;
border-radius: 12px;
}
img {
height: 205px;
-o-object-fit: cover;
object-fit: cover;
}
.new-thumbnail__content {
margin-top: 16px;
width: 100%;
text-align: left;
}
}
.blog-featured-news__content {
> div {
gap: 32px;
&.box-1 {
p {
font-size: 14px !important;
}
> .col-span-8 {
grid-column: span 12 / span 12;
img {
height: 194px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 24px;
}
> div {
display: flex;
flex-direction: column;
gap: 24px;
> div {
width: 100%;
max-width: 100%;
> div {
width: 100%;
max-width: 100%;
p {
margin-bottom: 24px;
font-size: 14px;
}
}
img {
width: 100%;
height: 194px;
-o-object-fit: cover;
object-fit: cover;
}
}
}
}
> .col-span-4 {
display: none;
}
}
&.box-2 {
grid-template-columns: repeat(12, minmax(0, 1fr));
> div {
grid-column: span 12 / span 12;
img {
width: 100%;
height: 194px;
-o-object-fit: cover;
object-fit: cover;
}
}
}
}
.blog-featured-news__content-second-row-container {
width: 100%;
}
}
.blog-other-news__card {
min-width: auto;
}
.blog-other-news__card-image {
width: 100%;
height: 192px;
}
.blog-other-news__card-content,
.blog-featured-news__content-second-row {
padding-left: 0px;
p {
font-size: 14px;
}
}
.blog-featured-news__content-second-row,
.blog-other-news__card-content {
padding: 0px;
}
.blog-other-news__content {
grid-template-columns: repeat(1, 1fr);
gap: 32px;
> div {
width: 100%;
img {
width: 100%;
height: 194px;
-o-object-fit: cover;
object-fit: cover;
}
}
}
.media,
.blog-other-news {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 20px;
}
.media {
padding-bottom: 64px;
.media-content {
margin-top: 24px;
grid-template-columns: repeat(1, 1fr);
gap: 24px;
display: flex;
flex-direction: column;
> div {
width: 100%;
flex: 1 1 100%;
min-width: auto;
max-width: 100%;
display: flex;
flex-direction: column;
.media-content-card-image {
width: 100%;
img {
width: 100%;
height: 194px;
-o-object-fit: cover;
object-fit: cover;
}
}
.media-content-card-content {
width: 100%;
h5 {
width: auto;
}
}
}
}
}
.blog-menu {
position: relative;
min-height: 55px;
padding: 40px 16px 20px 16px;
gap: 16px;
align-items: flex-start;
}
.blog-menu__tab {
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
font-size: 14px;
&:first-child {
max-width: 100px;
}
}
.blog-menu-container {
padding-bottom: 50px;
.w-\[1px\] {
display: none;
}
}
.blog-menu__search-bar {
position: absolute;
bottom: -40px;
left: 16px;
width: calc(100% - 32px);
justify-content: flex-start;
padding-left: 15px;
padding-right: 16px;
}
.blog-menu__tab-container {
overflow-x: auto;
}
.blog-menu__title-container {
font-size: 32px;
position: absolute;
top: -10px;
left: 16px;
> p {
font-size: 32px;
}
}
.blog-menu__title-container + div {
display: none;
}
.blog-category-title {
padding: 0px;
margin-bottom: 24px;
> p {
font-size: 24px;
}
}
.header-description,
.sava-homepage_headline .header-title,
.sava-homepage_headline .header-subtitle {
opacity: 1;
transform: none;
animation: none;
}
.elementor-button,
.elementor-button-link {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.breadcrumbs {
width: 60%;
}
body.sava-event-page {
background-position: center 6% !important;
}
.highlighted-events-item {
min-width: 525px !important;
flex: auto !important;
}
.contact-body__info {
width: 62% !important;
}
.other-news-events__item {
flex: 0 1 100% !important; }
.highlighted-events-item__image-container {
height: 189px !important;
}
.main-events__item {
width: 632px !important;
height: 355px !important;
}
.main-events__item h1 {
font-size: 32px !important;
}
.header-sticky .logo-short {
max-width: 55px;
margin: 0px;
}
.home-game-studio__image {
height: 336px !important;
} .nav-logo .logo-full {
top: -10px;
left: -10px;
max-width: 160px;
}
.sava-navbar-container {
padding-left: 24px;
padding-right: 24px;
}
footer > div {
padding: 100px 24px 64px 24px;
}
#slideshow {
margin: 40px 54px 75px 54px;
}
.swiper-3d .swiper-cube-shadow img,
.swiper-3d .swiper-slide img {
height: 371px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 26px;
}
footer > div > div {
grid-column: span 6 / span 6 !important;
}
.swiper {
margin-top: 40px;
}
.sava-homepage_headline .header-subtitle {
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.sava-homepage_headline .header-title_small {
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.sava-homepage_headline .header-title {
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
h2 {
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
}
h5 {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.savrse-section {
padding: 80px 24px;
gap: 64px;
.savrse-list {
gap: 64px;
}
}
.sava-homepage_headline .header-subtitle {
font-size: 20px;
}
.home-news {
> div:not(:has(.btn-readmore)) {
gap: 24px;
}
}
.team-slideshow .item > div,
.team-slideshow .item > img {
border-radius: 16px;
}
#slideshow {
padding-bottom: 78px;
.swiper-slide img {
height: 371px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 24px;
}
}
.swiper-slide img {
border-radius: 26px;
}
.savrse-vr-life {
padding: 100px 40px;
ul {
display: flex;
flex-direction: column;
li {
padding: 16px;
img {
max-height: 126px;
}
}
}
}
.savrse-slideshow {
padding: 100px 40px;
h5 {
max-width: 90%;
margin-bottom: 32px;
}
.swiper-slide {
margin-left: 20px;
margin-right: 20px;
.img-container {
padding: 35px;
}
}
img {
border-radius: 24px;
}
}
#savrse-media {
& .video-description {
img {
max-height: 124px;
}
}
}
#savrse-media .video-description > h3 {
font-size: 64px;
}
.savrse-bottom-box {
padding-left: 40px;
padding-right: 40px;
margin: 80px 40px;
}
#savrse-media .video-description > h3 {
font-size: 80px;
}
#savrse-media {
.video-content {
height: 100vh;
}
.video-description {
p {
margin-top: 32px;
}
}
}
#game-media .video-description {
gap: 40px;
> h3 {
font-size: 48px;
max-width: 660px;
}
}
.game-page > section > div > h5 {
font-size: 32px;
}
.game-page > section > div {
padding: 64px 40px;
gap: 24px;
}
.game-page > section:first-child > div {
padding-top: 80px;
}
.navigation-box.game-bottom-box {
margin-left: 40px;
margin-right: 40px;
}
.navigation-box.game-bottom-box > p {
font-size: 52px;
max-width: 800px;
}
.au-banner-container {
height: 405px;
}
.au-banner {
flex-direction: column;
justify-content: flex-start;
> p {
font-size: 48px;
width: 100%;
}
> div {
width: 100%;
max-width: 100%;
padding: 24px;
border-radius: 16px;
background: rgba(0, 0, 0, 0.32);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
font-size: 14px;
}
}
.tn-container,
.sm-container {
flex-direction: column;
gap: 40px;
}
.tn-container {
flex-direction: column-reverse;
}
.tm-content-container,
.sm-content-container {
align-items: center;
justify-content: center;
text-align: center;
}
.tn-container-wrapper {
padding-top: 80px;
padding-bottom: 40px;
}
.sm-container-wrapper {
padding-top: 40px;
padding-bottom: 80px;
}
.ltsp-container {
padding: 80px 24px;
}
.gtcl-container > .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.timeline-box {
height: initial;
margin-top: 30px;
}
.timeline-point--container {
position: relative;
flex-direction: column;
margin-left: calc(-361px / 2 - 150px);
gap: 32px;
padding-left: 50px;
border-left: 1px solid #9d9ea2;
> div {
top: initial;
left: initial;
right: initial;
.triangle-container-custom,
.triangle-container {
position: absolute;
top: 20px !important;
left: -38px !important;
overflow: auto;
transform: rotate(-270deg) !important;
z-index: 2;
.triangle-custom,
.triangle {
border-top: 1px solid transparent;
border-bottom: 1px solid #4faaff;
border-right: 1px solid #4faaff;
}
}
.triangle-container-custom {
top: 26px !important;
left: -32px !important;
}
div.inline-block:has(.timeline-point) {
position: absolute;
top: 20px;
left: -79px;
}
}
}
.careers-page {
.gradient-overlay {
display: flex;
justify-content: center;
flex-direction: column;
margin: 24px 40px 0px 40px;
min-height: 380px;
padding: 48px 35px;
line-height: 110%;
> div {
font-size: 48px;
line-height: 110%;
}
> p {
font-size: 16px;
line-height: 140%;
}
}
.careers-jobs-list {
padding: 64px 40px;
margin: 0px;
flex-direction: column;
grid-template-columns: repeat(1, minmax(0, 1fr));
> div {
grid-column: auto;
.overflow-hidden > img {
border-radius: 12px;
}
}
}
}
.career-detail-page {
padding: 40px 40px 100px 40px;
margin: 0px;
.career-detail-content {
display: flex;
flex-direction: column;
gap: 64px;
}
.sava-career-detail__title {
font-size: 48px;
}
.btn-gradient,
.sava-now-hiring-info {
white-space: nowrap;
}
}
.sava-post-detail,
.career-job-detail {
div,
span,
ul,
p {
margin-bottom: 12px;
}
> div,
> p {
margin-bottom: 32px;
}
h5 {
font-weight: bold;
font-size: 20px;
line-height: 120%;
color: white;
text-transform: none;
margin-bottom: 10px;
}
ul {
font-size: 18px;
line-height: 140%;
color: #b3b3b3;
list-style-type: disc;
padding-left: 30px;
}
}
#slideshow {
.swiper {
margin-top: 40px;
}
}
.savrse-list {
img {
height: 268px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-game-studio {
img {
height: 336px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-news {
img {
height: 224px;
-o-object-fit: cover;
object-fit: cover;
}
}
.blog-news-container {
padding-left: 40px;
padding-right: 40px;
}
.blog-news,
.blog-news__news-highlight {
border-radius: 24px;
}
.blog-featured-news {
padding: 40px 40px 64px 40px;
}
.blog-news__news-highlight {
height: 360px;
}
.blog-news__news-thumbnail {
display: flex;
flex-direction: column;
gap: 0;
padding-right: 0px;
.news-thumbnail__image,
img {
width: 100%;
border-radius: 12px;
}
img {
height: 205px;
-o-object-fit: cover;
object-fit: cover;
}
.new-thumbnail__content {
margin-top: 16px;
width: 100%;
text-align: left;
}
}
.blog-featured-news__content {
> div {
gap: 32px;
&.box-1 {
> .col-span-8 {
grid-column: span 12 / span 12;
img {
height: 298px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 24px;
}
> div {
display: flex;
flex-direction: column;
gap: 24px;
> div {
width: 100%;
max-width: 100%;
> div {
width: 100%;
max-width: 100%;
p {
margin-bottom: 24px;
}
}
img {
width: 100%;
height: 387px;
-o-object-fit: cover;
object-fit: cover;
}
}
}
}
> .col-span-4 {
display: none;
}
}
&.box-2 {
grid-template-columns: repeat(12, minmax(0, 1fr));
> div {
grid-column: span 12 / span 12;
img {
width: 100%;
height: 387px;
-o-object-fit: cover;
object-fit: cover;
}
}
}
}
.blog-featured-news__content-second-row-container {
width: 100%;
}
}
.blog-other-news__card-image {
width: 100%;
}
.blog-other-news__card-content,
.blog-featured-news__content-second-row {
padding-left: 0px;
}
.blog-other-news__content {
grid-template-columns: repeat(1, 1fr);
gap: 49px;
> div {
width: 100%;
img {
width: 100%;
height: 387px;
-o-object-fit: cover;
object-fit: cover;
}
}
}
.media,
.blog-other-news {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 64px;
}
.media {
padding-bottom: 100px;
.media-content {
margin-top: 24px;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
display: flex;
flex-direction: column;
> div {
width: 100%;
flex: 1 1 100%;
min-width: auto;
max-width: 100%;
.media-content-card-image {
width: calc(278px + 24px);
}
.media-content-card-content {
width: calc(100% - 278px - 24px);
h5 {
width: auto;
}
}
}
}
}
.blog-menu {
position: relative;
min-height: 55px;
padding-top: 56px;
padding-bottom: 20px;
gap: 16px;
align-items: flex-start;
}
.blog-menu__tab {
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
&:first-child {
max-width: 100px;
}
}
.blog-menu-container {
padding-bottom: 64px;
.w-\[1px\] {
display: none;
}
}
.blog-menu__search-bar {
position: absolute;
bottom: -40px;
left: 40px;
width: calc(100% - 80px);
justify-content: flex-start;
padding-left: 15px;
padding-right: 40px;
}
.blog-menu__tab-container {
overflow-x: auto;
}
.blog-menu__title-container {
font-size: 48px;
position: absolute;
top: -10px;
left: 40px;
}
.blog-menu__title-container + div {
display: none;
}
.blog-category-title {
padding: 0px;
margin-bottom: 24px;
}
.event-detail__header-body-content h1 {
font-size: 24px !important;
}
.event-detail__header-image {
height: 249px;
width: 530.4px;
border-radius: 0px 24px 24px 0px;
}
.event-detail__header-body-image {
width: 100% !important;
height: 184.5px !important;
}
.event-detail__header-body {
gap: 0px !important;
justify-content: space-between !important;
padding: 0px 40px 0px 40px;
}
.related-posts__cards {
flex-wrap: wrap;
gap: 24px;
}
.related-posts__card {
width: 48%;
}
}
@media (max-width: 1024px) {
#slideshow {
padding-bottom: 0px;
}
#slideshow > div {
margin-top: 0px;
}
.sava-lang-menu {
padding: 5px 10px;
}
footer > div .col-span-3:nth-child(3) {
order: 3;
}
footer div:has(iframe),
footer span:has(iframe),
footer iframe {
width: 100% !important;
}
.footer-col-news > div {
gap: 50px;
}
.header-description {
.btn-readmore {
white-space: nowrap;
}
}
.btn-gradient,
.btn-readmore {
padding: 8px 12px;
font-size: 14px;
line-height: 24px;
}
.home-news {
img {
border-radius: 16px;
}
}
.navigation-box.game-bottom-box {
margin-left: 40px;
margin-right: 40px;
.sv-icon-top,
.sv-icon-bottom {
display: none;
}
.btn-readmore {
height: 64px;
}
}
.tnvsm-container {
background-size: 130%;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.footer-col-news div {
gap: 10px;
}
.sava-now-hiring-card-footer {
flex-direction: column;
div:has(.btn-gradient) {
width: 100%;
}
.btn-gradient {
margin-top: 12px;
width: 100%;
}
}
.breadcrumbs {
width: 50%;
}
#facebook-iframe {
overflow: hidden;
max-width: 300px;
}
body.sava-event-page {
background-position: center 10% !important;
}
.highlighted-events-item {
min-width: 525px !important;
}
.other-news-events__item {
flex: 0 1 calc(50% - 24px) !important; }
.highlighted-events-item__image-container {
height: 146.25px !important;
}
.highlighted-events-item__body-container p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1 !important;
align-self: stretch;
}
.contact-body__info {
width: 48% !important;
}
.main-events__item {
width: 994px !important;
height: 559px !important;
}
.nav-logo .logo-full {
top: 0px;
}
h2 {
font-size: 80px;
}
h5 {
font-size: 24px;
}
.btn-readmore,
.btn-gradient {
height: 48px;
padding: 12px 16px;
}
.sava-navbar-container {
padding-left: 40px;
padding-right: 40px;
}
footer > div {
padding-left: 40px;
padding-right: 40px;
}
.savrse-section {
padding-left: 40px;
padding-right: 40px;
gap: 160px;
.savrse-list {
gap: 100px;
}
}
.home-news {
> div:not(:has(.btn-readmore)) {
gap: 32px;
}
}
#slideshow {
padding-bottom: 70px;
}
.sava-home-top {
margin: 0;
padding-bottom: 80px;
}
.savrse-vr-life {
padding: 120px 40px;
ul {
li {
padding: 16px;
img {
max-height: 126px;
}
}
}
}
.savrse-slideshow {
padding: 60px 40px;
}
.savrse-bottom-box {
padding-left: 40px;
padding-right: 40px;
margin-left: 40px;
margin-right: 40px;
}
#savrse-media .video-description > h3 {
font-size: 80px;
}
#savrse-media {
& .video-description {
p {
margin-top: 32px;
}
}
}
.game-page > section > div > h5 {
font-size: 32px;
}
.game-page > section > div {
padding: 80px 40px;
gap: 24px;
}
.game-page > section:first-child > div {
padding-top: 160px;
}
.navigation-box.game-bottom-box {
margin-left: 40px;
margin-right: 40px;
}
.navigation-box.game-bottom-box > p {
font-size: 52px;
max-width: 800px;
}
.au-banner-container {
height: 630px;
}
.au-banner {
> p {
font-size: 64px;
}
> div {
padding: 24px;
border-radius: 16px;
background: rgba(0, 0, 0, 0.32);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
font-size: 14px;
}
}
.tn-container-wrapper {
padding-top: 100px;
padding-bottom: 40px;
}
.sm-container-wrapper {
padding-top: 40px;
padding-bottom: 100px;
}
.ltsp-container {
padding: 100px 40px;
}
.gtcl-container > .grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.timeline-box {
height: initial;
margin-top: 30px;
}
.timeline-point--container {
position: relative;
flex-direction: column;
margin-left: calc(-361px / 2 - 150px);
gap: 32px;
padding-left: 50px;
border-left: 1px solid #9d9ea2;
> div {
top: initial;
left: initial;
right: initial;
.triangle-container-custom,
.triangle-container {
position: absolute;
top: 20px !important;
left: -38px !important;
overflow: auto;
transform: rotate(-270deg) !important;
z-index: 2;
.triangle-custom,
.triangle {
border-top: 1px solid transparent;
border-bottom: 1px solid #4faaff;
border-right: 1px solid #4faaff;
}
}
.triangle-container-custom {
top: 26px !important;
left: -32px !important;
}
div.inline-block:has(.timeline-point) {
position: absolute;
top: 20px;
left: -79px;
}
}
}
.tnvsm-container {
background-size: 60%;
}
.careers-page {
.gradient-overlay {
margin: 24px 40px 0px 40px;
max-height: 477px;
}
.careers-jobs-list {
padding: 88px 40px 120px 40px;
margin: 0px;
}
}
.career-detail-page {
padding: 88px 40px 120px 40px;
margin: 0px;
.sava-career-detail__title {
font-size: 48px;
}
.btn-gradient,
.sava-now-hiring-info {
white-space: nowrap;
}
}
.sava-post-detail,
.career-job-detail {
div,
span,
ul,
p {
margin-bottom: 12px;
}
> div,
> p {
margin-bottom: 32px;
}
h5 {
font-weight: bold;
font-size: 20px;
line-height: 120%;
color: white;
text-transform: none;
margin-bottom: 10px;
}
ul {
font-size: 18px;
line-height: 140%;
color: #b3b3b3;
list-style-type: disc;
padding-left: 30px;
}
}
#slideshow {
.swiper {
margin-top: 72px;
}
.swiper-slide img {
height: 567px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 40px;
}
}
.savrse-list {
img {
height: 412px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-game-studio {
img {
height: 507px;
-o-object-fit: cover;
object-fit: cover;
}
}
.home-news {
img {
height: 342px;
-o-object-fit: cover;
object-fit: cover;
}
}
.blog-news-container {
padding-left: 40px;
padding-right: 40px;
}
.blog-news,
.blog-news__news-highlight {
border-radius: 24px;
}
.blog-featured-news {
padding: 40px 40px 64px 40px;
}
.blog-news__news-highlight {
height: 460px;
}
.blog-news__news-thumbnail {
display: flex;
flex-direction: column;
gap: 0;
padding-right: 0px;
.news-thumbnail__image,
img {
width: 100%;
border-radius: 12px;
}
img {
height: 205px;
-o-object-fit: cover;
object-fit: cover;
}
.new-thumbnail__content {
margin-top: 16px;
width: 100%;
text-align: left;
}
}
.blog-featured-news__content {
> div {
gap: 32px;
&.box-1 {
> .col-span-8 {
img {
height: 298px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 24px;
}
> div {
> div {
width: 50%;
}
}
}
}
}
.blog-featured-news__content-second-row-container {
width: 100%;
}
margin-top: 24px;
}
.blog-other-news__content {
margin-top: 24px;
grid-template-columns: repeat(2, 1fr);
gap: 49px 32px;
> div {
width: 100%;
}
}
.media,
.blog-other-news {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 64px;
}
.media {
padding-bottom: 100px;
.media-content {
margin-top: 24px;
grid-template-columns: repeat(2, 1fr);
> div {
width: 50%;
flex: 1 1 50%;
min-width: auto;
.media-content-card-image {
width: calc(50% + 20px);
}
.media-content-card-content {
width: calc(50% - 20px);
h5 {
width: auto;
}
}
}
}
}
.blog-menu {
position: relative;
min-height: 55px;
padding-top: 56px;
gap: 16px;
align-items: flex-start;
}
.blog-menu__tab {
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
&:first-child {
max-width: 100px;
}
}
.blog-menu__title-container {
font-size: 48px;
position: absolute;
top: -10px;
left: 40px;
}
.blog-menu__title-container + div {
display: none;
}
.blog-category-title {
padding: 0px;
}
.event-detail__header-body {
padding: 0px 40px 0px 40px;
}
.related-posts__card {
width: 262px;
}
}
@media (max-width: 1200px) {
.game-page > section > div img:not(.navigation-sava-icon) {
width: 100%;
}
.timeline-point--container {
.timeline-item-custom {
.timeline-content {
flex-direction: column-reverse;
}
}
.timeline-point:has(.timeline-point) {
width: 30px;
height: 30px;
}
.timeline-item::after,
.timeline-item-custom::after,
.timeline-content::after {
display: none;
}
}
.timeline-line {
height: 0px;
transform: rotate(-270deg) !important;
}
.careers-page {
.btn-readmore,
.btn-gradient {
padding-left: 32px;
padding-right: 32px;
}
}
}
.event-detail__header {
position: relative;
}
.event-detail__header-image {
display: inline-block;
overflow: hidden;
}
.event-detail__header-body-content {
display: flex;
width: 456px;
min-width: 456px;
max-width: 456px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}
.event-detail__header-body-content h1 {
color: var(--COLORS-Neutral-100, #fff);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%;
text-transform: uppercase;
}
.event-detail__header-body-content > span {
color: var(--COLORS-Neutral-100, #fff);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.event-detail__header-body-content p {
color: var(--COLORS-Neutral-100, #fff);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.event-detail__header-body-content p > span {
color: var(--COLORS-Green-500, #32de83); font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.event-detail__header-body {
position: absolute;
width: 100%;
top: 39px;
display: flex;
gap: 32px;
justify-content: center;
align-items: center;
}
.event-detail__header-body-image {
border-radius: 16px;
overflow: hidden;
width: 700px;
height: 393.75px;
}
.event-detail__header-body-image img {
width: 100%;
height: inherit;
-o-object-fit: cover;
object-fit: cover;
}
.event-detail__content {
max-width: 944px;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 2.5rem;
}
.event-detail__content-detail {
width: 100%;
display: flex;
padding: 40px;
flex-direction: column;
gap: 40px;
align-self: stretch;
border-radius: 20px;
background: #1f1f1f;
}
.event-detail__content-detail p {
color: var(--COLORS-Neutral-500, #a4a4a4);
font-family: "Space Grotesk";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
.event-detail__content-detail h1 {
color: var(--COLORS-Neutral-100, #fff);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.event-detail__content {
padding-bottom: 40px;
}
.highlighted-events {
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 80px;
}
.main-events__item {
width: 1192px;
height: 711px;
flex-direction: column;
justify-content: end;
background-size: cover;
background-position: center;
border-radius: 16px;
overflow: hidden;
display: flex;
position: relative;
}
.main-events {
padding-top: 40px;
padding-bottom: 80px;
}
.main-events__items {
display: flex;
justify-content: center;
}
.main-events {
position: relative;
}
.main-events .swiper-pagination-bullet {
background-color: var(--COLORS-Neutral-700, #777);
}
.main-events .swiper-pagination-bullet-active {
background-color: white;
}
.main-events .swiper-pagination {
position: relative;
margin-top: 20px;
}
.main-events__item > div {
z-index: 1;
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 40px;
padding-bottom: 40px;
}
.main-events__item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.16%, rgba(0, 0, 0, 0.9) 100%);
border-radius: 16px;
z-index: 1;
}
.main-events__item span {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.main-events__item h5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
max-width: 840px;
overflow: hidden;
color: var(--COLORS-Neutral-100, #fff);
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 136%; text-transform: uppercase;
}
.other-news-events {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 120px;
}
.highlighted-events-item__body-container h5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
align-self: stretch;
overflow: hidden;
color: #d9d9d9;
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.highlighted-events-item__body-container span {
color: #fff; font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.highlighted-events-item__body-container p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-300, #d2d2d2);
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.highlighted-events-item__body-container {
display: flex;
flex-direction: column;
gap: 8px;
}
.highlighted-events-item__body-container-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.highlighted-events-item__image-container {
display: flex;
height: 187.875px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
flex: 1 0 0;
border-radius: 12px;
background: lightgray 50% / cover no-repeat;
}
.highlighted-events-items {
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 40px 48px;
align-self: stretch;
flex-wrap: wrap;
}
.highlighted-events-item {
align-items: flex-start;
gap: 16px;
flex: 0 1 calc(50% - 24px); display: flex;
border-radius: 16px;
}
.highlighted-events-item__body-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex: 1 0 0;
align-self: stretch;
}
.events-container {
max-width: 1512px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.other-news-events__item-image {
display: flex;
height: 119.25px;
min-width: 212px;
max-width: 212px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 16px;
flex-shrink: 0;
background-size: cover;
background-repeat: no-repeat;
align-self: stretch;
}
.other-news-events__item-body h5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
align-self: stretch;
overflow: hidden;
color: #d9d9d9;
text-overflow: ellipsis; font-family: "Space Grotesk";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.other-news-events__item-body span {
color: var(--COLORS-Neutral-500, #a4a4a4); font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; text-transform: uppercase;
}
.other-news-events__item-body p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
overflow: hidden;
color: var(--COLORS-Neutral-300, #d2d2d2);
text-overflow: ellipsis; font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.other-news-events__item-body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex: 1 0 0;
}
.other-news-events__item {
display: flex;
flex: 0 1 calc((100% - 64px) / 3);
padding-right: 8px;
align-items: center;
gap: 16px;
border-radius: 12px;
}
.other-news-events__items {
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 40px 32px;
align-self: stretch;
flex-wrap: wrap;
}
.other-news-events__control-item {
cursor: pointer;
display: flex;
width: 40px;
height: 40px;
padding: 12px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
}
.other-news-events__control-item.active {
background: var(--Gradient-3, linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%));
}
.other-news-events__control-item span {
color: var(--COLORS-Neutral-100, #fff);
text-align: center; font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; text-transform: uppercase;
}
.other-news-events__control-items {
display: flex;
align-items: center;
gap: 12px;
}
.other-news-events__control-items button {
display: flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 8px;
background: var(--COLORS-Neutral-1000, #333);
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
}
.other-news-events__control-items button span {
color: var(--COLORS-Neutral-100, #fff);
text-align: center; font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; text-transform: uppercase;
}
.other-news-events__control {
margin-top: 60px;
display: flex;
justify-content: center;
width: 100%;
}
.other-news-events__item {
cursor: pointer;
}
.other-news-events__item:hover h5 {
background: var(--Gradient-3, linear-gradient(90deg, #1d75bc 0%, #5d2e8f 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.other-news-events__item:hover {
background-color: rgba(255, 255, 255, 0.06);
}
.other-news-events__item {
overflow: hidden;
transition:
transform 0.3s ease,
background-color 0.3s ease;
border-radius: 16px;
}
.other-news-events__item-image {
transition:
transform 0.3s ease,
background-color 0.3s ease;
}
.other-news-events__item:hover .other-news-events__item-image {
transform: scale(1.05);
}
body.sava-event-page::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/event/sava-event-bg.png);
background-size: 100%;
background-position: center 90px;
background-repeat: no-repeat;
opacity: 0.5;
}
.contact-title h1 {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
text-align: center;
}
.contact-title {
padding: 40px 40px 0px 40px;
}
.contact-body {
padding: 64px 40px 100px 40px;
}
.contact-body__info-global--address-gr > div {
width: 40px;
}
.contact-body__info-global--address {
display: flex;
padding: 24px;
flex-direction: column;
justify-content: center;
gap: 16px;
align-self: stretch;
border-radius: 12px;
background: #1f1f1f;
}
.contact-body__info-local--address {
display: flex;
height: 185px;
padding: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 12px;
background: #1f1f1f;
}
.contact-body__info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
width: 23.6%;
}
.contact-body__info-email--address {
display: flex;
padding: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 12px;
background: #1f1f1f;
}
.contact-body {
display: flex;
padding: 64px 40px 100px 40px;
justify-content: center;
align-items: center;
gap: 64px;
align-self: stretch;
}
.contact-body__info-global--address-container {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}
.contact-divider {
height: 1px;
align-self: stretch;
background: var(--COLORS-Neutral-1000, #333);
}
.contact-body__info-global--address-container p {
color: var(--COLORS-Neutral-100, #fff);
flex: 1 0 0; font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.contact-body__info-global--address-gr {
display: flex;
align-items: center;
gap: 8px;
}
.contact-body__info-global--address-gr p {
color: var(--COLORS-Secondary-500, #2cb3f7); font-family: "Space Grotesk";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 120%; }
.contact-body__map {
width: 100%;
height: inherit;
border-radius: 12px;
align-self: stretch;
position: relative; overflow: hidden; box-shadow: 0 10px 30px rgba(29, 117, 188, 0.4), 0 5px 15px rgba(93, 46, 143, 0.3); }
.contact-body__map img {
height: inherit;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sava-contact__modal-box {
border: none;
display: flex;
width: 578px;
max-width: 578px;
padding: 40px;
flex-direction: column;
justify-content: center;
gap: 16px;
flex-shrink: 0;
}
.sava-contact-input,
.sava-contact-textarea {
display: flex;
height: 48px;
padding: 4px 4px 4px 12px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
outline: none;
border-radius: 8px;
border: 1px solid var(--COLORS-Neutral-700, #777);
background: var(--COLORS-Neutral-1000, #333);
}
.sava-contact-textarea {
height: 148px;
}
.sava-contact__modal-box h3 {
color: var(--COLORS-Neutral-100, #fff); font-family: "Space Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
@media (min-width: 1512px) {
.\32xl\:container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 767px) {
.\32xl\:container {
max-width: 767px;
}
}
@media (min-width: 768px) {
.\32xl\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.\32xl\:container {
max-width: 1024px;
}
}
@media (min-width: 1200px) {
.\32xl\:container {
max-width: 1200px;
}
}
@media (min-width: 1280px) {
.\32xl\:container {
max-width: 1280px;
}
}
@media (min-width: 1512px) {
.\32xl\:container {
max-width: 1512px;
}
}
}
@media (min-width: 767px) {
.mobile\:mt-\[12px\] {
margin-top: 12px;
}
.mobile\:mt-\[16px\] {
margin-top: 16px;
}
.mobile\:mt-\[24px\] {
margin-top: 24px;
}
.mobile\:mt-\[48px\] {
margin-top: 48px;
}
.mobile\:block {
display: block;
}
.mobile\:hidden {
display: none;
}
.mobile\:h-\[195px\] {
height: 195px;
}
.mobile\:w-\[100\%\] {
width: 100%;
}
.mobile\:w-\[347px\] {
width: 347px;
}
.mobile\:w-full {
width: 100%;
}
.mobile\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mobile\:flex-col {
flex-direction: column;
}
.mobile\:items-center {
align-items: center;
}
.mobile\:justify-center {
justify-content: center;
}
.mobile\:gap-\[12px\] {
gap: 12px;
}
.mobile\:gap-\[52px\] {
gap: 52px;
}
.mobile\:gap-\[64px\] {
gap: 64px;
}
.mobile\:px-\[16px\] {
padding-left: 16px;
padding-right: 16px;
}
.mobile\:py-\[60px\] {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 768px) {
.md\:h-\[224px\] {
height: 224px;
}
.md\:h-\[268px\] {
height: 268px;
}
.md\:h-\[371px\] {
height: 371px;
}
.md\:w-\[659px\] {
width: 659px;
}
.md\:w-auto {
width: auto;
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.md\:flex-row {
flex-direction: row;
}
.md\:gap-10 {
gap: 2.5rem;
}
.md\:gap-\[24px\] {
gap: 24px;
}
.md\:gap-\[48px\] {
gap: 48px;
}
.md\:px-\[24px\] {
padding-left: 24px;
padding-right: 24px;
}
.md\:pb-\[63\.85px\] {
padding-bottom: 63.85px;
}
.md\:text-\[16px\] {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.tablet\:mt-\[64px\] {
margin-top: 64px;
}
.tablet\:pb-\[80px\] {
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.laptop\:flex {
display: flex;
}
.laptop\:h-\[567px\] {
height: 567px;
}
.laptop\:w-\[1008px\] {
width: 1008px;
}
.laptop\:max-w-\[311px\] {
max-width: 311px;
}
.laptop\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.laptop\:flex-row {
flex-direction: row;
}
.laptop\:items-center {
align-items: center;
}
.laptop\:justify-between {
justify-content: space-between;
}
.laptop\:gap-52 {
gap: 13rem;
}
.laptop\:gap-\[51px\] {
gap: 51px;
}
.laptop\:px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.laptop\:pb-\[100px\] {
padding-bottom: 100px;
}
.laptop\:pt-\[160px\] {
padding-top: 160px;
}
}
@media (min-width: 1512px) {
.\32xl\:mt-0 {
margin-top: 0px;
}
.\32xl\:mt-\[120px\] {
margin-top: 120px;
}
.\32xl\:block {
display: block;
}
.\32xl\:flex {
display: flex;
}
.\32xl\:hidden {
display: none;
}
.\32xl\:h-\[342px\] {
height: 342px;
}
.\32xl\:h-\[412px\] {
height: 412px;
}
.\32xl\:h-\[567px\] {
height: 567px;
}
.\32xl\:w-\[1008px\] {
width: 1008px;
}
.\32xl\:w-\[456px\] {
width: 456px;
}
.\32xl\:w-auto {
width: auto;
}
.\32xl\:max-w-\[467px\] {
max-width: 467px;
}
.\32xl\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.\32xl\:flex-row {
flex-direction: row;
}
.\32xl\:items-center {
align-items: center;
}
.\32xl\:justify-between {
justify-content: space-between;
}
.\32xl\:justify-around {
justify-content: space-around;
}
.\32xl\:gap-10 {
gap: 2.5rem;
}
.\32xl\:gap-\[0px\] {
gap: 0px;
}
.\32xl\:gap-\[24px\] {
gap: 24px;
}
.\32xl\:gap-\[88px\] {
gap: 88px;
}
.\32xl\:px-\[40px\] {
padding-left: 40px;
padding-right: 40px;
}
.\32xl\:py-\[160px\] {
padding-top: 160px;
padding-bottom: 160px;
}
.\32xl\:pb-\[133px\] {
padding-bottom: 133px;
}
.\32xl\:text-\[20px\] {
font-size: 20px;
}
}#header {
z-index: 11;
}
.sava-navbar-contact-btn {
white-space: nowrap !important;
text-align: center;
}
.menu-item-description {
display: none !important;
}
p:empty {
display: none;
}
.sub-menu-toggle {
display: none !important;
}
.team-slideshow .item>img {
object-fit: cover;
}
.home-news>div {
align-items: flex-start;
}
.home-news a {
line-height: 140%;
}
.line-cut {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.line-cut.line-3 {
line-clamp: 3;
-webkit-line-clamp: 3;
}
.line-cut.line-4 {
line-clamp: 4;
-webkit-line-clamp: 4;
}
.line-cut.line-5 {
line-clamp: 5;
-webkit-line-clamp: 5;
}
.btn-gradient:hover,
.btn-readmore:hover {
background: #fff;
}
.btn-gradient:hover>span,
.btn-gradient:hover>a,
.btn-readmore:hover>span,
.btn-readmore:hover>a {
background: linear-gradient(90deg, #1D75BC 0%, #5D2E8F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.career-des {
margin-top: 10px;
}
.career-s-available {
color: #32de83;
}
.navigation.pagination {
margin-top: 40px;
}
.navigation.pagination .nav-links {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.navigation.pagination .nav-links>span,
.navigation.pagination .nav-links>a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #1f1f1f;
border: 1px solid #1f1f1f;
color: #fff;
border-radius: 8px;
text-align: center;
font-size: 14px;
font-weight: 700;
}
.navigation.pagination .nav-links>.page-numbers.current,
.navigation.pagination .nav-links>a:hover { background: var(--Gradient-3, linear-gradient(90deg, #1D75BC 0%, #5D2E8F 100%));
}
.sava-career-detail__title {
font-size: 40px;
}
#scrollToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
padding: 10px 15px;
font-size: 14px;
background-color: rgba(0, 0, 0, 0.4);
border: 1px solid #8f50d3;
color: #fff;
border-radius: 5px;
cursor: pointer;
z-index: 1000;
}
#scrollToTopBtn:hover {
opacity: 0.5;
}
@media (max-width: 767px) {
#scrollToTopBtn {
display: none !important;
}
.tm-content-container p,
.sm-content-container p {
font-size: 14px !important;
}
.header-description>p {
width: 100%;
}
}
@media (max-width: 1024px) {
.ltsp-container>div:has(.glow-point) {
display: none;
}
}
@media (max-width: 1200px) {
.careers-page {
max-width: 100%;
}
#main.container {
margin: 0px auto;
padding: 0px;
}
}
.entry-header {
display: none;
}
.sava-navbar-container>div {
z-index: 100 !important;
}
.break-line {
white-space: pre-line;
display: block;
height: 25px;
}
#slideshow .swiper-slide img {
object-fit: cover !important;
}
.career-list>div:hover {
box-shadow: 0 0 15px rgba(32,
113,
185, 0.6);
animation: pulse-glow 1.5s infinite alternate;
}
@keyframes pulse-glow {
0% {
box-shadow: 0 0 8px rgba(32, 113, 185, 0.6);
}
100% {
box-shadow: 0 0 17px rgba(32, 113, 185, 1);
}
}
.post-views.content-post {
margin-bottom: 0px;
align-items: center;
display: flex;
gap: 3px;
}
.wp-element-caption {
color: #a4a4a4 !important;
font-size: 14px !important;
}
.blog-detail__content img {
border-radius: 16px;
}
@media (max-width: 767px) {
.navigation-box.game-bottom-box,
.savrse-slideshow .savrse-business {
overflow: hidden;
}
}
.event-detail__content-detail p {
text-align: justify;
}
.blog-featured-news__content-item img {
min-width: 151px;
}
.blog-featured-news__content .box-1 .col-span-8 img {
max-height: 301px;
}
.blog-featured-news__content-second-row-container img {
width: 100%;
;
max-height: 198px;
}
.news-thumbnail__image img,
.blog-featured-news__content-item img,
.media-content-card-image img,
.blog-featured-news__content .box-1 .col-span-8 img,
.blog-featured-news__content-second-row-container img {
object-fit: cover;
}
@media (min-width: 1201px) {
.related-posts__cards {
margin-top: 0px !important;
}
.blog-featured-news__content-second-row,
.blog-other-news__card-content {
padding-top: 0px !important;
}
.sava-home-top {
padding-left: 0 !important;
padding-right: 0 !important;
}
.au-banner>div>p,
.au-banner>div>div,
.sava-homepage_sub {
font-size: 18px;
}
}
.a2a_button_x>span>svg,
.a2a_button_linkedin>span>svg,
.a2a_button_facebook>span>svg {
display: none;
}
.a2a_button_facebook>span {
background: url(https://savameta.com/wp-content/themes/savameta/assets/icon/Facebook.svg) center center no-repeat;
}
.a2a_button_x>span {
background: url(https://savameta.com/wp-content/themes/savameta/assets/icon/Twitter.svg) center center no-repeat;
}
.a2a_button_linkedin>span {
background: url(https://savameta.com/wp-content/themes/savameta/assets/icon/Linkedin.svg) center center no-repeat;
}
.blog-detail__share .addtoany_shortcode>div {
display: flex;
flex-direction: column;
align-items: center;
}
.blog-detail__share .addtoany_shortcode>div>a {
display: flex;
align-items: center;
justify-content: center;
}
.sava-navbar-menu>li.current-menu-item>a::after,
.sava-navbar-menu>li.current-menu-parent>a::after,
.sava-navbar-menu>li.current_page_item>a::after {
content: "";
position: absolute;
left: 0;
bottom: -17px;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(80, 192, 248, 0.24) 0%, #50c0f8 50%, rgba(80, 192, 248, 0.24) 100%);
transition: background 0.8s ease;
}
.sava-navbar-menu>li.current-menu-item>a::before,
.sava-navbar-menu>li.current-menu-parent>a::before,
.sava-navbar-menu>li.current_page_item>a::before {
content: "";
position: absolute;
left: 50%;
bottom: -17px;
margin-left: -4px;
width: 8px;
height: 4px;
z-index: 1;
}
.sava-navbar-menu>li.current-menu-item>a::before,
.sava-navbar-menu>li.current-menu-parent>a::before,
.sava-navbar-menu>li.current_page_item>a::before {
background: url(https://savameta.com/wp-content/themes/savameta/assets/icon/bullet.svg);
}
.other-news-events__item-image {
background-position: center center !important;
background-size: 100% !important;
}
.img-container {
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/images/img-bg.png) !important;
}
body.category-205::before,
body.category-228::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/event/sava-event-bg.png);
background-size: 100%;
background-position: center 90px;
background-repeat: no-repeat;
opacity: 0.5;
z-index: -1;
}
.sava-mobile-contact-button>a {
display: block;
width: 100%;
}
.highlighted-events-item__body-container-content a:hover h5,
footer a:hover {
color: #8f50d3 !important;
} #savrse-media {
overflow: hidden !important;
}
.search-box {
margin: 30px 0;
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
.prev.page-numbers,
.next.page-numbers {
width: auto !important;
min-width: 40px;
padding-left: 15px;
padding-right: 15px;
}
.blog-menu__tab {
white-space: nowrap;
}
.navigation-box.game-bottom-box img.navigation-sava-icon {
margin: 0 auto;
margin-bottom: 20px;
}
.au-banner>p,
.au-banner>div {
width: 50%;
}
.au-banner>div>p {
text-align: justify;
width: 100%;
}
.au-banner>div {
width: 50% !important;
max-width: initial !important;
}
.au-banner>div {
flex-direction: column;
}
.au-banner>div>div {
width: 100%;
text-align: left;
}
.au-banner>div>div>ul {
margin-left: 20px;
}
.au-banner>div>div>ul>li {
list-style-type: disc;
}
.gtcl-card img {
max-width: 142px;
}
@media (max-width: 767px) {
.video-background {
height: 448px;
object-fit: cover;
}
#game-media .video-description {
padding-top: 120px !important;
}
.navigation-box.game-bottom-box img.navigation-sava-icon {
max-width: 120px;
}
}
@media (max-width: 1024px) {
.au-banner>div {
width: 100% !important;
}
}
.sava-home-slideshow {
position: relative;
margin-top: -200px;
padding-top: 200px;
}
.btn-gradient:disabled {
background: grey;
color: #333;
}
.highlighted-events-item__body-container span {
font-weight: 700 !important;
}
.career-s-expired {  color: #2170b8;
}
.au-banner-container {
background-image: url(https://savameta.com/wp-content/themes/savameta/assets/about-us/banner-about-us.webp) !important;
}
.sava-contact-input,
.sava-contact-textarea {
width: 100%;
}
.sava-contact__modal-box h3 {
text-align: center;
}
.wpcf7-not-valid-tip {
color: #f37a05 !important;
font-size: 14px !important;
text-align: center;
margin-top: 2px;
}
.savrse-slideshow h5 {
line-height: 125%;
}
.game-page>section>div img:not(.navigation-sava-icon) {
max-width: 998px;
}
.timeline-content p {
margin-bottom: 4px !important;
}
@media (max-width: 767px) {
.sava-home-slideshow {
padding-top: 185px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.sava-home-slideshow {
padding-top: 176px;
}
}
@media (min-width: 1025px) and (max-width: 1200px) {
.sava-home-slideshow {
padding-top: 184px;
}
}
@media (min-width: 1201px) {
.sava-now-hiring-section .btn-gradient {
padding-left: 22px;
padding-right: 22px;
}
}
.modal {
pointer-events: none;
position: fixed;
inset: 0px;
margin: 0;
display: grid;
height: 100%;
max-height: none;
width: 100%;
max-width: none;
justify-items: center;
padding: 0;
opacity: 0;
overscroll-behavior: contain;
z-index: 999;
background-color: transparent;
color: inherit;
transition-duration: .2s;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-property: transform, opacity, visibility;
overflow-y: hidden;
}
.modal-box {
max-height: calc(100vh - 5em);
grid-column-start: 1;
grid-row-start: 1;
width: 91.666667%;
max-width: 32rem;
--tw-scale-x: .9;
--tw-scale-y: .9;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-bottom-right-radius: var(--rounded-box, 1rem);
border-bottom-left-radius: var(--rounded-box, 1rem);
border-top-left-radius: var(--rounded-box, 1rem);
border-top-right-radius: var(--rounded-box, 1rem);
--tw-bg-opacity: 1;
background-color: var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));
padding: 1.5rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-duration: .2s;
box-shadow: rgba(0, 0, 0, .25) 0 25px 50px -12px;
overflow-y: auto;
overscroll-behavior: contain;
}
.modal-open .modal-box,
.modal-toggle:checked+.modal .modal-box,
.modal:target .modal-box,
.modal[open] .modal-box {
--tw-translate-y: 0px;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.modal::backdrop,
.modal:not(dialog:not(.modal-open)) {
background-color: #0006;
animation: modal-pop .2s ease-out;
}
.sava-contact__modal-box .btn-ghost:hover {
background-color: #333;
}
html[lang="en-GB"] .home-news a {
line-height: 120%;
}
.blog-featured-news__content-second-row>p,
.blog-other-news__card-content>h5 {
overflow: initial !important;
}
.gtcl-card-body {
gap: 10px !important;
}
.gtcl-card-body > p:nth-child(1) {
color: #08c6ff !important; font-family: "Space Grotesk";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 110%; text-transform: uppercase;
}
.gtcl-card-body > p:nth-child(2) {
font-family: "Space Grotesk";
font-size: 16px !important;
font-style: normal;
font-weight: 700 !important;
line-height: 110%;
text-transform: uppercase;
}
.gtcl-card-body > p:nth-child(3) {
color: var(--COLORS-Neutral-300, #d2d2d2); font-family: "Space Grotesk";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.gtcl-card {
width: 100%;
}
.gtcl-card img {
min-width: 200px;
max-height: 160px;
object-fit: cover;
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 767px) {
.gtcl-card {
justify-content: center;
}
.gtcl-card img {
min-width: 110px;
min-height: 120px;
}
}