html, body, .gwd-page-wrapper, #Asset_3, #bg { background-color: #EEF2FF !important; }
#banner-scale-wrapper { overflow: visible !important; }
/* Restore the previous logo size and lift by 10% of the banner height. */
#logo {
  --logo-top: 31.505px;
  left: -159.6px !important; top: var(--logo-top) !important;
  width: 1292.2px !important; height: 752.99px !important;
  transform: none !important; -webkit-transform: none !important;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(var(--artwork-fade-start) - var(--logo-top)), transparent calc(var(--artwork-fade-end) - var(--logo-top)));
  mask-image: linear-gradient(to bottom, #000 calc(var(--artwork-fade-start) - var(--logo-top)), transparent calc(var(--artwork-fade-end) - var(--logo-top)));
}

/* Fade only the phone pixels into the unchanged page background. */
body[data-banner-kind="mobile"] #tele {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 68.9%, transparent 79.5%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 68.9%, transparent 79.5%, transparent 100%);
}

/* Fade the background mark above each banner's caption area. */
body[data-banner-kind="workspace"] { --artwork-fade-start: 612px; --artwork-fade-end: 733px; }
body[data-banner-kind="recruitment"] { --artwork-fade-start: 655.5px; --artwork-fade-end: 768.5px; }
body[data-banner-kind="mobile"] { --artwork-fade-start: 693.5px; --artwork-fade-end: 796.15px; }

/* BEGIN WORD SPACING */
/* Independent margins preserve the original entrance and hover transforms. */
body[data-banner-kind="workspace"] #martivi { margin-left: 0.000px !important; }
body[data-banner-kind="workspace"] #swrafi { margin-left: -9.900px !important; }
body[data-banner-kind="workspace"] #cifruli { margin-left: -0.300px !important; }
body[data-banner-kind="workspace"] #platforma { margin-left: 9.900px !important; }
body[data-banner-kind="recruitment"] #shercheva { margin-left: -9.450px !important; }
body[data-banner-kind="recruitment"] #da { margin-left: -0.150px !important; }
body[data-banner-kind="recruitment"] #onbord { margin-left: 9.450px !important; }
body[data-banner-kind="recruitment"] #axali { margin-left: -4.500px !important; }
body[data-banner-kind="recruitment"] #gamocd { margin-left: 4.500px !important; }
body[data-banner-kind="mobile"] #pirveli { margin-left: -4.050px !important; }
body[data-banner-kind="mobile"] #mobiluri { margin-left: 4.050px !important; }
body[data-banner-kind="mobile"] #api { margin-left: -3.450px !important; }
body[data-banner-kind="mobile"] #tanamshromlebi { margin-left: 3.450px !important; }
/* END WORD SPACING */

/* BEGIN NIGHT MODE */
/* Active when banner-theme.js puts "banner-dark" on <html>; it also swaps every
   image to its *-dark twin. IDs, not the generated .gwd-* classes, so the rules
   survive a re-export from Google Web Designer. */
html, body, .gwd-page-wrapper, #Asset_3, #bg { transition: background-color .35s ease; }
html.banner-dark, html.banner-dark body, html.banner-dark .gwd-page-wrapper,
html.banner-dark #Asset_3, html.banner-dark #bg { background-color: #121826 !important; color-scheme: dark; }
/* Lifts the dark device screenshots off the dark background. */
html.banner-dark gwd-image:not(#logo)[source$=".webp"] > .intermediate-element > img {
  filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .35));
}
/* END NIGHT MODE */