@charset "UTF-8";
@import url(../fonts/icons/gd-site/style.css);
@import url(../fonts/icons/gd-icon-font.css);
@import url(../fonts/icons/gd-task-icons.css);
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
html, body, h1, h2, h3, .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-section-name .left .title, h4 {
  margin: 0;
  padding: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

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

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

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

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

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

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

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

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

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

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

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

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

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

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

.cf:after {
  clear: both;
}

.t-a-center {
  text-align: center;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-5 {
  margin-top: 5px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-25 {
  margin-top: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-60 {
  margin-top: 60px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-t-90 {
  margin-top: 90px;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-b-35i {
  margin-bottom: 35px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.m-b-100 {
  margin-bottom: 100px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-l-30 {
  margin-left: 30px;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-t-5 {
  padding-top: 5px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-t-15 {
  padding-top: 15px;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-25 {
  padding-top: 25px;
}

.p-t-30 {
  padding-top: 30px;
}

.p-t-40 {
  padding-top: 40px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-t-60i {
  padding-top: 60px !important;
}

.p-t-70 {
  padding-top: 70px;
}

.p-t-70i {
  padding-top: 70px !important;
}

.p-t-80 {
  padding-top: 80px;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-5 {
  padding-bottom: 5px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.p-b-15 {
  padding-bottom: 15px;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-25 {
  padding-bottom: 25px;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-40 {
  padding-bottom: 40px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-b-60i {
  padding-bottom: 60px !important;
}

.p-b-70 {
  padding-bottom: 70px;
}

.p-b-70i {
  padding-bottom: 70px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-r-5 {
  padding-right: 5px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-r-15 {
  padding-right: 15px;
}

.p-r-20 {
  padding-right: 20px;
}

.p-r-25 {
  padding-right: 25px;
}

.p-r-30 {
  padding-right: 30px;
}

.p-l-5 {
  padding-left: 5px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-l-15 {
  padding-left: 15px;
}

.p-l-20 {
  padding-left: 20px;
}

.p-l-25 {
  padding-left: 25px;
}

.p-l-30 {
  padding-left: 30px;
}

.p-l-50 {
  padding-left: 50px;
}

.bg-green {
  background: linear-gradient(180deg, #1ECA3B 0%, #02961B 100%) !important;
}

.bg-light-blue {
  background: linear-gradient(180deg, #00B8F5 0%, #168CEE 100%) !important;
}

.bg-blue {
  background: linear-gradient(180deg, #70afff 0%, #4C78EA 100%) !important;
}

.bg-violet {
  background: linear-gradient(180deg, #9970EA 0%, #5255F1 100%) !important;
}

.bg-gray {
  background: linear-gradient(180deg, #7E8898 0%, #555961 100%) !important;
}

.bg-orange {
  background: linear-gradient(180deg, #f3ac13 0%, #db5b24 100%) !important;
}

.bg-crimson {
  background: linear-gradient(180deg, #f56baf 0%, #c44282 100%) !important;
}

.bg-red {
  background: linear-gradient(180deg, #FC7960 0%, #DB4326 100%) !important;
}

.font-green {
  color: #3da34f !important;
}

.font-light-blue {
  color: #1ea5e8 !important;
}

.font-blue {
  color: #4b81f4 !important;
}

.font-violet {
  color: #784EDA !important;
}

.font-gray {
  color: #627082 !important;
}

.font-orange {
  color: #f0932a !important;
}

.font-crimson {
  color: #f56baf !important;
}

.font-red {
  color: #e84848 !important;
}

.icon.violet:before {
  color: #815BDC;
}

.icon.purple:before {
  color: #ba5bdc;
}

.icon.red:before {
  color: #ED5B88;
}

.icon.orange:before {
  color: #F9A639;
}

.icon.orange-dark:before {
  color: #E2621A;
}

.icon.green:before {
  color: #0FC025;
}

.icon.blue:before {
  color: #399CF9;
}

.icon.blue-dark:before {
  color: #4179e2;
}

.flex-row {
  display: flex !important;
}
.flex-row.a-center {
  align-items: center;
}
.flex-row.j-center {
  justify-content: center;
}

.flex-row-two-columns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.flex-row-center-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.flex-row-left-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.flex-row-left-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-column-center-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-left-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flex-column-left-space-between {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.w-600 {
  width: 600px !important;
}

.w-200 {
  width: 200px !important;
}

.w-100 {
  width: 100px !important;
}

.w-100p {
  width: 100%;
}

.w-auto-i {
  width: auto !important;
}

.ta-left {
  text-align: left;
}

.ta-center {
  text-align: center;
}

.lh15 {
  line-height: 1.5em;
}

.max-w-350 {
  max-width: 350px !important;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-800 {
  max-width: 800px;
}

.txt-underline {
  border-bottom: 1px solid;
}

.txt-bold {
  font-weight: bold;
}

.action-button, .page-help-center .btn-submit-ticket, .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket, .secondary-button {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  cursor: pointer;
  font-size: 17px;
  text-align: center;
  border-radius: 8px;
  padding: 0 20px 0 20px;
}

.action-button, .page-help-center .btn-submit-ticket, .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket {
  background: #0075FA;
  width: 180px;
  color: white;
  border: none;
  transition: 300ms ease-out;
}
.action-button:hover, .page-help-center .btn-submit-ticket:hover, .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket:hover {
  background: #006DE8;
}
.action-button .gd-site-arrow-right, .page-help-center .btn-submit-ticket .gd-site-arrow-right, .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket .gd-site-arrow-right {
  font-size: 13px;
  margin-left: 10px;
}

.secondary-button {
  border: 1px solid #0075FA;
  width: 170px;
  color: #0075FA;
  transition: 300ms ease-out;
}
.secondary-button .gd-site-arrow-right {
  font-size: 13px;
  margin-left: 10px;
}
.secondary-button:hover {
  background: #0075FA;
  color: #ffffff;
}

.btn-small {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  border-radius: 8px;
  padding: 0 20px 0 20px;
  font-weight: 600;
}
.btn-small.secondary {
  border: 1px solid #0075FA;
  min-width: 140px;
  color: #0075FA;
}
.btn-small .gd-site-arrow-right {
  font-size: 13px;
  margin-left: 10px;
}

.btn-learn-more {
  color: #0075FA;
  font-size: 17px;
  position: relative;
  border: 1px solid;
  border-radius: 20px;
  padding: 0 50px 0 40px;
  line-height: 40px;
}
.btn-learn-more:after {
  position: absolute;
  font-size: 11px;
  width: 20px;
  top: 14px;
  vertical-align: middle;
  text-align: right;
  line-height: 16px;
  font-family: "gd-site" !important;
  content: "\e901";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gd-screen-big {
  width: 80%;
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
  border-radius: 15px;
  margin: 40px 0 40px 0;
}

.gd-screen-shadow-8 {
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
  border-radius: 8px !important;
}

.gd-screen {
  width: 100%;
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
  margin: 40px 0 40px 0;
}

.gd-screen-noshadow {
  width: 100%;
  border-radius: 15px;
  margin: 40px 0 40px 0;
}

.gd-screen-custom-width {
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
  border-radius: 15px;
  margin: 40px 0 40px 0;
}

.gd-screen-custom-width-no-shadow {
  border-radius: 15px;
  margin: 40px 0 40px 0;
}

h1.title {
  font-size: 48px;
  filter: drop-shadow(-1px -1px 0px #FFFFFF);
  text-shadow: 1px 1px 1px rgba(29, 57, 96, 0.1);
  font-weight: 700;
}

h1 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2em;
  color: #2C4361;
}

h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.4em;
  color: #2C4361;
}

h3, .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-section-name .left .title {
  font-weight: 600;
  font-size: 23px;
  line-height: 1.4em;
  color: #2C4361;
}

h4 {
  font-weight: 700;
  font-size: 19px;
  line-height: 1.4em;
  color: #2C4361;
}

.title-gradient {
  background: linear-gradient(90deg, #A65DFF 0%, #0075FA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}

.title-gradient-2 {
  background: linear-gradient(94.75deg, #FB334B 1.88%, #FB4A62 55.58%, #FF7A39 100.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  font-size: 28px;
}

@media (max-width: 1000px) {
  h1.title {
    font-size: 40px;
  }
  h1 {
    font-size: 28px;
    line-height: 1.2em;
  }
  h2 {
    font-size: 30px;
    line-height: 1.3em;
  }
  h3, .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-section-name .left .title {
    font-size: 19px;
    line-height: 1.4em;
  }
  h4 {
    font-size: 15px;
    line-height: 1.4em;
  }
}
.txt-desc-big, .page-legal .legal-content p {
  font-size: 19px;
  color: #3F4B5C;
  line-height: 1.5em;
}

.txt-desc {
  font-size: 17px;
  color: #3F4B5C;
  line-height: 1.5em;
}

.txt-desc-small {
  font-size: 16px;
  color: #3F4B5C;
  line-height: 1.5em;
}

p {
  font-size: 17px;
  line-height: 1.45em;
  color: #3f4b5c;
}

.text-18 {
  font-size: 18px;
  line-height: 1.5em;
}

ol {
  cursor: default;
}
ol li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 5px;
  font-size: 17px;
  line-height: 1.5em;
}
ol li p {
  margin-top: 10px !important;
}

ul {
  cursor: default;
}
ul.modern li p {
  margin-top: 10px !important;
}
ul.modern li:before {
  background: none;
}
ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 0.5em;
  font-size: 17px;
  line-height: 1.5em;
}
ul li:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 2px;
  left: -30px;
  vertical-align: middle;
  text-align: right;
  background: #E1F3FD;
  border-radius: 10px;
}
ul li:after {
  position: absolute;
  width: 20px;
  top: 5px;
  left: -35px;
  vertical-align: middle;
  text-align: right;
  line-height: 16px;
  font-size: 11px;
  font-family: "gd-site" !important;
  content: "\e91c";
  color: #0075FA;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 600px) {
  .txt-desc-big, .page-legal .legal-content p {
    font-size: 18px;
    line-height: 1.5em;
  }
  .txt-desc {
    font-size: 16px;
    line-height: 1.5em;
  }
  .txt-desc-small {
    font-size: 15px;
    line-height: 1.5em;
  }
}
a, .gd-link {
  color: #0075FA;
  font-size: 17px;
  line-height: 1.5em;
}
a.small, .gd-link.small {
  font-size: 16px;
}
a.orange, .gd-link.orange {
  color: #ff933a;
}
a.red, .gd-link.red {
  color: #dc4259;
}
a.blue, .gd-link.blue {
  color: #1996f0;
}
a.dark-blue, .gd-link.dark-blue {
  color: #4179e2;
}
a.violet, .gd-link.violet {
  color: #ac4dbd;
}
a.dark-violet, .gd-link.dark-violet {
  color: #7964ed;
}
a.green, .gd-link.green {
  color: #3eb653;
}
a.learn-more, .gd-link.learn-more {
  position: relative;
  color: #0075FA;
}
a.learn-more:after, .gd-link.learn-more:after {
  position: absolute;
  font-size: 11px;
  width: 20px;
  top: 4px;
  vertical-align: middle;
  text-align: right;
  color: #0075FA;
  line-height: 16px;
  font-family: "gd-site" !important;
  content: "\e901";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.back-link, .gd-link.back-link {
  position: relative;
  color: #606D80;
  margin-left: 30px;
  font-size: 17px;
}
a.back-link:hover, .gd-link.back-link:hover {
  color: #0075FA;
}
a.back-link:before, .gd-link.back-link:before {
  position: absolute;
  font-size: 18px;
  width: 20px;
  top: 2px;
  vertical-align: middle;
  text-align: right;
  left: -30px;
  padding-right: 30px;
  line-height: 16px;
  font-family: "gd-site" !important;
  content: "\e92c";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.learn-more-big, .gd-link.learn-more-big {
  position: relative;
  color: #0075FA;
  font-size: 19px;
}
a.learn-more-big:after, .gd-link.learn-more-big:after {
  position: absolute;
  font-size: 11px;
  width: 20px;
  top: 7px;
  vertical-align: middle;
  text-align: right;
  color: #0075FA;
  line-height: 16px;
  font-family: "gd-site" !important;
  content: "\e901";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.learn-more-17, .gd-link.learn-more-17 {
  position: relative;
  color: #0075FA;
  font-size: 17px;
}
a.learn-more-17:after, .gd-link.learn-more-17:after {
  position: absolute;
  font-size: 11px;
  width: 20px;
  top: 5px;
  vertical-align: middle;
  text-align: right;
  color: #0075FA;
  line-height: 16px;
  font-family: "gd-site" !important;
  content: "\e901";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.learn-more-15, .gd-link.learn-more-15 {
  position: relative;
  color: #0075FA;
  font-size: 15px;
}
a.learn-more-15:after, .gd-link.learn-more-15:after {
  position: absolute;
  font-size: 11px;
  width: 20px;
  top: 3px;
  vertical-align: middle;
  text-align: right;
  color: #0075FA;
  line-height: 16px;
  font-family: "gd-site" !important;
  content: "\e91d";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.link, .gd-link.link {
  position: relative;
  color: #0075FA;
}

.ui5-busy-dots {
  position: relative;
  /** SIZE **/
  /** ANIMATION COLOR CHANGE FROM ACTION TO PALE **/
  /** ANIMATION COLOR CHANGE FROM PALE TO ACTION **/
}
.ui5-busy-dots::before, .ui5-busy-dots::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.ui5-busy-dots.s8 {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ui5-busy-dots.s8::before {
  left: -13px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ui5-busy-dots.s8::after {
  left: 13px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ui5-busy-dots.s10 {
  width: 10px;
  height: 10px;
}
.ui5-busy-dots.s10::before {
  left: -15px;
  width: 10px;
  height: 10px;
}
.ui5-busy-dots.s10::after {
  left: 15px;
  width: 10px;
  height: 10px;
}
.ui5-busy-dots.color-action-to-pale {
  background-color: #52a8fa;
  animation: dotFlashingActionToPale 1s infinite alternate;
  animation-delay: 0.5s;
}
.ui5-busy-dots.color-action-to-pale::before {
  background-color: #52a8fa;
  animation: dotFlashingActionToPale 1s infinite alternate;
  animation-delay: 0s;
}
.ui5-busy-dots.color-action-to-pale::after {
  background-color: #52a8fa;
  animation: dotFlashingActionToPale 1s infinite alternate;
  animation-delay: 1s;
}
@keyframes dotFlashingActionToPale {
  0% {
    background-color: #EBF3FF;
  }
  50%, 100% {
    background-color: #52a8fa;
  }
}
.ui5-busy-dots.color-pale-to-action {
  background-color: #EBF3FF;
  animation: dotFlashingPaleToAction 1s infinite alternate;
  animation-delay: 0.5s;
}
.ui5-busy-dots.color-pale-to-action::before {
  background-color: #EBF3FF;
  animation: dotFlashingPaleToAction 1s infinite alternate;
  animation-delay: 0s;
}
.ui5-busy-dots.color-pale-to-action::after {
  background-color: #EBF3FF;
  animation: dotFlashingPaleToAction 1s infinite alternate;
  animation-delay: 1s;
}
@keyframes dotFlashingPaleToAction {
  0% {
    background-color: #399cf9;
  }
  50%, 100% {
    background-color: #EBF3FF;
  }
}

.ui5-link-small-gray {
  font-size: 15px;
  color: #3F4B5C;
  border-bottom: 1px dashed #3F4B5C;
}

.gd-section {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.gd-section.h-90 {
  height: 90px;
}
.gd-section.gray {
  background: #F7F8FA;
}
.gd-section.white {
  background: white;
}
.gd-section .gd-block {
  max-width: 1080px;
  width: 100%;
}
.gd-section .gd-block.underline {
  border-bottom: 1px solid #DCE4E9;
}
.gd-section.underline {
  border-bottom: 1px solid #DCE4E9;
}
@media (max-width: 1100px) {
  .gd-section .gd-block {
    padding: 0 30px;
  }
}
.gd-section.boxed-gray {
  background: transparent !important;
  display: flex;
  justify-content: center;
}
.gd-section.boxed-gray .gd-block {
  position: relative;
  padding: 80px 0;
}
.gd-section.boxed-gray .gd-block::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85vw;
  height: 100%;
  background: #F7F8FA;
  border-radius: 12px;
}
@media (max-width: 1200px) {
  .gd-section.boxed-gray .gd-block::before {
    width: 1080px;
  }
}

.gd-section.header {
  padding-top: 90px !important;
}
@media (max-width: 820px) {
  .gd-section.header {
    padding-top: 75px !important;
  }
}
.gd-section.header .gd-block {
  width: 100%;
}
.gd-section.header .gd-block .container {
  text-align: center;
  vertical-align: middle;
  padding-top: 84px;
  padding-bottom: 10px;
}
.gd-section.header .gd-block .l2 {
  margin: 15px 0 0 0;
  text-align: center;
  color: #3f4b5c;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.3px;
}

.gd-layout-55-45 {
  display: flex;
}
.gd-layout-55-45 div.left {
  flex-basis: 55%;
  padding-right: 60px;
}
.gd-layout-55-45 div.right {
  flex-basis: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gd-layout-55-45 div.right img {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .gd-layout-55-45 {
    flex-direction: column;
  }
  .gd-layout-55-45 .left, .gd-layout-55-45 .right {
    padding: 0 !important;
  }
  .gd-layout-55-45 .left {
    order: 2;
    margin-top: 30px;
  }
  .gd-layout-55-45 .right {
    order: 1;
  }
  .gd-layout-55-45 .preview {
    margin-top: 20px;
  }
  .gd-layout-55-45 .screenshot {
    margin-top: 30px;
  }
  .gd-layout-55-45 .txt-desc {
    margin-top: 10px;
  }
}

.gd-layout-45-55 {
  display: flex;
}
.gd-layout-45-55 div.right {
  flex-basis: 55%;
  padding-left: 60px;
}
.gd-layout-45-55 div.left {
  flex-basis: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gd-layout-45-55 div.left img {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .gd-layout-45-55 {
    flex-direction: column;
  }
  .gd-layout-45-55 .left, .gd-layout-45-55 .right {
    padding: 0 !important;
  }
  .gd-layout-45-55 .right {
    margin-top: 30px;
  }
  .gd-layout-45-55 .preview {
    margin-top: 20px;
  }
  .gd-layout-45-55 .screenshot {
    margin-top: 30px;
  }
  .gd-layout-45-55 .txt-desc {
    margin-top: 10px;
  }
}

.gd-layout-50-50 {
  display: flex;
  gap: 60px;
}
.gd-layout-50-50 div.left, .gd-layout-50-50 div.right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 50%;
}
.gd-layout-50-50 div.left.col-content, .gd-layout-50-50 div.right.col-content {
  align-items: flex-start;
}
.gd-layout-50-50 .screenshot {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .gd-layout-50-50 {
    flex-direction: column;
  }
  .gd-layout-50-50 .left, .gd-layout-50-50 .right {
    padding: 0 !important;
  }
  .gd-layout-50-50 .col-image {
    order: 1;
  }
  .gd-layout-50-50 .col-content {
    order: 2;
  }
  .gd-layout-50-50 .screenshot {
    width: calc(100% - 120px);
    max-width: 450px;
    margin: 20px 0 !important;
  }
}

.gd-layout-35-65 {
  display: flex;
}
.gd-layout-35-65 div.left {
  flex-basis: 35%;
  padding-right: 60px;
}
.gd-layout-35-65 div.right {
  flex-basis: 65%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.gd-layout-35-65 div.right img {
  width: 100%;
  max-width: 710px;
}
@media (max-width: 1000px) {
  .gd-layout-35-65 {
    flex-direction: column-reverse !important;
  }
  .gd-layout-35-65 .right, .gd-layout-35-65 .left {
    padding-right: 0 !important;
  }
  .gd-layout-35-65 .screenshot {
    margin: 0 0 40px 0;
  }
}

.gd-layout-65-35 {
  display: flex;
}
.gd-layout-65-35 div.left {
  flex-basis: 35%;
}
.gd-layout-65-35 div.right {
  flex-basis: 65%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 60px;
}
.gd-layout-65-35 div.right img {
  width: 100%;
  max-width: 710px;
}
@media (max-width: 1000px) {
  .gd-layout-65-35 {
    flex-direction: column !important;
  }
  .gd-layout-65-35 .right, .gd-layout-65-35 .left {
    padding-right: 0 !important;
  }
  .gd-layout-65-35 .screenshot {
    margin: 0 0 40px 0;
  }
}

.gd-layout-70-30 {
  display: flex;
}
.gd-layout-70-30 div.left {
  flex-basis: 70%;
}
.gd-layout-70-30 div.right {
  flex-basis: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1000px) {
  .gd-layout-70-30 {
    flex-direction: column !important;
  }
  .gd-layout-70-30 .right, .gd-layout-70-30 .left {
    padding-right: 0 !important;
  }
}

.gd-page-with-subnav {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.gd-page-with-subnav .gd-block {
  display: flex;
  max-width: 1080px;
  width: 100%;
}
.gd-page-with-subnav .sub-nav {
  display: flex;
  flex: 0 0 280px;
  padding-right: 40px;
}
.gd-page-with-subnav .page-content {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.gd-page-with-subnav .gd-section-top {
  width: 100%;
  margin: 0 0 40px 0;
  text-align: left;
}
.gd-page-with-subnav .gd-section-top h2 {
  margin: 0 0 0 0;
}
.gd-page-with-subnav .gd-header-small {
  margin: 0 0 40px 0;
}
.gd-page-with-subnav .section {
  padding: 0 40px;
}
@media (max-width: 1150px) {
  .gd-page-with-subnav .sub-nav {
    flex: 0 !important;
  }
  .gd-page-with-subnav .sub-nav .menu {
    display: none;
  }
  .gd-page-with-subnav .gd-screen-noshadow {
    margin: 20px 0 20px 0 !important;
  }
  .gd-page-with-subnav .gd-section-top {
    margin-bottom: 20px !important;
  }
  .gd-page-with-subnav .template-categories {
    padding: 0 10px;
  }
  .gd-page-with-subnav .template-categories .row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .gd-page-with-subnav .template-categories .row a {
    height: 90px !important;
    margin: 10px 0 !important;
  }
  .gd-page-with-subnav .template-categories .row a .icon {
    margin: 0 15px 0 25px !important;
    font-size: 22px !important;
  }
  .gd-page-with-subnav .template-categories .row.big-items a {
    flex-basis: 100%;
  }
  .gd-page-with-subnav .template-categories .row.small-items a {
    flex-basis: 48%;
  }
  .gd-page-with-subnav .template-content {
    margin: 40px 0 !important;
  }
  .gd-page-with-subnav .template-details {
    margin: 40px 0 !important;
  }
  .gd-page-with-subnav .template-details .template-group {
    flex-direction: column;
  }
  .gd-page-with-subnav .template-details .right .plate-type, .gd-page-with-subnav .template-details .right a {
    font-size: 14px !important;
  }
  .gd-page-with-subnav .template-details .right .plate-status {
    font-size: 12px !important;
  }
  .gd-page-with-subnav .gd-block .related {
    margin: 0 0 25px 0 !important;
  }
  .gd-page-with-subnav .templates-list {
    margin-top: 30px !important;
  }
  .gd-page-with-subnav .gd-block {
    flex-direction: column !important;
  }
  .gd-page-with-subnav .page-content {
    padding: 0 30px;
  }
  .gd-page-with-subnav .page-content .section {
    padding: 0;
  }
  .gd-page-with-subnav .page-content .gd-screen-big {
    width: 100% !important;
    max-width: 600px;
  }
}

section {
  width: 100%;
  position: relative;
}
section.gray {
  background: #F4F8FC;
}
section.white {
  background: white;
}
section block {
  display: block;
  max-width: 1080px;
  margin: 0 auto 0 auto;
}
section block:after {
  clear: both;
}

section.header.back block h1, section.header.back block div.back-link {
  display: inline-block;
  vertical-align: middle;
}
section.header.back block .back-link {
  font-size: 36px;
  color: #399cf9;
  font-weight: 200;
}
section.header.back block .back-link a {
  color: #399cf9;
  text-decoration: none;
}
section.header.back block .back-link span {
  margin: 0 10px 0 5px;
}
section.header block {
  width: 100%;
}
section.header block .container {
  text-align: center;
  vertical-align: middle;
  padding-top: 84px;
  padding-bottom: 10px;
}
section.header block .l2 {
  margin: 15px 0 0 0;
  text-align: center;
  color: #3f4b5c;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.3px;
}

section.sub-nav block {
  font-size: 16px;
  padding: 30px 0 30px 0;
}
section.sub-nav block span {
  opacity: 0.5;
  margin: 0 30px;
}
section.sub-nav block a {
  border-bottom: 1px dashed;
  line-height: 30px;
}
section.sub-nav block .container {
  text-align: center;
}

@media only screen and (max-width: 780px) {
  section.sub-nav block span {
    margin: 0 10px;
  }
  section.sub-nav block .container {
    text-align: left;
  }
}
.container-800 {
  max-width: 800px;
}

.snapshot {
  width: 100%;
}

@media only screen and (max-width: 1240px) {
  section.header block {
    margin-left: 20px !important;
    margin-right: 20px !important;
    width: calc(100% - 40px) !important;
  }
  img.can-shrink {
    width: 100%;
  }
}
.gd-section.header .signup-form {
  margin: 40px auto 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 550px;
  font-size: 16px;
}
.gd-section.header .signup-form .email-field {
  height: 40px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px #A5AFBA, 11px 12px 33px rgba(10, 31, 56, 0.06), 10px 21px 33px rgba(23, 99, 184, 0.05), 2px 3px 4px rgba(59, 82, 106, 0.03);
  border-radius: 6px;
  padding: 0 20px 0 50px;
  border: 1px solid #E9EBED;
  position: relative;
  margin-right: 15px;
}
.gd-section.header .signup-form:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-size: cover;
  top: 10px;
  left: 20px;
  background-image: url("../svg/get-started.svg");
  z-index: 1;
}
.gd-section.header .signup-form .button-action {
  text-align: center;
  top: 0;
  right: 0;
  line-height: 40px;
  font-size: 17px;
  box-shadow: 0px 0px 1px #A5AFBA, 11px 12px 33px rgba(10, 31, 56, 0.06), 10px 21px 33px rgba(23, 99, 184, 0.05), 2px 3px 4px rgba(59, 82, 106, 0.03);
  background: #0075FA;
  height: 40px;
  width: 195px;
  border-radius: 6px;
  padding: 0 20px 0 20px;
  color: white;
  border: none;
  transition: 300ms ease-out;
}
.gd-section.header .signup-form .button-action.left-no-radius {
  border-radius: 0 20px 20px 0;
}
.gd-section.header .signup-form .button-action:hover {
  background: #006DE8;
}
.gd-section.header .signup-form .button-action.black {
  background: #153159;
}
.gd-section.header .quick-navigation {
  margin: 20px 0 0 0;
  padding-left: 30px;
}
.gd-section.header .quick-navigation a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 11px;
  margin-right: 45px;
  line-height: 24px;
  color: rgba(44, 67, 97, 0.7490196078);
  border-bottom: 1px dashed rgba(44, 67, 97, 0.4);
}
.gd-section.header .quick-navigation a:after {
  position: absolute;
  width: 20px;
  top: 6px;
  left: -30px;
  vertical-align: middle;
  text-align: right;
  line-height: 16px;
  font-size: 11px;
  font-family: "gd-site" !important;
  content: "\e91c";
  color: #0075FA;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gd-section.header-violet {
  background: #815BDC url("../img/templates/featuresbg.jpg") no-repeat;
  background-color: #835bd8;
  background-size: cover;
  color: white;
  padding-bottom: 40px;
}
.gd-section.header-violet .gd-block {
  margin-top: 45px;
}
.gd-section.header-violet .header-img {
  text-align: center;
  margin-top: 20px;
}
.gd-section.header-violet .header-img img {
  width: 100%;
  max-width: 600px;
  position: relative;
}
.gd-section.header-violet h1, .gd-section.header-violet p {
  color: white;
  text-align: center;
}

.gd-section.header-gray {
  background-color: #F7F8FA;
  background-size: cover;
}
.gd-section.header-gray .gd-block {
  margin-top: 80px;
}
@media (max-width: 820px) {
  .gd-section.header-gray .gd-block {
    margin-top: 0;
  }
}
.gd-section.header-gray h1, .gd-section.header-gray p {
  text-align: center;
}

.gd-section.header-white {
  background: white;
  padding-bottom: 40px;
}
.gd-section.header-white .gd-block {
  margin-top: 45px;
}
.gd-section.header-white .header-img {
  text-align: center;
  margin-top: 20px;
}
.gd-section.header-white .header-img img {
  width: 100%;
  max-width: 600px;
  position: relative;
}
.gd-section.header-white h1, .gd-section.header-white p {
  text-align: center;
}

.header-solutions .gd-block {
  z-index: 1;
}
.header-solutions .grid {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.header-solutions .grid .line {
  width: 1px;
  background: linear-gradient(180deg, rgba(236, 240, 243, 0.5) 0%, rgba(236, 240, 243, 0) 100%);
}
.header-solutions .signup-form {
  margin: 40px 0 0 0 !important;
}
.header-solutions .action-button, .header-solutions .page-help-center .btn-submit-ticket, .page-help-center .header-solutions .btn-submit-ticket, .header-solutions .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket, .page-help-center .header-help-index .search-ticket .support-ticket .header-solutions .btn-submit-ticket {
  width: 200px;
  margin: 30px 0 0 0 !important;
}
.header-solutions .nav-btns {
  margin: 30px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.header-solutions .nav-btns a {
  margin: 0 10px 10px 0;
  display: flex;
  align-items: center;
  background: #FAFBFC;
  border: 1px solid #E6EAEF;
  max-height: 36px;
  border-radius: 50px;
  padding: 8px 16px;
  transition: all 0.3s ease;
}
.header-solutions .nav-btns a .icon {
  color: #5D6F88;
  font-size: 16px;
  margin-right: 10px;
}
.header-solutions .nav-btns a .name {
  height: 24px;
  font-size: 16px;
  color: #3F4B5C;
  transition: color 0.3s ease;
}
.header-solutions .nav-btns a:hover {
  background: white;
  color: #0075FA;
}
.header-solutions .linkswrap {
  padding-top: 40px;
  padding-bottom: 20px;
}
.header-solutions .linkswrap a {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 11px;
  margin-right: 8px;
  height: 36px;
  line-height: 34px;
  padding: 0 15px;
  border: 1px solid #E8EAED;
  color: #3f4b5c;
  background: #F9FAFC;
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
  border-radius: 20px;
}
.header-solutions .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.header-solutions .flex .flel .solution-eyebrow {
  font-size: 14px;
  text-transform: uppercase;
  color: #8C96A4;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.header-solutions .flex .flel .txt-desc-small {
  color: #5E6267;
}
.header-solutions .flex .flel .our-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header-solutions .flex .flel .our-rating .star {
  width: 15px;
}
.header-solutions .flex .flel .our-rating .total {
  font-weight: 700;
}
.header-solutions .flex .flel .our-rating .platforms {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-solutions .flex .flel .our-rating .platforms a {
  display: flex;
}
.header-solutions .flex .flel .our-rating .platforms .plat {
  height: 24px;
  width: fit-content;
}
.header-solutions .flex .flel .solution-cover {
  max-width: 1080px;
  width: 100%;
  height: 600px;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: cover;
  border-radius: 6px;
  border: 1px solid #E6EAEF;
  filter: drop-shadow(2.12314px 3.18471px 26.5393px rgba(23, 44, 72, 0.03));
  overflow: hidden;
}
.header-solutions .flex p.htitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 48px;
  color: #3f4b5c;
  opacity: 0.8;
}
.header-solutions .flex img {
  width: 616px;
  max-width: 100%;
}
.header-solutions .flex .btn-wr {
  text-align: left;
}
.header-solutions .flex .btn-wr .btn-blue {
  height: 40px;
  padding: 0 42px 0 42px;
  line-height: 38px;
  border: 1px solid #399cf9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  line-height: 40px;
  color: #ffffff;
  background: #399cf9;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
@media (max-width: 1000px) {
  .header-solutions .flex {
    flex-direction: column-reverse !important;
    gap: 60px;
  }
  .header-solutions .flel {
    padding-left: 0;
    text-align: center;
  }
  .header-solutions .flel img {
    max-width: 500px;
  }
  .header-solutions h1, .header-solutions h3, .header-solutions .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .header-solutions .title, .header-solutions .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .header-solutions .title {
    text-align: center !important;
  }
}
@media (max-width: 600px) {
  .header-solutions .flel img {
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 820px) {
  .header-solutions .flel55 {
    padding-left: 0 !important;
  }
  .header-solutions .quick-navigation a {
    text-align: left !important;
  }
}

.header-internal {
  padding-bottom: 80px;
}
.header-internal.one-column .flex {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-internal.one-column .left, .header-internal.one-column .right {
  padding-left: 0 !important;
}
.header-internal.one-column .right {
  margin-top: 40px;
}
.header-internal.one-column .screenshot {
  max-width: 500px !important;
}
.header-internal.one-column h1 {
  text-align: center !important;
}
.header-internal:after {
  display: none;
}
.header-internal .left {
  margin: 0;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding-left: 0;
}
.header-internal .right {
  margin: 0;
  display: flex;
  align-items: center;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding-left: 65px;
}
.header-internal h3, .header-internal .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .header-internal .title, .header-internal .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .header-internal .title {
  margin: 0 0 15px 0 !important;
  font-size: 14px;
  text-transform: uppercase;
  color: #8C96A4;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.header-internal .txt-desc {
  margin-top: 20px;
}
.header-internal .signup-form {
  margin: 40px 0 0 0 !important;
}
.header-internal .buttons {
  margin: 40px 0 0 0 !important;
}
.header-internal .buttons .secondary-button {
  margin-left: 20px;
}
.header-internal .screenshot {
  max-width: 100%;
}
.header-internal .linkswrap {
  padding-top: 40px;
  padding-bottom: 20px;
}
.header-internal .linkswrap a {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 11px;
  margin-right: 8px;
  height: 36px;
  line-height: 34px;
  padding: 0 15px;
  border: 1px solid #E8EAED;
  color: #3f4b5c;
  background: #F9FAFC;
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
  border-radius: 20px;
}
.header-internal .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-internal .flex h1, .header-internal .flex p {
  text-align: left;
}
.header-internal .flex p.htitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 48px;
  color: #3f4b5c;
  opacity: 0.8;
}
.header-internal .flex img {
  width: 100%;
  max-width: 100%;
}
.header-internal .flex .btn-wr {
  text-align: left;
}
.header-internal .flex .btn-wr .btn-blue {
  height: 40px;
  padding: 0 42px 0 42px;
  line-height: 38px;
  border: 1px solid #399cf9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  line-height: 40px;
  color: #ffffff;
  background: #399cf9;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.header-internal .navigation {
  margin: 30px 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.header-internal .navigation .nav {
  margin: 0 10px 10px 0;
  display: flex;
  align-items: center;
  background: #FAFBFC;
  border: 1px solid #E6EAEF;
  max-height: 36px;
  border-radius: 50px;
  padding: 8px 16px;
}
.header-internal .navigation .nav .name {
  transition: color 0.3s ease;
}
.header-internal .navigation .nav:hover {
  background: white;
}
.header-internal .navigation .nav:hover .name {
  color: #0075FA;
}
.header-internal .navigation .icon {
  color: #5D6F88;
  font-size: 16px;
  margin-right: 10px;
}
.header-internal .navigation .name {
  height: 24px;
  font-size: 16px;
  color: #3F4B5C;
}
@media (max-width: 1000px) {
  .header-internal .right {
    padding-left: 0;
    align-content: center;
    justify-content: center;
  }
  .header-internal img.screenshot {
    max-width: 450px;
    margin: 20px 0 40px 0 !important;
  }
  .header-internal .gd-block {
    margin-top: 0 !important;
  }
  .header-internal .flex {
    flex-direction: column-reverse !important;
  }
  .header-internal h1, .header-internal h3, .header-internal .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .header-internal .title, .header-internal .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .header-internal .title, .header-internal .buttons {
    text-align: center !important;
  }
}
@media (max-width: 600px) {
  .header-internal img.screenshot {
    max-width: calc(100% - 120px);
  }
}
@media (max-width: 820px) {
  .header-internal .flel55 {
    padding-left: 0 !important;
  }
  .header-internal .quick-navigation a {
    text-align: left !important;
  }
}

.header-empty {
  border-bottom: 1px solid #dfe8f1;
}
.header-empty:after {
  display: none;
}

.header-image-right .gd-block {
  display: flex;
  justify-content: space-between;
  margin-top: 20px !important;
  margin-bottom: 45px;
  padding: 0 35px 0 35px;
}
.header-image-right .left {
  max-width: 550px;
  margin-top: 25px;
}
.header-image-right .title {
  text-align: left !important;
  font-size: 44px;
}
.header-image-right .txt-desc-big, .header-image-right .page-legal .legal-content p, .page-legal .legal-content .header-image-right p {
  text-align: left !important;
  max-width: 500px;
}
.header-image-right .buttons {
  display: flex;
  margin: 40px 0 0 0;
}
.header-image-right .action-button, .header-image-right .page-help-center .btn-submit-ticket, .page-help-center .header-image-right .btn-submit-ticket, .header-image-right .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket, .page-help-center .header-help-index .search-ticket .support-ticket .header-image-right .btn-submit-ticket, .header-image-right .secondary-button {
  margin: 0 20px 0 0 !important;
}
.header-image-right .back {
  margin: 0 0 15px 0;
}
.header-image-right .screenshot {
  text-align: center;
}
.header-image-right .screenshot img {
  width: 100%;
  position: relative;
  vertical-align: bottom;
}
.header-image-right .screenshot.template-img {
  margin-top: 80px;
}
.header-image-right .screenshot.template-img img {
  border-radius: 20px;
  overflow: hidden;
}

.header-image .screenshot {
  text-align: center;
  margin-top: 20px;
}
.header-image .screenshot img {
  width: 100%;
  position: relative;
  vertical-align: bottom;
}

.header-gray {
  top: 0;
  background-size: cover;
  padding-top: 50px;
}
.header-gray .container {
  text-align: center;
  vertical-align: middle;
  padding-top: 84px;
}
.header-gray .templatesmainimg {
  text-align: center;
  margin-top: 60px;
}
.header-gray .templatesmainimg img {
  width: 100%;
  max-width: 450px;
  position: relative;
}
.header-gray p {
  font-size: 20px;
  line-height: 1.5em;
  color: #3f4b5c;
  text-align: center;
  margin: 20px auto 0 auto;
  max-width: 640px;
}

.gray-background {
  position: absolute;
  top: 0;
  background-image: url("../img/home-page/background-gd-gradient-grey.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 858px;
}
.gray-background.bg-pricing {
  height: 1560px;
}

.plate-features {
  background: #F7F8FA;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
}
.plate-features .info {
  padding: 30px 35px 0 35px;
}
.plate-features .info.w-70 {
  width: 70%;
}
.plate-features .info p {
  margin-top: 12px;
}
.plate-features .template-thumbnail {
  border-radius: 10px;
  background: white;
  overflow: hidden;
  display: block;
}
.plate-features.blue {
  color: white;
  background: #5360EF;
}
.plate-features.center {
  text-align: center;
}
.plate-features:hover {
  box-shadow: 0px 4px 13px 5px rgba(10, 31, 56, 0.05), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
}

.plate-features-small {
  background: #F4F8FC;
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
  border-radius: 20px;
}

html {
  font-family: "Plus Jakarta Sans", sans-serif;
  height: 100%;
}

body {
  min-height: 100%;
  font-size: 14px;
  font-weight: normal;
  background-color: white;
  color: #1d3960;
  min-width: 320px;
}

a {
  text-decoration: none;
  color: #1d3960;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-page {
  margin: 0 35px;
}

ul {
  margin: 0;
}

div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.subtitle {
  font-size: 19px;
  line-height: 1.6;
}

@media only screen and (max-width: 1000px) {
  h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 780px) {
  .subtitle {
    font-size: 18px;
    line-height: 1.4;
  }
}
input, textarea {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
}

input {
  border: none;
  background-color: transparent;
  height: 38px;
  font-weight: normal;
}
input::-webkit-input-placeholder {
  color: #2d3b43;
  opacity: 0.8;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
input.white {
  background-color: white;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  padding: 0 20px;
  color: #646669;
}
input.white::placeholder {
  color: #646669;
}

form button {
  background: #399cf9;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  color: #ffffff;
  font-size: 16px;
  padding: 4px 25px 0 25px;
  height: 38px;
}

.button-blue {
  background: #399cf9;
  border-radius: 2px;
  color: #ffffff;
  font-size: 16px;
  padding: 15px 25px 13px;
}

.gd-button-solid {
  font-size: 16px;
  font-weight: normal;
  color: #3093f9;
  border: 2px solid #3093f9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 13px 30px 11px 25px;
  display: inline-block;
  text-align: center;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.gd-site-ico-30 {
  font-size: 30px;
  color: #75899F;
}
.gd-site-ico-30.ps-more-link {
  color: #1988FF;
  margin-left: 20px;
}
.gd-site-ico-30.size46 {
  font-size: 46px;
}

.gd-get-started .gd-block {
  max-width: 1080px;
  margin: 80px auto 100px auto;
}
.gd-get-started .column {
  width: 33%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.gd-get-started .column .gd-site-ico-30 {
  margin-bottom: 20px;
}
.gd-get-started .column p {
  margin: 15px 25px;
}
@media (max-width: 600px) {
  .gd-get-started .gd-block {
    margin: 20px 0 !important;
  }
  .gd-get-started .column {
    width: 100% !important;
    margin: 30px 0;
  }
}

.gd-section-top, .gd-title-desc {
  width: 70%;
  margin: 20px auto 60px auto;
  text-align: center;
}
.gd-section-top h2, .gd-title-desc h2 {
  margin: 50px 0 40px 0;
}
.gd-section-top .icon, .gd-title-desc .icon {
  font-size: 46px;
  margin-right: 14px;
  color: #5D6F88;
  top: 6px;
  position: relative;
}
@media (max-width: 1000px) {
  .gd-section-top, .gd-title-desc {
    width: 100%;
    margin-bottom: 40px;
  }
  .gd-section-top .icon, .gd-title-desc .icon {
    font-size: 32px;
    top: 2px;
  }
}

.gd-section-desc {
  width: 90%;
  margin: 60px auto 60px auto;
  text-align: center;
}
.gd-feature-desc {
  margin: 60px 0 60px 0;
}
.gd-feature-desc h2 {
  margin: 0 0 30px 0;
}
.gd-feature-desc .screenshot {
  max-width: 100%;
}

.gd-features-center {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #DCE4E9;
}
.gd-features-center h3, .gd-features-center .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .gd-features-center .title, .gd-features-center .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .gd-features-center .title {
  margin: 0 0 17px 0;
}
.gd-features-center .txt-desc {
  margin: 0 0 25px;
}
.gd-features-center img {
  width: 88px;
  margin-bottom: 20px;
}
.gd-features-center .feature {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  text-align: center;
  padding: 0 35px 60px;
}
.gd-features-center .feature .readmore {
  margin: 0 auto;
}
@media (max-width: 820px) {
  .gd-features-center .txt-desc {
    max-width: 400px;
  }
  .gd-features-center .feature {
    flex-basis: 100% !important;
    padding: 0 0 60px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.gd-feature-50-50 .gd-layout-50-50 {
  padding: 50px 0 50px 0;
}
.gd-feature-50-50 .gd-layout-50-50 .right.preview {
  padding: 0 0 0 40px;
}
.gd-feature-50-50 .gd-layout-50-50 .left.preview {
  padding: 0 80px 0 0;
}
.gd-feature-50-50 .gd-layout-50-50 .screenshot {
  border-radius: 20px;
}
@media (max-width: 1000px) {
  .gd-feature-50-50 .gd-layout-50-50 {
    padding: 20px 0 20px 0 !important;
  }
}

.gd-featured-clients .gd-block {
  display: grid;
  grid-template-areas: "logo-title logo-item logo-item logo-item logo-item logo-item logo-item logo-item logo-item";
  margin: 0 auto;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E8EAED;
}
.gd-featured-clients .logo-title {
  font-weight: bold;
  margin-right: 2px;
  width: 280px;
}
.gd-featured-clients img {
  margin: 0 15px 0 15px;
}
@media (max-width: 1060px) {
  .gd-featured-clients .gd-block {
    display: flex !important;
    flex-wrap: wrap;
  }
  .gd-featured-clients .gd-block .logo-title {
    width: 100%;
    text-align: center;
  }
  .gd-featured-clients .gd-block .logo-item {
    margin: 15px 15px 15px 15px;
  }
}

.join-teams {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.join-teams .logo-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 85px;
  max-width: 1100px;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.join-teams .logos {
  display: flex;
  animation: scroll 40s linear infinite;
  width: max-content;
}
.join-teams .logo-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  flex-shrink: 0;
  width: 140px;
  height: 85px;
}
.join-teams .logo-item:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: -webkit-filter 0.5s ease, filter 0.5s ease;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.more-pages {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  background: #F7F8FA;
  border-radius: 12px;
  overflow: hidden;
  max-width: 85vw !important;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.more-pages .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.more-pages .top h2 {
  max-width: 800px;
}
.more-pages .list {
  margin-top: 30px;
  max-width: 90%;
}
.more-pages .slick-track {
  margin-left: -180px;
}
.more-pages .slick-list {
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.more-pages .item {
  position: relative;
  border-radius: 8px;
  margin: 0 12.5px 0 12.5px;
  height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #FAFBFC;
  border: 1px solid #E6EAEF;
}
.more-pages .item .item-content {
  padding: 40px 30px 40px 30px;
  text-align: left;
}
.more-pages .item .item-content .content-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.more-pages .item .item-content .content-title h3, .more-pages .item .item-content .content-title .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .more-pages .item .item-content .content-title .title, .more-pages .item .item-content .content-title .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .more-pages .item .item-content .content-title .title {
  margin: 0 !important;
}
.more-pages .item .item-content .content-title .title-icon {
  margin-right: 15px !important;
  font-size: 23px;
}
.more-pages .item .item-content .content-title .title-text {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.more-pages .item .item-content .content-title .title-text.blue-dark {
  background: linear-gradient(90deg, #4179e2 0%, #3461b5 100%);
}
.more-pages .item .item-content .content-title .title-text.violet {
  background: linear-gradient(90deg, #815bdc 0%, #6749b0 100%);
}
.more-pages .item .item-content .content-title .title-text.purple {
  background: linear-gradient(90deg, #ba5bdc 0%, #9549b0 100%);
}
.more-pages .item .item-content .content-title .title-text.red {
  background: linear-gradient(90deg, #ed5b88 0%, #be496d 100%);
}
.more-pages .item .item-content .content-title .title-text.orange-dark {
  background: linear-gradient(90deg, #e2621a 0%, #b54e15 100%);
}
.more-pages .item .item-content .content-title .title-text.green {
  background: linear-gradient(90deg, #0fc025 0%, #0c9a1e 100%);
}
.more-pages .item .item-content .content-title .title-text.blue {
  background: linear-gradient(90deg, #399cf9 0%, #2e7dc7 100%);
}
.more-pages .item .item-content .learn-more-big, .more-pages .item .item-content .learn-more-big::after {
  transition: color 0.5s ease;
  color: #787B80;
}
.more-pages .item .item-content .learn-more-big::after {
  top: 4px;
}
.more-pages .item .item-content .learn-more-big {
  font-size: 17px;
}
.more-pages .item .item-content .learn-more-big:hover {
  color: #0075FA;
}
.more-pages .item .item-content .learn-more-big:hover::after {
  color: #0075FA;
}
.more-pages .item .item-img {
  width: calc(100% - 30px);
  height: 300px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  margin-left: 30px;
}
.more-pages .btn-next, .more-pages .btn-prev {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
  width: 15px;
  height: 25px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.more-pages .btn-next:after, .more-pages .btn-prev:after {
  position: absolute;
  font-size: 22px;
  vertical-align: middle;
  text-align: right;
  color: #0075FA;
  font-family: "gd-site" !important;
  content: "\e901";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.more-pages .btn-next {
  left: auto;
  right: -30px;
}
.more-pages .btn-prev:after {
  transform: rotate(180deg);
}

.lets-started {
  margin-bottom: 120px;
}
.lets-started .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.lets-started .top .top-text {
  margin-top: 20px;
  margin-bottom: 35px;
}

.gd-left-navigation .menu {
  position: relative;
  top: 0;
  max-height: 800px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.gd-left-navigation .menu a {
  width: 100%;
  line-height: 26px;
  color: #3f4b5c;
  font-size: 15px;
  position: relative;
  padding-left: 20px;
  z-index: 1;
  margin: 5px 0 10px 0;
}
.gd-left-navigation .menu a.selected {
  font-weight: bold;
}
.gd-left-navigation .menu a.selected:before {
  content: "";
  position: absolute;
  height: calc(100% + 10px);
  width: 260px;
  left: 0;
  top: -5px;
  background: #F1F9FD;
  z-index: -1;
  border-radius: 6px;
}
.gd-left-navigation .menu a:hover {
  color: #0075FA;
}
.gd-left-navigation .menu a:hover:before {
  content: "";
  position: absolute;
  height: calc(100% + 10px);
  width: 260px;
  left: 0;
  top: -5px;
  background: #F1F9FD;
  z-index: -1;
  border-radius: 6px;
}

.gd-header-small {
  display: flex;
  width: 100%;
  padding: 0 40px 20px 40px;
}
.gd-header-small .screenshot {
  max-width: 100%;
}
.gd-header-small div.right {
  flex-basis: 45%;
  padding-left: 60px;
}
.gd-header-small div.left {
  flex-basis: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 600px) {
  .gd-header-small {
    padding: 0 !important;
    flex-direction: column-reverse !important;
  }
  .gd-header-small .left {
    padding: 20px 30px 30px 30px !important;
    flex-basis: 100% !important;
  }
  .gd-header-small .left .buttons {
    width: 100% !important;
  }
  .gd-header-small .left .buttons .action-button, .gd-header-small .left .buttons .page-help-center .btn-submit-ticket, .page-help-center .gd-header-small .left .buttons .btn-submit-ticket {
    width: 100% !important;
  }
  .gd-header-small .right {
    flex-basis: 100% !important;
    padding: 20px 0 0 0 !important;
    text-align: center;
  }
  .gd-header-small .screenshot {
    border-radius: 15px 15px 0 0;
  }
}

.gd-header-one-column.with-breadcrumbs h1 {
  margin-top: 40px;
}
.gd-header-one-column .gd-block {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  flex-direction: column;
}
.gd-header-one-column h1 {
  margin-top: 60px;
  text-align: center;
}

.gd-breadcrumbs {
  width: 100%;
  padding: 10px 0 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
}
.gd-breadcrumbs .separator {
  margin: 0 15px;
}
.gd-breadcrumbs .separator:before {
  content: "/";
}
.gd-breadcrumbs .cur-page {
  font-size: 16px;
}
.gd-breadcrumbs .gd-link {
  font-size: 16px !important;
}

.form-errors {
  color: red;
  margin: 0 0 20px 0;
}
.form-errors .block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form-errors img {
  width: 16px;
  height: 16px;
}
.form-errors.hidden {
  display: none;
}
.form-errors .errors {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px 10px 10px 10px;
}

.reviews {
  max-width: 94% !important;
}
.reviews .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.reviews .top p {
  max-width: 950px;
}
.reviews .list {
  margin: 30px -7.5px 0;
}
.reviews .item {
  margin: 0 12.5px 0 12.5px;
  border-radius: 8px;
  height: 600px;
  text-align: left;
  padding: 40px 30px 40px 30px;
  transition: height 0.5s ease;
  background: linear-gradient(321.55deg, #AB8BF4 0%, #4F8DF7 100%);
}
.reviews .item .posted-by {
  display: flex;
}
.reviews .item .posted-by .avatar {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.reviews .item .posted-by .user {
  display: flex;
  flex-direction: column;
}
.reviews .item .posted-by .user .name {
  color: #FFFFFF;
  font-weight: 600;
}
.reviews .item .posted-by .user .company {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.75);
}
.reviews .item .source {
  text-align: left;
}
.reviews .item .source img {
  width: 180px;
  height: 36px;
  display: block;
}
.reviews .item .title {
  color: #FFFFFF;
}
.reviews .item .text {
  transition: opacity 0.5s ease, transform 0.5s ease;
  color: #FFFFFF;
}
.reviews .btn-next, .reviews .btn-prev {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: -45px;
  transform: translateY(-50%);
  width: 15px;
  height: 25px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.reviews .btn-next:after, .reviews .btn-prev:after {
  position: absolute;
  font-size: 20px;
  vertical-align: middle;
  text-align: right;
  color: #0075FA;
  font-family: "gd-site" !important;
  content: "\e901";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.reviews .btn-next {
  left: auto;
  right: -20px;
}
.reviews .btn-prev:after {
  transform: rotate(180deg);
}
@media (max-width: 1000px) {
  .reviews .top .normal-text {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1280px) {
  .reviews .btn-prev, .reviews .btn-next {
    display: none !important;
  }
}

.integrations .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.integrations .top h2 {
  max-width: 800px;
}
.integrations .top .ratings {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.integrations .top .ratings .set img {
  height: 32px;
}
.integrations .awards-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 37px;
}
.integrations .awards-list .award {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 335px;
}
.integrations .awards-list .award .award-img {
  width: 88px;
  height: 100px;
}
.integrations .awards-list .award .category {
  text-transform: uppercase;
  color: #5E6267;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 1000px) {
  .integrations span {
    white-space: normal;
  }
}

.faq-section .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.faq-section .faq-item:first-child {
  border-top: 1px solid #E6EAEF;
}
.faq-section .faq-item {
  background: #fff;
  border-bottom: 1px solid #E6EAEF;
  overflow: hidden;
}
.faq-section .faq-question {
  padding: 20px 25px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
}
.faq-section .faq-question::after {
  content: "\e900";
  font-family: "gd-site";
  right: 20px;
  font-size: 17px;
  color: #4F657E;
  transition: transform 0.3s ease;
}
.faq-section .faq-item.active .faq-question::after, .faq-section .landing.project-management .our-solutions .solution-tabs .gd-block .faq-item.tabs-item:hover .faq-question::after, .landing.project-management .our-solutions .solution-tabs .gd-block .faq-section .faq-item.tabs-item:hover .faq-question::after {
  transform: rotate(-180deg);
  color: #0075FA;
}
.faq-section .faq-answer {
  max-height: 0;
  padding: 0 25px;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  margin: 0;
}
.faq-section .faq-item.active .faq-answer, .faq-section .landing.project-management .our-solutions .solution-tabs .gd-block .faq-item.tabs-item:hover .faq-answer, .landing.project-management .our-solutions .solution-tabs .gd-block .faq-section .faq-item.tabs-item:hover .faq-answer {
  padding: 0 25px 20px 25px;
  max-height: 200px;
}

a.blue {
  color: #3182D4;
}

#menu-mobile {
  background: #F1F5F9;
  width: 100%;
  height: calc(100% - 75px);
  position: fixed;
  top: 75px;
  left: 0;
  z-index: 100;
  box-sizing: border-box;
  padding: 0 0 30px 0;
  overflow-y: auto;
  overflow-x: hidden;
}
#menu-mobile.hidden {
  display: none;
}
#menu-mobile .submenu.hidden {
  display: none;
}
#menu-mobile .submenu .level2 {
  height: 40px;
}
#menu-mobile .link {
  color: #1D3960;
  font-size: 19px;
  font-weight: 500;
  position: relative;
  height: 58px;
  width: 100%;
  background: #F1F5F9;
  padding: 0 0 0 20px;
  line-height: 58px;
  display: block;
}
#menu-mobile .link .arrow {
  position: absolute;
  right: 40px;
  top: 24px;
  font-size: 14px;
  color: #4F657E;
}
#menu-mobile .item {
  position: relative;
  margin: 0 30px 15px 30px;
  z-index: 1;
}
#menu-mobile .item .icon {
  line-height: 40px;
  width: 30px;
  height: 40px;
  font-size: 22px;
  color: #4F657E;
  margin-top: 2px;
}
#menu-mobile .item .title {
  display: flex;
}
#menu-mobile .item .name {
  color: #2c4361;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  font-weight: 500;
  margin-left: 8px;
}
#menu-mobile .item .info {
  color: #606D80;
  font-size: 16px;
  line-height: 1.4;
  margin-left: 38px;
}
#menu-mobile .separator {
  height: 1px;
  box-sizing: border-box;
  background-color: #E8EAED;
  width: 100%;
}
#menu-mobile .buttons-bottom {
  padding: 0 20px !important;
}
#menu-mobile .buttons-bottom .action-button, #menu-mobile .buttons-bottom .page-help-center .btn-submit-ticket, .page-help-center #menu-mobile .buttons-bottom .btn-submit-ticket, #menu-mobile .buttons-bottom .secondary-button {
  width: 100%;
}

.main-navigation {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  width: 100%;
  height: 90px;
}
.main-navigation .tippy-box {
  width: calc(100vw - 10px);
  max-width: 100vw;
  left: 0 !important;
  right: 0 !important;
  background-color: white;
  transform: none !important;
  box-shadow: 0 35px 45px rgba(0, 0, 0, 0.1);
}
.main-navigation .tippy-box .tippy-content {
  padding: 0 !important;
  display: flex;
  justify-content: center;
}
.main-navigation .nav-popover-menu {
  border-top: 1px solid #ECF0F3;
  display: flex;
  position: relative;
  max-width: 1080px;
  width: 100%;
  background: white;
  padding: 30px 0;
}
.main-navigation .nav-popover-menu .row {
  display: flex;
  flex-direction: row;
}
.main-navigation .nav-popover-menu .content {
  width: 100%;
}
.main-navigation .nav-popover-menu.product {
  height: 475px;
}
@media (max-width: 950px) {
  .main-navigation .nav-popover-menu.product {
    height: 540px;
  }
}
.main-navigation .nav-popover-menu.solutions {
  height: 314px;
}
@media (max-width: 950px) {
  .main-navigation .nav-popover-menu.solutions {
    height: 364px;
  }
}
.main-navigation .nav-popover-menu .tabs {
  display: flex;
  flex-direction: column;
  width: 215px;
}
.main-navigation .nav-popover-menu .tabs .tab {
  height: 36px;
  width: 215px;
  border-radius: 8px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #1d3960;
  padding: 0 15px;
  cursor: pointer;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-navigation .nav-popover-menu .tabs .tab .icon {
  font-size: 15px;
}
.main-navigation .nav-popover-menu .tabs .tab:hover {
  color: #0075FA;
}
.main-navigation .nav-popover-menu .tabs .tab.active, .main-navigation .nav-popover-menu .tabs .landing.project-management .our-solutions .solution-tabs .gd-block .tab.tabs-item:hover, .landing.project-management .our-solutions .solution-tabs .gd-block .main-navigation .nav-popover-menu .tabs .tab.tabs-item:hover {
  background-color: #F1F9FD;
  color: #0075FA;
}
.main-navigation .nav-popover-menu .tab-content {
  height: 100%;
  display: flex;
}
.main-navigation .nav-popover-menu .menu-separator {
  background-color: #ECF0F3;
  width: 1px;
  flex-shrink: 0;
}
.main-navigation .nav-popover-menu .pages {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-navigation .nav-popover-menu .pages .pages-content {
  display: flex;
  flex-direction: row;
}
.main-navigation .nav-popover-menu .pages-learn-more {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-navigation .nav-popover-menu .pages-learn-more a {
  font-size: 14px;
  font-weight: 600;
}
.main-navigation .nav-popover-menu .pages-learn-more:hover a {
  color: #0075FA;
}
.main-navigation .nav-popover-menu .pages-learn-more:hover a::after {
  color: #0075FA;
}
.main-navigation .nav-popover-menu .column {
  position: relative;
  flex: 1;
}
.main-navigation .nav-popover-menu .column.gray:after {
  content: "";
  position: absolute;
  left: -40px;
  top: -25px;
  width: 345px;
  height: calc(100% + 25px);
  background: #F4F8FC;
  border-radius: 0 12px 12px 0;
  border-left: 1px solid #E8EAED;
}
.main-navigation .nav-popover-menu .column.tree-col .item {
  min-height: 58px;
}
.main-navigation .nav-popover-menu .column.tree-col .item:hover:before {
  background: #E6F3FA;
}
.main-navigation .nav-popover-menu .column.tree-col .item .icon {
  font-size: 18px;
  margin-top: 0;
}
.main-navigation .nav-popover-menu .column.tree-col .item .name {
  margin-left: 5px;
}
.main-navigation .nav-popover-menu .column.tree-col .item .info {
  margin-left: 35px;
}
.main-navigation .nav-popover-menu .column.promo-col {
  flex: 0 0 240px;
}
.main-navigation .nav-popover-menu .column.promo-col .menu-header {
  margin-left: 0;
}
.main-navigation .nav-popover-menu .column.promo-col .item {
  padding: 15px 15px;
}
.main-navigation .nav-popover-menu .column.promo-col .item .name, .main-navigation .nav-popover-menu .column.promo-col .item .info {
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-navigation .nav-popover-menu .column.promo-col .item .info {
  -webkit-line-clamp: 3;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-blue {
  background: linear-gradient(135deg, #E5F1FF 0%, #EBFDFF 100%);
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-blue:hover .title .name {
  color: #1d3960 !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-pink {
  background: linear-gradient(135deg, #F9EEFF 0%, #FFEFFD 100%);
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-pink:hover .title .name {
  color: #815BDC !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-purple {
  background: linear-gradient(135deg, #f5eaff 0%, #f8f1ff 100%);
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-purple:hover .title .name {
  color: #815BDC !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-violet {
  background: linear-gradient(135deg, #EAF2FF 0%, #F5F1FF 100%);
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-violet:hover .title .name {
  color: #0366d6 !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-green {
  background: linear-gradient(135deg, #F8F9EB 0%, #EDF9ED 100%);
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .promo-green:hover .title .name {
  color: #06c026 !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item {
  background-color: #F7F8FA;
  padding: 0 !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item .item-content {
  margin: 15px;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .pages-learn-more {
  margin-top: 10px !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-img {
  width: 100%;
  height: 97px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-ar .item-img {
  background-image: url("../img/navigation-promo/item-ar.png");
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-hierarchy .item-img {
  background-image: url("../img/navigation-promo/item-hierarchy.png");
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates {
  border: 1px solid #ECF0F3;
  max-height: 415px;
  overflow: hidden;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .title-gradient {
  font-weight: 700;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .title-top {
  color: #9461D2;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .title-top {
  font-size: 13px;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .title .name {
  line-height: 25.5px;
  color: #1d3960;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .info {
  display: block;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .list-item {
  font-size: 13px;
  color: #5E6267;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .list-item span {
  color: #0075FA;
  margin-right: 8px;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .button {
  height: 30px;
  font-size: 13px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates:hover .title .name {
  color: #000000 !important;
}
.main-navigation .nav-popover-menu .column.promo-col.highlight .item-templates .item-img {
  border-top-left-radius: 5px;
  width: calc(100% - 15px);
  margin-left: 15px;
  height: 240px;
  background-image: url("../img/navigation-promo/item-templates-blue.png");
}
.main-navigation .nav-popover-menu .column.promo-col.join-us .item {
  background-color: #F7F8FA;
  border: 1px solid transparent;
}
.main-navigation .nav-popover-menu .column.promo-col.join-us .item.item-blog {
  border: 1px solid rgba(255, 146, 64, 0.1);
  background: rgba(255, 146, 64, 0.05) url("../img/navigation-promo/join-us-blog.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.main-navigation .nav-popover-menu .column.promo-col.join-us .item.item-contact {
  border: 1px solid rgba(255, 146, 64, 0.1);
  background: rgba(255, 146, 64, 0.05) url("../img/navigation-promo/join-us-contact.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.main-navigation .nav-popover-menu .column.promo-col.join-us .item.item-contact:hover .title .name {
  color: #fb7f2e !important;
}
.main-navigation .nav-popover-menu .column.promo-col.join-us .item.item-demo {
  border: 1px solid rgba(158, 79, 194, 0.1);
  background: rgba(158, 79, 194, 0.05) url("../img/navigation-promo/join-us-book.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.main-navigation .nav-popover-menu .column.promo-col.join-us .item.item-demo:hover .title .name {
  color: #815BDC !important;
}
.main-navigation .nav-popover-menu .column.promo-col.join-us .item .info {
  color: #5E6267;
}
.main-navigation .nav-popover-menu .column.promo-col .pages-learn-more {
  justify-content: flex-start;
}
.main-navigation .nav-popover-menu .menu-header {
  margin-left: 12px;
  color: #2C4361;
  font-size: 15px;
  font-weight: 700;
  height: 36px;
  line-height: 36px;
  margin-bottom: 5px;
  z-index: 1;
  position: relative;
  letter-spacing: 0.02em;
}
.main-navigation .nav-popover-menu .items {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main-navigation .nav-popover-menu .item {
  min-height: 80px;
  position: relative;
  border-radius: 8px;
  padding: 12px;
  z-index: 1;
}
.main-navigation .nav-popover-menu .item .icon {
  font-size: 19px;
  color: #4F657E;
}
.main-navigation .nav-popover-menu .item .title {
  display: flex;
  align-items: center;
}
.main-navigation .nav-popover-menu .item .name {
  color: #1d3960;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  overflow: hidden;
  white-space: nowrap;
}
.main-navigation .nav-popover-menu .item .info {
  margin-top: 8px;
  color: #5E6267;
  font-size: 13px;
  line-height: 1.5;
}
.main-navigation .nav-popover-menu .item.no-icon .info {
  margin-left: 0 !important;
}
.main-navigation .nav-popover-menu .item.no-icon .name {
  margin-left: 0 !important;
}
.main-navigation .nav-popover-menu .item.no-info {
  min-height: unset !important;
  max-height: 40px;
  display: flex;
}
.main-navigation .nav-popover-menu .item:hover {
  background: #FAFBFC;
}
.main-navigation .nav-popover-menu .item:hover .name {
  color: #000000;
}
.main-navigation .nav-web {
  display: block;
  z-index: 1;
  background: white;
  width: 100%;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
  height: 90px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.main-navigation .nav-web.underline {
  border-bottom: 1px solid #dfe8f1;
}
.main-navigation .nav-web.floating {
  position: fixed;
  z-index: 2;
  height: 60px;
  -webkit-box-shadow: 0 3px 6px 3px rgba(60, 65, 80, 0.1);
  box-shadow: 0 3px 6px 3px rgba(60, 65, 80, 0.1);
  background: white;
}
.main-navigation .nav-web.floating.blue, .main-navigation .nav-web.floating.violet {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.main-navigation .nav-web .menu-container {
  height: 100%;
  max-width: 1080px;
  margin: 0 auto 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-navigation .nav-web .left, .main-navigation .nav-web .right {
  display: flex;
  align-items: center !important;
  height: 100%;
}
.main-navigation .nav-web .menu-item {
  cursor: pointer !important;
  color: #1D3960;
  margin: 0 30px 0 0;
  font-size: 16px;
}
.main-navigation .nav-web .menu-item:hover {
  color: #0075FA;
}
.main-navigation .nav-web .menu-item.with-submenu {
  cursor: default;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.main-navigation .nav-web .menu-item.with-submenu .ico-nav {
  font-size: 10px;
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.main-navigation .nav-web .menu-item.icon-only {
  display: none;
}
.main-navigation .nav-web .menu-item.signup {
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  box-sizing: content-box;
  border: 1px solid #0075FA;
  color: #0075FA;
  height: 32px;
  border-radius: 10px;
  line-height: 32px;
  margin-right: 0 !important;
  transition: 100ms ease-out;
}
.main-navigation .nav-web .menu-item.signup:hover {
  color: white;
  background: #006DE8;
  border-color: transparent;
}
.main-navigation .nav-web .menu-item.login-enter {
  background-color: #0075FA;
  color: white;
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  border-radius: 10px;
}
.main-navigation .nav-web .menu-item.with-submenu.active-menu {
  color: #0075FA;
}
.main-navigation .nav-web .menu-item.with-submenu.active-menu .ico-nav {
  transform: rotate(-180deg);
}
.main-navigation .nav-web .logo {
  margin-top: -2px;
  width: 127px;
  height: 26px;
  margin-right: 50px;
  background: url(".main-navigation .nav-web .logo") no-repeat;
}
.main-navigation .nav-mobile {
  display: none;
  position: relative;
  padding: 0 20px 0 20px;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.main-navigation .nav-mobile .icon-mobile-menu {
  font-size: 24px;
  width: 30px;
  height: 30px;
}
.main-navigation .nav-mobile .icon-login {
  font-size: 24px;
  width: 30px;
  height: 30px;
}
.main-navigation .nav-mobile .gd-logo {
  background-image: url("../svg/logo-new.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 120px;
  height: 30px;
}
.main-navigation.violet .menu-item {
  color: white;
}
.main-navigation.violet .menu-item.signup {
  color: white;
  border-color: white;
}
.main-navigation.violet .nav-web.floating {
  background: #815BDC;
}
.main-navigation.violet .nav-web .logo {
  background-image: url("../svg/logo-full2.svg");
}
.main-navigation.white .nav-web {
  background: white;
}
@media (max-width: 1000px) {
  .main-navigation .menu-item.contact-link {
    display: none;
  }
}
@media (max-width: 820px) {
  .main-navigation {
    height: 75px;
    background: #F1F5F9;
  }
  .main-navigation .nav-mobile {
    display: flex;
  }
  .main-navigation .nav-web {
    display: none !important;
  }
}

.gd-footer {
  background-color: #F7F8FA;
}
.gd-footer block {
  margin: 0 auto 0 auto;
}
.gd-footer .top-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gd-footer .footer-navigation {
  max-width: 1080px;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 60px 35px;
}
.gd-footer .footer-navigation a {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-style: normal;
  font-size: 14px;
  color: #5E6267;
  line-height: 30px;
  display: block;
  margin-bottom: 5px;
}
.gd-footer .footer-navigation a:hover {
  color: #0075FA;
}
.gd-footer .footer-soc {
  display: flex;
}
.gd-footer .footer-soc a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  margin-left: 10px;
  width: 22px;
  height: 22px;
}
.gd-footer .footer-soc a.fsoc-youtube {
  margin-left: 0;
}
.gd-footer .footer-soc a img {
  width: 100%;
  height: 100%;
}
.gd-footer .bottom-footer {
  padding: 0 35px;
  border-top: 1px solid #E6EAEF;
  width: 100%;
  max-width: 100%;
}
.gd-footer .bottom-footer .bottom-footer-content {
  height: 120px;
  width: 100%;
  max-width: 1080px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
}
.gd-footer .bottom-footer .copyright {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 13px;
  color: #5E6267;
}
.gd-footer .bottom-footer .additional-pages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.gd-footer .bottom-footer .additional-pages a {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-style: normal;
  font-size: 13px;
  color: #5E6267;
  line-height: 30px;
  display: block;
}
.gd-footer .bottom-footer .additional-pages a:hover {
  color: #0075FA;
}
.gd-footer .bottom-footer .download-apps {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.gd-footer .bottom-footer .download-apps img {
  height: 40px;
}
.gd-footer .footer-header {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px;
  font-weight: 750;
  line-height: 30px;
  margin-bottom: 5px;
  color: #0D121F;
}
.gd-footer form input {
  width: 250px;
}
.gd-footer form .submit {
  width: 80px;
  height: 36px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: inline-block;
  text-align: center;
  padding: 10px;
  background-color: #399cf9;
  color: white;
  margin: 0 0 0 15px;
}
.gd-footer .column-logo {
  width: 30%;
}
.gd-footer .column-logo .logo-footer {
  width: 105px;
  height: 30px;
  margin-bottom: 8px;
}
.gd-footer .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.gd-footer .cols {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.gd-footer .cols .column {
  width: 25%;
}
.gd-footer .cols .column.last {
  width: max-content;
}
.gd-footer .cols .column.big {
  width: 30%;
}
@media (max-width: 1050px) {
  .gd-footer .footer-navigation {
    flex-direction: column !important;
  }
  .gd-footer .footer-navigation .footer-soc a {
    margin: 0 1px;
  }
  .gd-footer .footer-navigation .column-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .gd-footer .footer-navigation .column-logo .logo-footer {
    margin-bottom: 0;
  }
  .gd-footer .footer-navigation .column-logo .cols {
    margin-top: 15px;
  }
  .gd-footer .cols {
    margin-top: 15px;
  }
  .gd-footer .bottom-footer .bottom-footer-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    gap: 15px;
    height: max-content;
  }
  .gd-footer .bottom-footer .copyright {
    order: 3;
  }
  .gd-footer .bottom-footer .additional-pages {
    order: 1;
  }
  .gd-footer .bottom-footer .download-apps {
    order: 2;
  }
}
@media (max-width: 700px) {
  .gd-footer .cols a {
    font-size: 15px;
  }
  .gd-footer .cols .column.big {
    display: none;
  }
  .gd-footer .bottom-footer {
    font-size: 14px !important;
  }
}
@media (max-width: 400px) {
  .gd-footer .bottom-footer .additional-pages {
    flex-direction: column;
  }
}

.page-home .main-page-header-center {
  background: #F7F8FA;
}
.page-home .main-page-header-center .title-top {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.page-home .main-page-header-center .title-top .subtitle-header {
  font-weight: 500;
}
.page-home .main-page-header-center .title-top .features {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.page-home .main-page-header-center .title-top .features .feature {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-height: 36px;
  background: #FAFBFC;
  border: 1px solid #E6EAEF;
  border-radius: 50px;
  padding: 8px 16px;
}
.page-home .main-page-header-center .title-top .features .feature .feature-txt {
  font-size: 14px !important;
  color: #5E6267 !important;
}
.page-home .main-page-header-center .title-top .first {
    background: linear-gradient(90deg, #9970EA 0%, #5255F1 100%);
}
.page-home .main-page-header-center .title-top .second {
    background: linear-gradient(90deg, #00B8F5 8.06%, #168CEE 100%);
}
.page-home .main-page-header-center .title-top .third {
    background: linear-gradient(90deg, #22DA5E 0%, #0BA43D 100%);
}
.page-home .main-page-header-center .signup-form {
  position: relative;
}
.page-home .main-page-header-center .signup-form::before {
  display: none;
}
.page-home .main-page-header-center .signup-form .email-field {
  filter: drop-shadow(2.12314px 3.18471px 33.4395px rgba(41, 44, 48, 0.05));
  box-shadow: none;
  border: 1px solid #E6EAEF;
  height: 50px;
  padding: 0 0 0 20px;
  margin-right: 0;
}
.page-home .main-page-header-center .signup-form .button-action {
  position: absolute;
  top: 5px;
  right: 5px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  background: #0075FA;
  box-shadow: none;
}
.page-home .main-page-header-center .main-video {
  position: relative;
  max-width: 1000px;
  max-height: 565px;
  margin: auto;
  margin-top: 64px;
}
.page-home .main-page-header-center .main-video .video-wrapper {
  border-radius: 6px;
  border: 1px solid #FFFFFF;
  filter: drop-shadow(2.12314px 3.18471px 26.5393px rgba(23, 44, 72, 0.03));
  overflow: hidden;
  background-image: url("../img/home-page-2/placeholder-video(1000x565.html).png");
  position: relative;
  z-index: 1;
}
.page-home .main-page-header-center .main-video .video-wrapper dotlottie-player {
  margin-top: -1px;
  width: 100%;
  height: 100%;
}
.page-home .main-page-header-center .join-teams {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-home .main-page-header-center .join-teams .logo-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 85px;
  max-width: 1000px;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.page-home .main-page-header-center .join-teams .logos {
  display: flex;
  animation: scroll 40s linear infinite;
  width: max-content;
  gap: 40px !important;
}
.page-home .main-page-header-center .join-teams .logo-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  flex-shrink: 0;
  width: 140px;
  height: 85px;
}
.page-home .main-page-header-center .join-teams .logo-item:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: -webkit-filter 0.5s ease, filter 0.5s ease;
}
.page-home .main-page-header-center .bg-illustration {
  position: absolute;
  top: 375px;
}
.page-home .main-page-header-center .bg-illustration img {
  width: 1440px;
}
.page-home .main-page-header-center .grid {
  position: absolute !important;
  inset: 0 ;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.page-home .main-page-header-center .grid .line {
  width: 1px;
  background: linear-gradient(180deg, rgba(236, 240, 243, 0.75) 0%, rgba(236, 240, 243, 0) 100%) !important;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 1150px) {
  .page-home .main-page-header-center .bg-illustration {
    display: none;
  }
}
@media (max-width: 1000px) {
  .page-home .main-page-header-center .join-teams .text-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .page-home .main-page-header-center .join-teams .text-top .normal-text {
    margin-top: 15px;
  }
}
@media (max-width: 600px) {
  .page-home .main-page-header-center .gd-block .title-top .features {
    display: none;
  }
  .page-home .main-page-header-center .big-title {
    margin-top: 0;
  }
  .page-home .main-page-header-center .signup-form .email-field {
    height: 40px;
  }
  .page-home .main-page-header-center .signup-form .button-action {
    position: relative;
    top: unset;
    right: unset;
  }
  .page-home .main-page-header-center .join-teams .text-top {
    width: auto;
  }
  .page-home .main-page-header-center .image-bottom {
    position: relative;
    width: 100%;
    height: 565px;
  }
  .page-home .main-page-header-center .image-bottom dotlottie-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 1000px;
  }
}
.page-home .what-is-gd .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-home .what-is-gd .all-features-grid {
  display: flex;
  flex-direction: column;
}
.page-home .what-is-gd .all-features-grid .blocks-grid-1, .page-home .what-is-gd .all-features-grid .blocks-grid-2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 25px;
}
.page-home .what-is-gd .all-features-grid .blocks-grid-3 {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.page-home .what-is-gd .all-features-grid .grid-1-feature, .page-home .what-is-gd .all-features-grid .grid-2-feature, .page-home .what-is-gd .all-features-grid .grid-3-feature {
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: hidden;
}
.page-home .what-is-gd .all-features-grid .grid-1-feature .feature-text .feature-title, .page-home .what-is-gd .all-features-grid .grid-2-feature .feature-text .feature-title, .page-home .what-is-gd .all-features-grid .grid-3-feature .feature-text .feature-title {
  transition: color 0.3s ease;
}
.page-home .what-is-gd .all-features-grid .grid-1-feature .learn-more, .page-home .what-is-gd .all-features-grid .grid-2-feature .learn-more, .page-home .what-is-gd .all-features-grid .grid-3-feature .learn-more {
  font-size: 16px;
  color: #0075FA;
  transition: all 0.3s ease;
  position: relative;
  width: max-content;
}
.page-home .what-is-gd .all-features-grid .grid-1-feature .learn-more::after, .page-home .what-is-gd .all-features-grid .grid-2-feature .learn-more::after, .page-home .what-is-gd .all-features-grid .grid-3-feature .learn-more::after {
  position: absolute;
  font-size: 16px;
  width: 20px;
  top: 5px;
  right: -30px;
  vertical-align: middle;
  text-align: right;
  color: #0075FA;
  line-height: 16px;
  font-family: "gd-site" !important;
  content: "\e92c";
  transform: rotate(180deg);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-home .what-is-gd .all-features-grid .grid-1-feature .feature-text, .page-home .what-is-gd .all-features-grid .grid-2-feature .feature-text, .page-home .what-is-gd .all-features-grid .grid-3-feature .feature-text {
  margin-top: 35px;
  margin-bottom: 35px;
}
.page-home .what-is-gd .all-features-grid .grid-1-feature {
  flex-direction: row;
  align-items: center;
  width: 527.5px;
}
.page-home .what-is-gd .all-features-grid .grid-1-feature img {
  width: 273px;
  height: 245px;
}
.page-home .what-is-gd .all-features-grid .grid-2-feature {
  flex-direction: column;
  width: 315px;
  justify-content: space-between;
}
.page-home .what-is-gd .all-features-grid .grid-2-feature img {
  width: 315px;
  height: 248px;
}
.page-home .what-is-gd .all-features-grid .grid-3-feature {
  width: 400px !important;
}
.page-home .what-is-gd .all-features-grid .grid-3-feature img {
  width: 175px;
}
.page-home .what-is-gd .all-features-grid .workspace-feature {
  background: linear-gradient(135deg, #E5F1FF 0%, #EBFDFF 100%);
}
.page-home .what-is-gd .all-features-grid .gd-ai {
  background: linear-gradient(135deg, #FFEEEE 0%, #FFEDFE 100%);
}
.page-home .what-is-gd .all-features-grid .productivity {
  background: linear-gradient(135deg, #F8F9EB 0%, #EDF9ED 100%);
}
.page-home .what-is-gd .all-features-grid .ar-feature {
  background: linear-gradient(135deg, #EAF2FF 0%, #F5F1FF 100%);
}
.page-home .what-is-gd .all-features-grid .flex-views {
  background: linear-gradient(135deg, #FFF9E2 0%, #FFF3E2 100%);
}
.page-home .what-is-gd .all-features-grid .templates {
  background: linear-gradient(135deg, #f5eaff 0%, #f8f1ff 100%);
}
.page-home .what-is-gd .grid-1-feature:hover, .page-home .what-is-gd .grid-2-feature:hover, .page-home .what-is-gd .grid-3-feature:hover {
  box-shadow: 1px 1px 2px rgba(208, 213, 220, 0.3);
}
.page-home .what-is-gd .grid-1-feature:hover .feature-text .learn-more, .page-home .what-is-gd .grid-2-feature:hover .feature-text .learn-more, .page-home .what-is-gd .grid-3-feature:hover .feature-text .learn-more {
  opacity: 1;
}
.page-home .what-is-gd .learn-more {
  opacity: 0;
}
@media (max-width: 1150px) {
  .page-home .what-is-gd .all-features-grid .blocks-grid-1 {
    flex-direction: column;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-1 .grid-1-feature {
    width: 100%;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-1 .grid-1-feature img {
    width: 263px;
    height: 210px;
    object-fit: cover;
    object-position: left center;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-2 {
    flex-direction: column;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-2 .grid-2-feature {
    flex-direction: row;
    align-items: center;
    max-width: 100%;
    width: 100%;
    height: 210px;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-2 .grid-2-feature img {
    width: 263px;
    height: 100%;
    object-fit: cover;
    object-position: left center;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-3 {
    flex-direction: column;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-3 .grid-3-feature {
    align-items: center;
    width: 100% !important;
    justify-content: space-between;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-3 .grid-3-feature img {
    width: 263px;
    height: 210px;
    object-fit: cover;
    object-position: top;
  }
}
@media (max-width: 600px) {
  .page-home .what-is-gd .all-features-grid {
    gap: 30px;
  }
  .page-home .what-is-gd .all-features-grid .blocks-grid-2 {
    margin-top: 0;
  }
  .page-home .what-is-gd .grid-1-feature, .page-home .what-is-gd .grid-2-feature, .page-home .what-is-gd .grid-3-feature {
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
  }
  .page-home .what-is-gd .grid-1-feature .feature-text, .page-home .what-is-gd .grid-2-feature .feature-text, .page-home .what-is-gd .grid-3-feature .feature-text {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .page-home .what-is-gd .grid-1-feature img, .page-home .what-is-gd .grid-2-feature img, .page-home .what-is-gd .grid-3-feature img {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
    object-position: left top !important;
  }
}
.page-home .for-all-teams .top {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.page-home .for-all-teams .teams-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 30px;
}
.page-home .for-all-teams .teams-card .team {
  display: flex;
  flex-direction: column;
  height: 545px;
  border: 1px solid #E6EAEF;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  transition: box-shadow 0.5s ease;
}
.page-home .for-all-teams .teams-card .team .team-text .team-org {
  font-weight: 700;
}
.page-home .for-all-teams .teams-card .team:hover {
  box-shadow: 1px 1px 2px rgba(208, 213, 220, 0.3);
}
.page-home .for-all-teams .teams-card .team-1 {
  background-image: url("../img/home-page-2/team-1.png");
  background-color: rgba(252, 234, 216, 0.25);
  transition: background-color 0.5s ease;
}
.page-home .for-all-teams .teams-card .team-1:hover {
  background-color: rgb(252, 234, 216);
}
.page-home .for-all-teams .teams-card .team-2 {
  background-image: url("../img/home-page-2/team-2.png");
  background-color: rgba(213, 238, 249, 0.25);
  transition: background-color 0.5s ease;
}
.page-home .for-all-teams .teams-card .team-2:hover {
  background-color: rgb(213, 238, 249);
}
.page-home .for-all-teams .teams-card .team-3 {
  background-image: url("../img/home-page-2/team-3.png");
  background-color: rgba(251, 219, 234, 0.25);
  transition: background-color 0.5s ease;
}
.page-home .for-all-teams .teams-card .team-3:hover {
  background-color: rgb(251, 219, 234);
}
@media (max-width: 600px) {
  .page-home .for-all-teams .teams-card {
    flex-direction: column;
  }
  .page-home .for-all-teams .teams-card .team {
    height: 575px;
  }
}
.page-home .goodday-views {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #F7F8FA;
  border-radius: 12px;
  overflow: hidden;
  max-width: 85vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-home .goodday-views .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-home .goodday-views .top .normal-text {
  max-width: 950px;
}
.page-home .goodday-views .all-views {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.page-home .goodday-views .all-views .to-right {
  animation: scroll-right 60s linear infinite !important;
}
.page-home .goodday-views .all-views .views-line {
  display: flex;
  flex-direction: row;
  gap: 25px;
  width: max-content;
  animation: scroll-left 60s linear infinite;
}
.page-home .goodday-views .all-views .views-line .view-card {
  width: 250px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid #E6EAEF;
  border-radius: 6px;
  overflow: hidden;
  flex: 0 0 auto;
  transition: all 0.5s ease;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
.page-home .goodday-views .all-views .views-line .view-card .view-img {
  width: 20px;
  height: 20px;
}
.page-home .goodday-views .all-views .views-line .view-card:hover {
  border: 1px solid #0075FA;
  box-shadow: 1px 1px 2px rgba(208, 213, 220, 0.3);
}
.page-home .goodday-views .all-views .views-line .view-card:hover .card-text .normal-text {
  color: #0075FA !important;
}
.page-home .goodday-views .all-views .views-line .list {
  background-image: url("../img/home-page-2/views/view-list.png");
}
.page-home .goodday-views .all-views .views-line .table {
  background-image: url("../img/home-page-2/views/view-table.png");
}
.page-home .goodday-views .all-views .views-line .board {
  background-image: url("../img/home-page-2/views/view-board.png");
}
.page-home .goodday-views .all-views .views-line .calendar {
  background-image: url("../img/home-page-2/views/view-calendar.png");
}
.page-home .goodday-views .all-views .views-line .gantt {
  background-image: url("../img/home-page-2/views/view-gantt.png");
}
.page-home .goodday-views .all-views .views-line .workload {
  background-image: url("../img/home-page-2/views/view-workload.png");
}
.page-home .goodday-views .all-views .views-line .my-work {
  background-image: url("../img/home-page-2/views/view-my-work.png");
}
.page-home .goodday-views .all-views .views-line .meetings {
  background-image: url("../img/home-page-2/views/view-meetings.png");
}
.page-home .goodday-views .all-views .views-line .goals {
  background-image: url("../img/home-page-2/views/view-goals.png");
}
.page-home .goodday-views .all-views .views-line .event-list {
  background-image: url("../img/home-page-2/views/view-event-list.png");
}
.page-home .goodday-views .all-views .views-line .portfolio {
  background-image: url("../img/home-page-2/views/view-portfolio.png");
}
.page-home .goodday-views .all-views .views-line .files {
  background-image: url("../img/home-page-2/views/view-files.png");
}
.page-home .goodday-views .all-views .views-line .whats-done {
  background-image: url("../img/home-page-2/views/view-whats-done.png");
}
.page-home .goodday-views .all-views .views-line .map {
  background-image: url("../img/home-page-2/views/view-map.png");
}
.page-home .goodday-views .all-views .views-line .discussions {
  background-image: url("../img/home-page-2/views/view-discussions.png");
}
.page-home .goodday-views .all-views .views-line .documents {
  background-image: url("../img/home-page-2/views/view-documents.png");
}
.page-home .goodday-views .all-views .views-line .card-text {
  width: 100%;
  height: 60px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-home .goodday-views .all-views .views-line .card-text .gd-site-ico-30 {
  font-size: 24px !important;
}
.page-home .goodday-views .all-views .views-line .card-text .normal-text {
  color: #5E6267 !important;
  font-size: 16px !important;
}
.page-home .goodday-views .all-views .line-with-text .title-txt {
  width: 520px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  text-align: center;
}
.page-home .goodday-views .all-views .line-with-text .title-txt .normal-text {
  margin-left: 40px;
  margin-right: 40px;
}
@media (max-width: 1250px) {
  .page-home .goodday-views {
    max-width: 100%;
    border-radius: 0;
  }
}
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.page-home .productivity-section .productivity-suite {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #F7F8FA;
  border-radius: 12px;
  overflow: hidden;
  max-width: 85vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-home .productivity-section .productivity-suite .top-text .normal-text {
  max-width: 900px;
}
.page-home .productivity-section .productivity-suite .links a {
  margin: 10px 30px 0px 0px;
}
.page-home .productivity-section .productivity-suite .ps-blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 1080px;
}
.page-home .productivity-section .productivity-suite .ps-blocks .item {
  position: relative;
  width: 160px;
  height: 150px;
  text-align: center;
  margin-top: 20px;
}
.page-home .productivity-section .productivity-suite .ps-blocks .item .icon img {
  width: 110px;
  height: 110px;
}
.page-home .productivity-section .productivity-suite .ps-blocks .item:hover .description {
  position: relative;
  color: #0075FA;
}
.page-home .productivity-section .productivity-suite .ps-blocks .description {
  text-align: center;
  transition: color 0.3s ease;
}
.page-home .productivity-section .productivity-suite .ps-blocks p {
  margin-top: 10px;
  color: #3f4b5c;
}
@media (max-width: 600px) {
  .page-home .productivity-section .productivity-suite {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .page-home .productivity-section .productivity-suite .ps-blocks {
    margin-top: 15px;
    justify-content: center;
  }
}
@media (max-width: 1250px) {
  .page-home .productivity-section .gd-block {
    max-width: 100%;
    border-radius: 0;
  }
}
.page-home .solution-block .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-home .solution-block .top .normal-text {
  max-width: 950px;
}
.page-home .solution-block .solution-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
    margin-bottom: 30px;

}
.page-home .solution-block .solution-cards .solution-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border: 1px solid #E6EAEF;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.5s ease;
  width: 335px;
}
.page-home .solution-block .solution-cards .solution-item .learn-more {
  opacity: 0;
  position: absolute;
  inset: 0;
  width: calc(100% + 2px);
  height: calc(50% + 2px);
  display: flex;
  justify-content: flex-start;
  align-items: end;
  padding: 20px 30px;
  margin-top: auto;
  font-size: 24px;
  color: transparent;
  transform: scaleX(-1);
  border-radius: 0 10px 0 0;
  transition: opacity 0.5s ease;
}
.page-home .solution-block .solution-cards .solution-item:hover {
  box-shadow: 1px 1px 2px rgba(208, 213, 220, 0.3);
}
.page-home .solution-block .solution-cards .solution-item .item-text {
  max-width: 300px;
}
.page-home .solution-block .solution-cards .solution-item .item-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.page-home .solution-block .solution-cards .solution-item .item-title .icon {
  font-size: 25px;
}
.page-home .solution-block .solution-cards .solution-item .item-title .small-title {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.page-home .solution-block .solution-cards .solution-item .item-title img {
  width: 25px;
  height: 25px;
}
.page-home .solution-block .solution-cards .solution-item .item-img {
  width: 100%;
  height: 267px;
  border-top: 1px solid #ECF0F3;
  border-left: 1px solid #ECF0F3;
  border-top-left-radius: 4px;
  position: relative;
  background-repeat: no-repeat;
  background-position: -1px 0;
  background-size: cover;
}
.page-home .solution-block .solution-cards .s-item-1 .item-title .small-title {
  background: linear-gradient(90deg, #e85169 0%, #ba4154 100%);
}
.page-home .solution-block .solution-cards .s-item-1:hover {
  background: rgba(232, 81, 105, 0.05);
  border: 1px solid rgba(232, 81, 105, 0.3);
}
.page-home .solution-block .solution-cards .s-item-1:hover .learn-more {
  opacity: 1;
  background: linear-gradient(30deg, #ffedef 15%, rgba(255, 237, 239, 0) 50%);
  color: #E85169;
}
.page-home .solution-block .solution-cards .s-item-1 .item-img {
  background-image: url("../img/home-page-2/solutions/marketing-teams.png");
}
.page-home .solution-block .solution-cards .s-item-2 .item-title .small-title {
  background: linear-gradient(90deg, #4f9dff 0%, #3f7ecc 100%);
}
.page-home .solution-block .solution-cards .s-item-2:hover {
  background: rgba(79, 157, 255, 0.05);
  border: 1px solid rgba(79, 157, 255, 0.3);
}
.page-home .solution-block .solution-cards .s-item-2:hover .learn-more {
  opacity: 1;
  background: linear-gradient(30deg, #f2f8ff 15%, rgba(242, 248, 255, 0) 50%);
  color: #4F9DFF;
}
.page-home .solution-block .solution-cards .s-item-2 .item-img {
  background-image: url("../img/home-page-2/solutions/dev-teams.png");
}
.page-home .solution-block .solution-cards .s-item-3 .item-title .small-title {
 background: linear-gradient(90deg, #3db051 0%, #318d41 100%);
}
.page-home .solution-block .solution-cards .s-item-3:hover {
  background: rgba(61, 176, 81, 0.05);
  border: 1px solid rgba(61, 176, 81, 0.3);
}
.page-home .solution-block .solution-cards .s-item-3:hover .learn-more {
  opacity: 1;
  background: linear-gradient(30deg, #edfff0 15%, rgba(237, 255, 240, 0) 50%);
  color: #3DB051;
}
.page-home .solution-block .solution-cards .s-item-3 .item-img {
  background-image: url("../img/home-page-2/solutions/hr-teams.png");
}
.page-home .solution-block .solution-cards .s-item-4 .item-title .small-title {
  background: linear-gradient(to left, #2493EF, #5AB0F3, #0B6EC5, #5AB0F3, #2493EF) 0 0 / 200% 100%;
}
.page-home .solution-block .solution-cards .s-item-4:hover {
  background: rgba(56, 184, 255, 0.05);
  border: 1px solid rgba(56, 184, 255, 0.3);
}
.page-home .solution-block .solution-cards .s-item-4:hover .learn-more {
  opacity: 1;
  background: linear-gradient(30deg, #ebf8ff 15%, rgba(235, 248, 255, 0) 50%);
  color: #38B8FF;
}
.page-home .solution-block .solution-cards .s-item-4 .item-img {
  background-image: url("../img/home-page-2/solutions/remote-work.png");
}
.page-home .solution-block .solution-cards .s-item-5 .item-title .small-title {
  background: linear-gradient(90deg, #9e4fc2 0%, #7e3f9b 100%);
}
.page-home .solution-block .solution-cards .s-item-5:hover {
  background: rgba(158, 79, 194, 0.05);
  border: 1px solid rgba(158, 79, 194, 0.3);
}
.page-home .solution-block .solution-cards .s-item-5:hover .learn-more {
  opacity: 1;
  background: linear-gradient(30deg, #f7eafe 15%, rgba(247, 234, 254, 0) 50%);
  color: #9E4FC2;
}
.page-home .solution-block .solution-cards .s-item-5 .item-img {
  background-image: url("../img/home-page-2/solutions/product-management.png");
}
.page-home .solution-block .solution-cards .s-item-6 .item-title .small-title {
  background: linear-gradient(90deg, #ff9240 0%, #cc7533 100%);
}
.page-home .solution-block .solution-cards .s-item-6:hover {
  background: rgba(255, 146, 64, 0.05);
  border: 1px solid rgba(255, 146, 64, 0.3);
}
.page-home .solution-block .solution-cards .s-item-6:hover .learn-more {
  opacity: 1;
  background: linear-gradient(30deg, #fff8f3 15%, rgba(255, 248, 243, 0) 50%);
  color: #FF9240;
}
.page-home .solution-block .solution-cards .s-item-6 .item-img {
  background-image: url("../img/home-page-2/solutions/team-collaboration.png");
}
@media (max-width: 1000px) {
  .page-home .solution-block .top {
    flex-direction: column;
    align-items: flex-start;
  }
  .page-home .solution-block .top .top-title {
    width: 100%;
  }
  .page-home .solution-block .top .top-text {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .page-home .solution-block .top {
    text-align: center;
  }
  .page-home .solution-block .solution-cards .solution-item .item-text {
    max-width: 100% !important;
  }
}
.page-home .all-in-one {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
}
.page-home .all-in-one .top-title {
  font-size: 36px;
}
.page-home .all-in-one .left {
  max-width: 520px;
  display: flex;
  flex-direction: column;
}
.page-home .all-in-one .feature-image {
  width: 520px;
  height: 286px;
  background-image: url("../img/home-page-2/all-in-one.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .page-home .all-in-one {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
  .page-home .all-in-one .left {
    max-width: 100%;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .page-home .all-in-one .feature-image {
    width: 100%;
    background-position: left;
  }
}
.page-home .pm-method {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
}
.page-home .pm-method .top-title {
  font-size: 36px;
}
.page-home .pm-method .right {
  max-width: 520px;
  display: flex;
  flex-direction: column;
}
.page-home .pm-method .feature-image {
  width: 425px;
  height: 250px;
  background-image: url("../img/home-page-2/pm-method.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .page-home .pm-method {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
  .page-home .pm-method .feature-image {
    order: 2;
  }
  .page-home .pm-method .right {
    order: 1;
    max-width: 100%;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .page-home .pm-method .feature-image {
    width: 100%;
    background-size: contain;
  }
}
.page-home .customize {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
}
.page-home .customize .top-title {
  font-size: 36px;
}
.page-home .customize .left {
  max-width: 520px;
  display: flex;
  flex-direction: column;
}
.page-home .customize .feature-image {
  width: 520px;
  height: 298px;
  background-image: url("../img/home-page-2/customize.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .page-home .customize {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
  .page-home .customize .left {
    max-width: 100%;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .page-home .customize .feature-image {
    width: 100%;
    background-size: contain;
  }
}
.page-home .integrations {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-home .integrations .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-home .integrations .integration-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 960px;
}
.page-home .integrations .integration-list .icon {
  margin: 0 30px 45px 30px;
}
.page-home .integrations .integration-list .icon img {
  width: 75px;
  height: 75px;
}
.page-home .two-blocks {
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-areas: "block-one block-two";
}
.page-home .two-blocks p {
  color: white;
}
.page-home .two-blocks a {
  color: white;
}
.page-home .two-blocks a:after {
  color: white;
}
.page-home .two-blocks .learn-more:after {
  top: 7px;
}
.page-home .two-blocks .block {
  padding: 35px 35px;
  min-height: 360px;
  border-radius: 15px;
  color: white;
  position: relative;
}
.page-home .two-blocks .block h2 {
  font-size: 32px;
  font-weight: 800;
  color: white !important;
}
.page-home .two-blocks .block .left {
  display: flex;
  flex-wrap: wrap;
}
.page-home .two-blocks .block .learn-more {
  position: absolute;
  bottom: 30px;
}
.page-home .two-blocks .block-one {
  background: linear-gradient(321.55deg, #72B6FF 0.95%, #4275EB 97.81%);
}
.page-home .two-blocks .block-one .left {
  width: 50%;
}
.page-home .two-blocks .block-one .goodday-apps {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
}
.page-home .two-blocks .block-one .goodday-apps img {
  width: 25px;
  margin-right: 26px;
}
.page-home .two-blocks .block-one .phone-bg {
  width: 194px;
  height: 380px;
  position: absolute;
  right: 12px;
  top: 10px;
  background-image: url("../img/home-page-2/more-apps/mobile-app.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
}
.page-home .two-blocks .block-two {
  background: linear-gradient(321.55deg, #D182FF 0.95%, #6B59E2 97.81%);
  position: relative;
}
.page-home .two-blocks .block-two .left {
  width: 60%;
}
.page-home .two-blocks .block-two img {
  width: 209px;
  position: absolute;
  right: 0px;
  top: 45px;
}
.page-home .two-blocks .block-two .features-big-screen {
  display: flex;
  flex-direction: row;
  margin: 12px 0 0 0;
}
.page-home .two-blocks .block-two ul {
  opacity: 0.7;
}
.page-home .two-blocks .block-two .right-ul {
  margin-left: 15px;
}
.page-home .two-blocks .block-two .big-screens li {
  left: -10px;
  font-size: 17px;
}
.page-home .two-blocks .block-two .big-screens li:after {
  color: white !important;
}
.page-home .two-blocks .block-two .big-screens li:before {
  background: rgba(0, 0, 0, 0);
}
.page-home .two-blocks .block-two li:before {
  color: white;
}
.page-home .two-blocks .block-two .big-screen-bg {
  width: 198px;
  height: 300px;
  position: absolute;
  right: 0;
  top: 32px;
  background-image: url("../img/home-page-2/more-apps/todays-tasks.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
}
.page-home .two-blocks .block-three {
  background: linear-gradient(321.55deg, #EF73FF 0.95%, #8758E6 97.81%);
  position: relative;
}
.page-home .two-blocks .block-three .left {
  width: 60%;
}
.page-home .two-blocks .block-three .left p {
  max-width: 250px;
}
.page-home .two-blocks .block-three img {
  width: 209px;
  position: absolute;
  right: 0px;
  top: 45px;
}
.page-home .two-blocks .block-three .customization-bg {
  width: 237px;
  height: 273px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("../img/home-page-2/more-apps/customization.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
}
.page-home .two-blocks .block-four {
  background: linear-gradient(321.55deg, #DC7199 0.95%, #BB54C5 97.81%);
}
.page-home .two-blocks .block-four .left {
  width: 100%;
}
.page-home .two-blocks .block-four .left p {
  max-width: 210px;
}
.page-home .two-blocks .block-four .ar-bg {
  width: 307px;
  height: 313px;
  position: absolute;
  right: 0;
  top: 100px;
  background-image: url("../img/home-page-2/more-apps/action-required.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1100px) {
  .page-home .two-blocks .big-screen-bg {
    display: none !important;
  }
  .page-home .two-blocks .phone-bg {
    display: none !important;
  }
  .page-home .two-blocks .customization-bg {
    display: none !important;
  }
  .page-home .two-blocks .ar-bg {
    display: none !important;
  }
  .page-home .two-blocks .left {
    width: 100% !important;
  }
  .page-home .two-blocks .left .small-text {
    max-width: 100% !important;
  }
}
@media (max-width: 600px) {
  .page-home .two-blocks {
    display: flex !important;
    flex-wrap: wrap;
  }
  .page-home .two-blocks .block {
    min-height: 400px !important;
  }
}
.page-home .main-navigation .nav-web {
  background: #FFFFFF;
}
.page-home .big-title {
  font-weight: 750;
  font-size: 56px;
  line-height: 120%;
  color: #2C4361;
  letter-spacing: 0.01em;
}
.page-home .normal-title {
  font-weight: 600;
  font-size: 44px;
  line-height: 150%;
  color: #2C4361;
}
.page-home .small-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 150%;
  color: #2C4361;
}
.page-home .tiny-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #2C4361;
}
.page-home .normal-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #3F4B5C;
}
.page-home .small-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #3F4B5C;
}
.page-home .title-gradient {
  font-weight: 700;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
}
.page-home .gradient-main {
  background: linear-gradient(90deg, #A65DFF 0%, #0075FA 100%);
  white-space: nowrap !important;
}
.page-home .gradient-1 {
  background: linear-gradient(90deg, #A65DFF 0%, #0075FA 100%);
}
.page-home .gradient-2 {
  background: linear-gradient(90deg, #A65DFF 0%, #0075FA 100%);
}
.page-home .gradient-3 {
  background: linear-gradient(90deg, #A65DFF 0%, #0075FA 100%);
}
@media (max-width: 820px) {
  .page-home .main-navigation .nav-mobile {
    background: #FFFFFF;
  }
}
@media (max-width: 600px) {
  .page-home .main-page-header-center .ratings {
    flex-wrap: wrap;
    width: 100% !important;
    margin-top: 30px !important;
  }
  .page-home .main-page-header-center .ratings .txt-desc {
    font-size: 14px;
    margin-right: 5px;
  }
  .page-home .main-page-header-center .ratings .item {
    margin: 10px 6px 10px 6px !important;
  }
  .page-home .main-page-header-center .signup-form {
    flex-wrap: wrap;
  }
  .page-home .main-page-header-center .signup-form .email-field {
    margin-right: 0px !important;
  }
  .page-home .main-page-header-center .signup-form .button-action {
    margin-top: 20px;
    width: 100% !important;
  }
  .page-home .main-page-header-center .image-bottom {
    min-height: auto !important;
    display: flex;
    justify-content: center;
  }
  .page-home .main-page-header-center .image-bottom .goodday-screenshot {
    display: none;
  }
  .page-home .top {
    width: 100% !important;
    margin-bottom: 30px !important;
  }
  .page-home .feature-block {
    margin: 0 auto 0 auto !important;
    flex-direction: column-reverse;
  }
  .page-home .feature-block .left {
    width: 100% !important;
  }
  .page-home .feature-block .right {
    width: 100% !important;
  }
  .page-home .feature-block .right img {
    margin-right: 0 !important;
  }
}
.page-home .title-gradient {
  white-space: wrap;
}

.about-page .gd-section.hero {
  background: linear-gradient(135deg, #885CE6 0%, #417FE6 100%);
  padding: 170px 0 80px;
  text-align: center;
  color: white !important;
}
.about-page .gd-section.hero .container {
  max-width: 800px;
  margin: 0 auto;
}
.about-page .gd-section.hero h1 {
  color: white;
  filter: none;
  text-shadow: none;
}
.about-page .gd-section.hero .txt-desc {
  color: rgba(255, 255, 255, 0.95) !important;
}
.about-page .gd-section.stats {
  margin-top: 50px;
  padding: 80px 0;
  background: linear-gradient(135deg, #885CE6 0%, #417FE6 100%);
}
.about-page .gd-section.stats .stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.about-page .gd-section.stats .stat-item {
  text-align: center;
  color: white;
}
.about-page .gd-section.stats .stat-item .stat-number {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 10px;
}
.about-page .gd-section.stats .stat-item .stat-label {
  font-size: 16px;
  opacity: 0.95;
}
.about-page .lets-started {
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  .about-page .gd-section.hero {
    padding: 60px 20px;
  }
  .about-page .gd-section.hero h1 {
    font-size: 32px;
  }
  .about-page .gd-section.hero .l2 {
    font-size: 16px;
  }
  .about-page .gd-section.stats {
    padding: 60px 20px;
  }
  .about-page .gd-section.stats .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .about-page .gd-section.stats .stat-item .stat-number {
    font-size: 36px;
  }
  .about-page .gd-section.stats .stat-item .stat-label {
    font-size: 14px;
  }
}

.page-workspaces-2 .feature {
  margin-bottom: 20px !important;
  font-size: 16px !important;
  padding-left: 35px !important;
}
.page-workspaces-2 .feature .icon {
  width: 20px !important;
  height: 20px !important;
  top: 3px;
}
.page-workspaces-2 .feature .icon::before {
  content: "\e917" !important;
  width: 20px !important;
  height: 20px !important;
  color: #0075FA;
  font-size: 15px;
}
.page-workspaces-2 .space-templates .title {
  text-align: center;
  margin: 50px 0;
}
.page-workspaces-2 .space-templates .all-templates {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-workspaces-2 .space-templates .template-unit {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.33%;
  text-align: center;
  padding: 0 20px 60px;
}
.page-workspaces-2 .space-templates .template-unit img {
  width: 100%;
  max-width: 200px;
  border-radius: 8px;
  border: 1px solid #ECF0F3;
  margin-bottom: 20px;
}
.page-workspaces-2 .space-templates .template-unit .title {
  font-size: 23px;
  line-height: 27px;
  font-weight: 600;
  margin: 0 0 17px;
}
.page-workspaces-2 .space-templates .template-unit .text {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 25px;
}
.page-workspaces-2 .space-templates .template-unit .readmore {
  margin: 0 auto;
}
.page-workspaces-2 .migration {
  padding: 50px 0;
}
.page-workspaces-2 .lets-started {
  margin-top: 120px;
}
.page-workspaces-2 .additional-features {
  padding: 80px 0;
  background-color: white;
}
.page-workspaces-2 .additional-features .title {
  text-align: center;
}
.page-workspaces-2 .additional-features .capabilities-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.page-workspaces-2 .additional-features .capability-item .capability-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 1000px) {
  .page-workspaces-2 .gd-section.hero {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.hero h1 {
    font-size: 36px;
  }
  .page-workspaces-2 .gd-section.hero .l2 {
    font-size: 17px;
  }
  .page-workspaces-2 .gd-section.overview {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.overview .content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .page-workspaces-2 .gd-section.overview .text-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.independent-settings {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.independent-settings .content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .page-workspaces-2 .gd-section.independent-settings .content-wrapper.reverse {
    flex-direction: column;
  }
  .page-workspaces-2 .gd-section.independent-settings .text-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.unlimited-hierarchy {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.unlimited-hierarchy .content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .page-workspaces-2 .gd-section.unlimited-hierarchy .text-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.full-customization {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.full-customization .content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .page-workspaces-2 .gd-section.full-customization .content-wrapper.reverse {
    flex-direction: column;
  }
  .page-workspaces-2 .gd-section.full-customization .text-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.resource-types {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.resource-types .content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .page-workspaces-2 .gd-section.resource-types .text-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.hierarchy-detail {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.hierarchy-detail .content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .page-workspaces-2 .gd-section.hierarchy-detail .content-wrapper.reverse {
    flex-direction: column;
  }
  .page-workspaces-2 .gd-section.hierarchy-detail .text-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.access-control-detail {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.access-control-detail .content-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .page-workspaces-2 .gd-section.access-control-detail .text-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.workspace-templates {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.workspace-templates .section-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .page-workspaces-2 .gd-section.workspace-templates .section-description {
    font-size: 16px;
    padding: 0 20px;
    margin-bottom: 40px;
  }
  .page-workspaces-2 .gd-section.workspace-templates .templates-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .page-workspaces-2 .gd-section.workspace-templates .template-item {
    padding: 25px;
  }
  .page-workspaces-2 .gd-section.additional-features {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.additional-features .section-title {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .page-workspaces-2 .gd-section.additional-features .capabilities-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .page-workspaces-2 .gd-section.migration {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.migration .migration-content h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.cta {
    padding: 60px 20px;
  }
  .page-workspaces-2 .gd-section.cta h2 {
    font-size: 28px;
  }
  .page-workspaces-2 .gd-section.cta p {
    font-size: 16px;
    padding: 0 20px;
  }
  .page-workspaces-2 .gd-section.cta .cta-buttons {
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  .page-workspaces-2 .gd-section.cta .btn {
    width: 100%;
  }
}
@media (max-width: 820px) {
  .page-workspaces-2 .native-units .nativeun {
    flex-basis: 50% !important;
    padding-bottom: 40px !important;
  }
}
@media (max-width: 600px) {
  .page-workspaces-2 .native-units .nativeun {
    flex-basis: 100% !important;
    padding-bottom: 40px !important;
  }
}

.page-demo-spaces .navigation {
  margin: 15px 0 0 0 !important;
}
.page-demo-spaces .category-title {
  font-weight: 600;
  font-size: 15px;
  color: #2C4361;
}
.page-demo-spaces .category-title:hover {
  color: #0075FA;
}
.page-demo-spaces .nav {
  marin: 0 8px 8px 0 !important;
}
.page-demo-spaces .nav .name {
  font-size: 15px !important;
  text-decoration: underline;
  text-decoration-color: #A1ADBE;
}
.page-demo-spaces .nav .name:hover {
  text-decoration-color: #0075FA;
}
.page-demo-spaces .demo-spaces-navigation {
  background: #F8FAFB;
  border-bottom: 1px solid #E5E7EB;
  padding: 40px 0;
}
.page-demo-spaces .demo-spaces-navigation .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.page-demo-spaces .demo-spaces-navigation .nav-title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #2c4361;
}
.page-demo-spaces .demo-spaces-navigation .spaces-nav-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group .category-nav-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #2c4361;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #F3F4F6;
  padding-bottom: 12px;
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group .category-nav-title .gd-site-ico-30 {
  color: #0075FA;
  font-size: 18px;
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group .spaces-nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group .space-nav-link {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: #3F4B5C;
  border-radius: 6px;
  transition: all 0.2s ease;
  font-size: 14px;
  border-left: 3px solid transparent;
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group .space-nav-link:hover {
  background: #F8FAFB;
  color: #0075FA;
  border-left-color: #0075FA;
  transform: translateX(4px);
}
.page-demo-spaces .demo-spaces-navigation .category-nav-group .space-nav-link .space-name {
  font-weight: 500;
}
.page-demo-spaces .demo-spaces-section {
  padding: 60px 0 40px;
}
.page-demo-spaces .demo-spaces-section .category-section {
  margin-bottom: 100px;
}
.page-demo-spaces .demo-spaces-section .category-section:last-child {
  margin-bottom: 0;
}
.page-demo-spaces .demo-spaces-section .category-header {
  margin-bottom: 60px;
}
.page-demo-spaces .demo-spaces-section .category-header .txt-desc {
  font-size: 17px;
  color: #3F4B5C;
  max-width: 700px;
  margin: 0 auto;
}
.page-demo-spaces .demo-spaces-section .demo-spaces-list {
  max-width: 1200px;
  margin: 0 auto;
}
.page-demo-spaces .demo-spaces-section .demo-space-item {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #e5e7eb;
}
.page-demo-spaces .demo-spaces-section .demo-space-item:last-child {
  margin-bottom: 0;
}
.page-demo-spaces .demo-spaces-section .demo-image-wrapper {
  flex: 0 0 40%;
  max-width: 40%;
}
.page-demo-spaces .demo-spaces-section .demo-image {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-demo-spaces .demo-spaces-section .demo-image:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.page-demo-spaces .demo-spaces-section .demo-image img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #ECF0F3;
}
.page-demo-spaces .demo-spaces-section .demo-image .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.page-demo-spaces .demo-spaces-section .demo-image .video-overlay .play-button {
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0075FA;
  transition: transform 0.3s ease;
}
.page-demo-spaces .demo-spaces-section .demo-image .video-overlay .play-button:hover {
  transform: scale(1.1);
}
.page-demo-spaces .demo-spaces-section .demo-image:hover .video-overlay {
  opacity: 1;
}
.page-demo-spaces .demo-spaces-section .demo-content-wrapper {
  flex: 1;
  min-width: 0;
}
.page-demo-spaces .demo-spaces-section .demo-content h3, .page-demo-spaces .demo-spaces-section .demo-content .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-demo-spaces .demo-spaces-section .demo-content .title, .page-demo-spaces .demo-spaces-section .demo-content .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-demo-spaces .demo-spaces-section .demo-content .title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #2c4361;
  line-height: 1.3;
}
.page-demo-spaces .demo-spaces-section .demo-content .description {
  font-size: 16px;
  line-height: 1.7;
  color: #3F4B5C;
  margin-bottom: 24px;
}
.page-demo-spaces .demo-spaces-section .demo-content .features-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
  padding-left: 28px;
}
.page-demo-spaces .demo-spaces-section .demo-content .features-list li {
  font-size: 15px;
  line-height: 1.8;
  color: #3F4B5C;
  position: relative;
  margin-bottom: 8px;
}
.page-demo-spaces .demo-spaces-section .demo-content .demo-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.page-demo-spaces .demo-spaces-section .demo-content .demo-actions .action-button, .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .page-help-center .btn-submit-ticket, .page-help-center .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .btn-submit-ticket,
.page-demo-spaces .demo-spaces-section .demo-content .demo-actions .secondary-button {
  min-width: 140px;
}
.page-demo-spaces .lets-started {
  margin-top: 0;
}
@media (max-width: 1000px) {
  .page-demo-spaces .demo-spaces-navigation {
    padding: 30px 0;
  }
  .page-demo-spaces .demo-spaces-navigation .nav-title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .page-demo-spaces .demo-spaces-navigation .spaces-nav-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 10px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group {
    padding: 16px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group .category-nav-title {
    font-size: 15px;
    margin-bottom: 12px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group .category-nav-title .gd-site-ico-30 {
    font-size: 16px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group .space-nav-link {
    padding: 10px 12px;
    font-size: 13px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group .space-nav-link:hover {
    transform: translateX(2px);
  }
  .page-demo-spaces .demo-spaces-section {
    padding: 40px 20px 20px;
  }
  .page-demo-spaces .demo-spaces-section .category-section {
    margin-bottom: 70px;
  }
  .page-demo-spaces .demo-spaces-section .category-header {
    margin-bottom: 40px;
  }
  .page-demo-spaces .demo-spaces-section .category-header h2 {
    font-size: 26px;
  }
  .page-demo-spaces .demo-spaces-section .category-header .txt-desc {
    font-size: 16px;
  }
  .page-demo-spaces .demo-spaces-section .demo-space-item {
    flex-direction: column !important;
    gap: 30px;
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
  .page-demo-spaces .demo-spaces-section .demo-image-wrapper {
    flex: 1;
    max-width: 100%;
    width: 100%;
  }
  .page-demo-spaces .demo-spaces-section .demo-content h3, .page-demo-spaces .demo-spaces-section .demo-content .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-demo-spaces .demo-spaces-section .demo-content .title, .page-demo-spaces .demo-spaces-section .demo-content .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-demo-spaces .demo-spaces-section .demo-content .title {
    font-size: 24px;
  }
  .page-demo-spaces .demo-spaces-section .demo-content .description {
    font-size: 15px;
  }
  .page-demo-spaces .demo-spaces-section .demo-content .features-list li {
    font-size: 14px;
  }
  .page-demo-spaces .demo-spaces-section .demo-content .demo-actions {
    flex-direction: column;
  }
  .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .action-button, .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .page-help-center .btn-submit-ticket, .page-help-center .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .btn-submit-ticket,
  .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .secondary-button {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .page-demo-spaces .demo-spaces-navigation {
    padding: 20px 0;
  }
  .page-demo-spaces .demo-spaces-navigation .nav-title {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .page-demo-spaces .demo-spaces-navigation .spaces-nav-grid {
    padding: 0 5px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group {
    padding: 14px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group .category-nav-title {
    font-size: 14px;
    gap: 6px;
  }
  .page-demo-spaces .demo-spaces-navigation .category-nav-group .space-nav-link {
    padding: 8px 10px;
    font-size: 12px;
  }
  .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .action-button, .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .page-help-center .btn-submit-ticket, .page-help-center .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .btn-submit-ticket,
  .page-demo-spaces .demo-spaces-section .demo-content .demo-actions .secondary-button {
    width: 100%;
  }
}

.page-features .gd-footer {
  margin-top: 50px;
}
.page-features .gd-block.features-block {
  padding: 50px 0 50px 0;
  border-bottom: 1px solid #DCE4E9;
}
.page-features .gd-block.features-block h3, .page-features .gd-block.features-block .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-features .gd-block.features-block .title, .page-features .gd-block.features-block .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-features .gd-block.features-block .title {
  margin: 30px 0 0 0;
}
.page-features .gd-block.features-block .f-left {
  width: 25%;
  float: left;
}
.page-features .gd-block.features-block .f-right {
  width: 75%;
  float: left;
}
.page-features .features {
  width: 100%;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-features .features .feature {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  box-sizing: border-box;
  padding: 15px 10px 0;
  margin-bottom: 20px;
}
.page-features .features .feature .screenshot {
  height: 156px;
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
}
.page-features .features .feature .screenshot img {
  width: 100%;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
}
.page-features .features .feature h4 {
  padding: 0 10px;
  margin: 25px 0 10px 0;
}
.page-features .features .feature .txt-desc {
  padding: 0 10px;
  text-align: left;
}
.page-features .features-pills {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}
.page-features .features-pills a {
  display: inline-block;
  padding: 0 22px;
  height: 42px;
  line-height: 42px;
  text-decoration: none !important;
  background: #FBFCFD !important;
  box-shadow: 0 1px 2px #D4DCE4;
  opacity: 0.9;
  border-radius: 15px;
  margin: 0 10px 20px;
  font-size: 17px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.page-features .features-pills a:hover {
  opacity: 1;
  box-shadow: 0 1px 2px #C4CFD9;
}
@media (max-width: 600px) {
  .page-features .features-block {
    padding: 30px 30px !important;
  }
  .page-features .features-block .f-left {
    width: 100% !important;
    text-align: center !important;
  }
  .page-features .features-block .f-right {
    width: 100% !important;
  }
  .page-features .features-block .features {
    width: 100% !important;
    margin-top: 20px !important;
  }
  .page-features .features-block .feature {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-features .features-block .screenshot {
    height: auto !important;
  }
  .page-features .features-pills {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .page-features .features-pills a {
    display: flex !important;
    align-items: center;
    height: 50px !important;
    line-height: 18px !important;
    padding: 6px 16px !important;
    font-size: 16px !important;
    margin: 0 6px 12px !important;
    width: 45%;
    word-wrap: normal;
    text-align: left;
    vertical-align: middle;
  }
}
@media (max-width: 1150px) {
  .page-features .features-block .f-left {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px;
  }
  .page-features .features-block .f-right {
    width: 100% !important;
    max-width: 810px;
    float: none !important;
    margin: 0 auto !important;
  }
}

.page-feature.details .page-content h1, .page-feature.details .page-content h2, .page-feature.details .page-content h3, .page-feature.details .page-content .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-feature.details .page-content .title, .page-feature.details .page-content .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-feature.details .page-content .title, .page-feature.details .page-content h4 {
  margin: 20px 0 0 0;
}
.page-feature.details .page-content .gd-section-top {
  margin: 0;
  width: 100%;
  text-align: left;
}
.page-feature.details .page-content .section .txt-desc {
  margin-top: 30px;
}

.views-page .gd-section .gd-block {
  margin: 60px 0 60px 0;
}
.views-page .features-list .gd-block {
  margin: 0 0 200px 0;
}
.views-page .features-list .gd-block:last-child {
  margin: 0 0 80px 0;
}
.views-page .key-feature-header {
  margin: 20px 0 80px 0;
}
.views-page .feature-desc {
  margin: 40px 0 40px 0;
}
.views-page .view-overview {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.views-page .description-center {
  max-width: 750px;
  text-align: center;
}
.views-page h2 {
  text-align: center;
}
.views-page .big-screenshot {
  max-width: 900px;
  width: 100%;
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
  margin: 40px 0 40px 0;
}
.views-page .icon {
  z-index: 1;
  width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 6px;
  position: relative;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}
.views-page .icon.violet {
  background-color: #815BDC;
}
.views-page .icon.red {
  background-color: #ED5B88;
}
.views-page .icon.orange {
  background-color: #F9A639;
}
.views-page .icon.green {
  background-color: #0FC025;
}
.views-page .icon.blue {
  background-color: #399CF9;
}
.views-page .icon.ic-full_customization:before {
  background: #ED5C88 url("../img/templates/manager-page/l4.svg") no-repeat center center;
}
.views-page .icon.ic-custom_task_news:before {
  background: #F9A639 url("../img/templates/manager-page/l3.svg") no-repeat center center;
}
.views-page .icon.ic-workload:before {
  background: #399CF9 url("../img/templates/manager-page/l5.svg") no-repeat center center;
}
.views-page .icon.ic-resource_planning:before {
  background: #0FC025 url("../img/templates/manager-page/l5.svg") no-repeat center center;
}
.views-page .icon.ic-priorities:before {
  background: #F9A639 url("../img/templates/manager-page/l6.svg") no-repeat center center;
}
.views-page .icon.ic-active_projects:before {
  background: #815BDC url("../img/templates/manager-page/l7.svg") no-repeat center center;
}
.views-page .icon.ic-portfolio_budgeting:before {
  background: #F9A639 url("../img/templates/manager-page/l8.svg") no-repeat center center;
}
/* .views-page .icon.ic-workflow:before {
  background: #ED5B88 url("../img/templates/manager-page/l3.svg") no-repeat center center;
} */
.views-page .icon.ic-timer:before {
  background: #399CF9 url("../img/templates/manager-page/l9.svg") no-repeat center center;
}
.views-page .icon.ic-my_time:before {
  background: #0FC025 url("../img/templates/manager-page/l10.svg") no-repeat center center;
}
.views-page .icon.ic-summary_reports:before {
  background: #F9A639 url("../img/templates/manager-page/l11.svg") no-repeat center center;
}
.views-page .icon.ic-custom_fields:before {
  background: #399CF9 url("../img/templates/manager-page/l12.svg") no-repeat center center;
}
.views-page .icon.ic-finance_module:before {
  background: #0FC025 url("../img/templates/manager-page/l13.svg") no-repeat center center;
}
.views-page .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.views-page .left .title {
  display: flex;
  justify-content: start;
  align-items: center;
}
.views-page .left .title h3, .views-page .page-help-center .index-page .context-sub-section .left .title .title, .page-help-center .index-page .context-sub-section .views-page .left .title .title, .views-page .page-help-center .index-page .context-section-name .left .title .title, .page-help-center .index-page .context-section-name .views-page .left .title .title {
  margin-left: 20px;
}
.views-page .right {
  position: relative;
}
.views-page .right .screenshot {
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
  z-index: 1;
}
.views-page .right .bg-shape:before {
  position: absolute;
  content: "";
  top: -60px;
  left: -60px;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 467px;
  width: 830px;
  z-index: 1;
}
.views-page .right .bg-shape.red:before {
  background-image: url("../img/views/view-page/bg-shape-red.svg");
}
.views-page .right .bg-shape.blue:before {
  background-image: url("../img/views/view-page/bg-shape-blue.svg");
}
.views-page .right .bg-shape.violet:before {
  background-image: url("../img/views/view-page/bg-shape-violet.svg");
}
.views-page .right .bg-shape.orange:before {
  background-image: url("../img/views/view-page/bg-shape-orange.svg");
}
.views-page .features-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 50px 0 0 0;
}
.views-page .feature-item {
  display: flex;
  align-items: center;
  width: calc(50% - 20px);
  margin: 10px 0 60px 0;
  text-align: left;
}
.views-page .feature-item .info {
  width: 50%;
  padding-left: 35px;
}
.views-page .feature-item .image {
  -webkit-box-shadow: 2px 2px 10px rgba(10, 31, 56, 0.12);
  border-radius: 50%;
  overflow: hidden;
  height: 230px;
  width: 230px;
}
.views-page .feature-item img {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 114%;
  max-width: 114%;
  position: relative;
  left: -7%;
  top: -7%;
}
.views-page .related h2 {
  margin-bottom: 50px;
}
.views-page .sharing .item-list {
  margin: 60px 0;
  display: flex;
  justify-content: space-between;
}
.views-page .sharing .item {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.views-page .sharing .txt-desc {
  text-align: center;
}
.views-page .sharing .title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 10px 0;
}
.views-page .sharing .icon {
  margin-right: 20px;
}
.views-page .sharing .screenshot img {
  width: 280px;
}
.views-page .otherview {
  margin: 40px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.views-page .otherview .arrow-link {
  position: absolute !important;
  bottom: 12px;
  right: 12px;
  color: #3f4b5c;
  font-size: 11px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: transparent;
}
.views-page .otherview .arrow-link.on-color {
  color: rgba(255, 255, 255, 0.3);
}
.views-page .otherview .otherviewun {
  position: relative;
  display: flex;
  background: white;
  border-radius: 15px;
  border: 1px solid #E8EAED;
  width: calc(50% - 15px);
  margin-bottom: 30px;
  float: left;
}
.views-page .otherview .otherviewun:hover {
  background: white;
  border-radius: 15px;
  border: 1px solid #E8EAED;
  box-shadow: 7.76845px 3.53111px 23.3054px 3.53111px rgba(10, 31, 56, 0.04), 7.06223px 9.88712px 14.1245px 3.53111px rgba(23, 99, 184, 0.06), 0px 24px 22px rgba(10, 31, 56, 0.04);
  transition: 50ms ease-out;
}
.views-page .otherview .otherviewun:hover .arrow-link {
  color: white;
  background: #0075FA;
}
.views-page .otherview .otherviewun .preview {
  margin: 20px 0 20px 20px;
  width: 45%;
}
.views-page .otherview .otherviewun .information {
  width: 65%;
  margin: 25px 25px;
}
.views-page .otherview .otherviewun img {
  width: 100%;
  display: block;
}
.views-page .otherview .otherviewun .title {
  padding-right: 20px;
}
.views-page .otherview .otherviewun .txt-desc-small {
  margin: 10px 0 0 0;
  padding-right: 20px;
  max-height: 71px;
  overflow: hidden;
}
@media (max-width: 820px) {
  .views-page .view-overview {
    position: relative;
  }
  .views-page .view-overview .big-screenshot {
    width: 100%;
  }
  .views-page .view-overview:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: -60px;
    background: #E8EAED;
  }
  .views-page .key-feature-header {
    margin-bottom: 20px !important;
  }
  .views-page .features-list .gd-block {
    padding: 0;
    margin: 0 !important;
  }
  .views-page .sharing .item-list {
    flex-direction: column;
    margin-bottom: 0 !important;
  }
  .views-page .sharing .item-list .item {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 1250px) {
  .views-page .bg-shape {
    display: none !important;
  }
  .views-page .features-list .gd-block {
    margin: 0 0 100px 0 !important;
  }
  .views-page .features-list .gd-block:last-child {
    margin: 0 0 40px 0 !important;
  }
}
@media (max-width: 1000px) {
  .views-page .features-list .gd-block {
    margin: 0 0 60px 0 !important;
  }
  .views-page .features-list .gd-block:last-child {
    margin: 0 0 30px 0 !important;
  }
  .views-page .features-items .feature-item {
    flex-direction: column;
    width: 100% !important;
    margin: 10px 0 30px 0;
  }
  .views-page .features-items .feature-item .info {
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
}

.page-views-list h3, .page-views-list .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-views-list .title, .page-views-list .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-views-list .title {
  margin: 25px 0 15px;
}
.page-views-list .view-item {
  padding: 0 15px 50px;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
}
.page-views-list .view-item .screenshot img {
  max-width: 100%;
  width: 330px;
  background: #F5F7FA;
  height: 200px;
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
  border-radius: 12px;
}
.page-views-list .view-item .screenshot img:hover {
  background: #F1F4F8;
}
.page-views-list .view-item .info {
  padding-left: 10px;
}
.page-views-list .taskwrap {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-views-list .taskwrap:last-child {
  border-bottom: none;
}
@media (max-width: 992px) {
  .page-views-list .view-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}
@media (max-width: 600px) {
  .page-views-list .view-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .page-views-list .view-item {
    padding: 0 !important;
    margin-bottom: 40px;
  }
  .page-views-list .view-item .screenshot img {
    height: auto !important;
  }
}

.page-integrations .header .header-img {
  margin-top: 40px;
}
.page-integrations .header .header-img img {
  max-width: 440px;
}
.page-integrations h2 {
  text-align: center;
  margin: 50px 0 30px 0;
}
.page-integrations .left {
  align-items: self-start !important;
}
.page-integrations .left .btn-learn-more {
  margin-top: 40px;
}
.page-integrations .right img {
  margin: 60px 0;
}
.page-integrations .native h3, .page-integrations .native .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-integrations .native .title, .page-integrations .native .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-integrations .native .title {
  margin: 5px 0 15px;
  font-size: 19px;
}
.page-integrations .native .native-units {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-integrations .native .nativeun {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  text-align: center;
  padding: 0 35px 60px;
}
.page-integrations .native .nativeun img {
  width: 88px;
  margin-bottom: 20px;
}
.page-integrations .native .nativeun .title {
  font-size: 22px;
  line-height: 27px;
  font-weight: 600;
  margin: 0 0 17px;
}
.page-integrations .native .nativeun .text {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 25px;
}
.page-integrations .native .nativeun .readmore {
  margin: 0 auto;
}
.page-integrations .readmore {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  padding: 0;
  display: block;
  margin: 0;
  height: 40px;
  line-height: 40px;
  border: 1px solid #414A57;
  border-radius: 4px;
  width: 142px;
  padding-right: 10px;
  position: relative;
  text-align: center;
}
.page-integrations .readmore:before {
  position: absolute;
  content: "";
  z-index: 1;
  left: 50%;
  margin-left: 40px;
  width: 6px;
  height: 10px;
  top: 50%;
  margin-top: -4px;
  background: url(../img/views/arrow.png) no-repeat;
  background-size: 100% auto;
}
.page-integrations .readmore.nobef:before {
  display: none;
}
.page-integrations .readmore.nobef {
  padding-right: 0;
}
.page-integrations .platform .platformimg {
  padding: 0 120px 55px;
}
.page-integrations .platform .platformimg img {
  width: 100%;
}
.page-integrations .platform .platformbtn {
  text-align: center;
  width: 100%;
}
.page-integrations .platform .platformbtn button, .page-integrations .platform .platformbtn a {
  width: 140px;
  margin: 0 5px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  background: #4E5561;
  border-radius: 4px;
  height: 42px;
  text-align: left;
  color: #ffffff;
  display: inline-block;
}
.page-integrations .platform .platformbtn button.platformbtn1, .page-integrations .platform .platformbtn a.platformbtn1 {
  background: #4E5561 url("../img/lp1/btn4.svg") no-repeat 9px center;
}
.page-integrations .platform .platformbtn button.platformbtn2, .page-integrations .platform .platformbtn a.platformbtn2 {
  background: #4E5561 url("../img/lp1/btn2.svg") no-repeat 9px center;
}
.page-integrations .platform .platformbtn button.platformbtn3, .page-integrations .platform .platformbtn a.platformbtn3 {
  background: #4E5561 url("../img/lp1/btn3.svg") no-repeat 9px center;
}
.page-integrations .platform .platformbtn button.platformbtn4, .page-integrations .platform .platformbtn a.platformbtn4 {
  background: #4E5561 url("../img/lp1/btn4.svg") no-repeat 9px center;
}
.page-integrations .platform .platformbtn button.platformbtn5, .page-integrations .platform .platformbtn a.platformbtn5 {
  background: #4E5561 url("../img/lp1/btn5.svg") no-repeat 9px center;
}
.page-integrations .platform .platformbtn button.platformbtn6, .page-integrations .platform .platformbtn a.platformbtn6 {
  background: #4E5561 url("../img/lp1/btn6.svg") no-repeat 9px center;
}
.page-integrations .platform .platformbtn button.platformbtn7, .page-integrations .platform .platformbtn a.platformbtn7 {
  background: #4E5561 url("../img/lp1/btn7.svg") no-repeat 9px center;
}
.page-integrations .platform .platformbtn button span, .page-integrations .platform .platformbtn a span {
  display: block;
  padding: 7px 9px 0 40px;
  font-size: 12px;
  line-height: 1.2em;
}
.page-integrations .platform .platformbtn button span i, .page-integrations .platform .platformbtn a span i {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
}
.page-integrations .platform .platformbtn button img, .page-integrations .platform .platformbtn a img {
  width: 100px;
  margin-left: 0;
  height: auto !important;
}
.page-integrations .platform .platformbtn button:hover, .page-integrations .platform .platformbtn a:hover {
  opacity: 0.8;
}
@media (max-width: 820px) {
  .page-integrations .native-units .nativeun {
    flex-basis: 50% !important;
    padding-bottom: 40px !important;
  }
  .page-integrations .platform .gd-title-desc {
    width: 100%;
  }
  .page-integrations .platform .platformimg {
    padding: 0 !important;
  }
  .page-integrations .platform .platformbtn {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
  }
  .page-integrations .platform .platformbtn a {
    width: calc(50% - 15px) !important;
    margin: 5px !important;
  }
}
@media (max-width: 600px) {
  .page-integrations .native-units .nativeun {
    flex-basis: 100% !important;
    padding-bottom: 40px !important;
  }
}

.page-templates .templates-list {
  display: flex;
  flex-direction: row;
  margin-top: 40px;
}
.page-templates .templates-list .template-cards-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: -15px;
}
.page-templates .templates-list .template-card {
  background: white;
  border-radius: 15px;
  border: 1px solid #E8EAED;
  width: 377px;
  height: 380px;
  margin: 15px;
  border-radius: 15px;
  overflow: hidden;
  cursor: default;
  position: relative;
}
.page-templates .templates-list .template-card img {
  width: 100%;
}
.page-templates .templates-list .template-card .name {
  margin: 15px 22px 5px 20px;
}
.page-templates .templates-list .template-card .description {
  margin: 5px 22px 20px 20px;
  max-height: 120px;
  overflow: hidden;
}
.page-templates .templates-list .template-card:hover {
  background: white;
  border-radius: 15px;
  border: 1px solid #E8EAED;
  box-shadow: 7.76845px 3.53111px 23.3054px 3.53111px rgba(10, 31, 56, 0.04), 7.06223px 9.88712px 14.1245px 3.53111px rgba(23, 99, 184, 0.06), 0px 24px 22px rgba(10, 31, 56, 0.04);
  transition: 50ms ease-out;
}
.page-templates .templates-list .template-card:hover .arrow-link {
  color: white;
  background: #0075FA;
}
.page-templates .templates-list .arrow-link {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: #3f4b5c;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: transparent;
}
.page-templates .templates-list .arrow-link.on-color {
  color: rgba(255, 255, 255, 0.3);
}
.page-templates .block-content {
  margin: 0 0 60px 0;
}
.page-templates .block-content h3, .page-templates .block-content .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-templates .block-content .title, .page-templates .block-content .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-templates .block-content .title {
  margin-bottom: 25px;
}
.page-templates .block-content.popular-categories .template-categories {
  margin: -10px;
}
.page-templates .block-content.popular-categories .row {
  display: flex;
  justify-content: space-between;
}
.page-templates .block-content.popular-categories .item {
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin: 10px;
  height: 140px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  position: relative;
}
.page-templates .block-content.popular-categories .item .icon {
  font-size: 32px;
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
  vertical-align: center;
}
.page-templates .block-content.popular-categories .item.small {
  width: 100%;
}
.page-templates .block-content.popular-categories .item.big {
  width: 100%;
}
.page-templates .block-content.popular-categories .item:hover {
  color: rgb(255, 255, 255);
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
  border-radius: 12px;
  border-radius: 20px;
}
.page-templates .block-content.popular-categories .item:hover .icon {
  font-size: 36px;
  transition: 150ms ease-in-out;
}
.page-templates .block-content.popular-categories .item:hover .arrow-link {
  color: white;
}
@media (max-width: 850px) {
  .page-templates .template-cards-list a {
    margin: 0 auto;
  }
}

.page-template-view .gd-header-small {
  margin-bottom: 0;
}
.page-template-view .gd-header-small .right {
  padding-left: 30px;
}
.page-template-view .gd-header-small .screenshot {
  object-fit: cover;
  border-radius: 15px;
}
.page-template-view .template-content ul {
  margin-top: 30px;
}
.page-template-view .tabsval-single {
  width: 95%;
  margin: 40px auto;
}
.page-template-view .tabsval-single img {
  width: 100%;
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
}
.page-template-view .template-content {
  margin: 40px 35px;
}
.page-template-view .template-content p {
  max-width: 750px;
}
.page-template-view .template-content h2 {
  padding-top: 30px;
  line-height: 38px;
  padding-bottom: 15px;
}
.page-template-view .template-content h3, .page-template-view .template-content .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-template-view .template-content .title, .page-template-view .template-content .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-template-view .template-content .title {
  padding-top: 10px;
  padding-bottom: 0px;
}
.page-template-view .template-details {
  display: flex;
  flex-direction: column;
  margin: 40px 35px 0px 35px;
}
.page-template-view .template-details .template-group {
  display: flex;
  border-bottom: 1px solid #E8EAED;
  padding: 25px 0;
  align-items: start;
}
.page-template-view .template-details .template-group .left {
  width: 250px;
}
.page-template-view .template-details .template-group .left .name {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #2C4361;
  text-transform: uppercase;
  height: 42px;
}
.page-template-view .template-details .template-group .left .name.views {
  height: 50px;
}
.page-template-view .template-details .template-group .right {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page-template-view .template-details .template-group:last-child {
  border-bottom: none;
}
.page-template-view .template-details .plate-status {
  display: flex;
  align-items: center;
  height: 30px;
  border-radius: 15px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 0 15px;
  margin: 6px 12px 6px 0;
}
.page-template-view .template-details .plate-status.green {
  background: #3fb054;
}
.page-template-view .template-details .plate-status.pink {
  background: #f15aa4;
}
.page-template-view .template-details .plate-status.orange {
  background: #f8b144;
}
.page-template-view .template-details .plate-status.gray, .page-template-view .template-details .plate-status.grey {
  background: #79909b;
}
.page-template-view .template-details .plate-status.blue {
  background: #30a4e4;
}
.page-template-view .template-details .plate-status.purple {
  background: #a553d7;
}
.page-template-view .template-details .plate-type {
  display: flex;
  align-items: center;
  height: 30px;
  border-radius: 15px;
  background: #F4F8FC;
  border: 1px solid #E9EBED;
  color: #3F4B5C;
  font-size: 16px;
  padding: 0 15px;
  margin: 6px 12px 6px 0;
}
.page-template-view .template-details .plate-type .icon {
  margin-right: 10px;
  line-height: 14px;
}
.page-template-view .template-details .plate-view {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 6px 45px 6px 0;
  color: #3F4B5C;
  font-size: 16px;
}
.page-template-view .template-details .plate-view img {
  height: 40px;
  margin-right: 15px;
}
.page-template-view .related {
  margin: 40px 35px;
  flex-direction: column;
}
.page-template-view .related .template-card {
  width: 345px;
}
.page-template-view .related-one-column {
  margin: 60px 0;
}
.page-template-view .related-one-column .template-card {
  width: 338px;
}
.page-template-view .related-one-column h2 {
  text-align: center;
}

.page-template-view .gd-header-small {
  margin-bottom: 0;
}
.page-template-view .gd-header-small .right {
  padding-left: 30px;
}
.page-template-view .gd-header-small .screenshot {
  object-fit: cover;
  border-radius: 15px;
}
.page-template-view .template-content ul {
  margin-top: 30px;
}
.page-template-view .tabsval-single {
  width: 95%;
  margin: 40px auto;
}
.page-template-view .tabsval-single img {
  width: 100%;
  background: #F4F8FC;
  box-shadow: 11px 5px 33px 5px rgba(10, 31, 56, 0.03), 10px 14px 20px 5px rgba(23, 99, 184, 0.06), 5px 54px 40px rgba(10, 31, 56, 0.08);
  border-radius: 15px;
}
.page-template-view .template-content {
  margin: 40px 35px;
}
.page-template-view .template-content p {
  max-width: 750px;
}
.page-template-view .template-content h2 {
  padding-top: 30px;
  line-height: 38px;
  padding-bottom: 15px;
}
.page-template-view .template-content h3, .page-template-view .template-content .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-template-view .template-content .title, .page-template-view .template-content .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-template-view .template-content .title {
  padding-top: 10px;
  padding-bottom: 0px;
}
.page-template-view .template-details {
  display: flex;
  flex-direction: column;
  margin: 40px 35px 0px 35px;
}
.page-template-view .template-details .template-group {
  display: flex;
  border-bottom: 1px solid #E8EAED;
  padding: 25px 0;
  align-items: start;
}
.page-template-view .template-details .template-group .left {
  width: 250px;
}
.page-template-view .template-details .template-group .left .name {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #2C4361;
  text-transform: uppercase;
  height: 42px;
}
.page-template-view .template-details .template-group .left .name.views {
  height: 50px;
}
.page-template-view .template-details .template-group .right {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page-template-view .template-details .template-group:last-child {
  border-bottom: none;
}
.page-template-view .template-details .plate-status {
  display: flex;
  align-items: center;
  height: 30px;
  border-radius: 15px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 0 15px;
  margin: 6px 12px 6px 0;
}
.page-template-view .template-details .plate-status.green {
  background: #3fb054;
}
.page-template-view .template-details .plate-status.pink {
  background: #f15aa4;
}
.page-template-view .template-details .plate-status.orange {
  background: #f8b144;
}
.page-template-view .template-details .plate-status.gray, .page-template-view .template-details .plate-status.grey {
  background: #79909b;
}
.page-template-view .template-details .plate-status.blue {
  background: #30a4e4;
}
.page-template-view .template-details .plate-status.purple {
  background: #a553d7;
}
.page-template-view .template-details .plate-type {
  display: flex;
  align-items: center;
  height: 30px;
  border-radius: 15px;
  background: #F4F8FC;
  border: 1px solid #E9EBED;
  color: #3F4B5C;
  font-size: 16px;
  padding: 0 15px;
  margin: 6px 12px 6px 0;
}
.page-template-view .template-details .plate-type .icon {
  margin-right: 10px;
  line-height: 14px;
}
.page-template-view .template-details .plate-view {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 6px 45px 6px 0;
  color: #3F4B5C;
  font-size: 16px;
}
.page-template-view .template-details .plate-view img {
  height: 40px;
  margin-right: 15px;
}
.page-template-view .related {
  margin: 40px 35px;
  flex-direction: column;
}
.page-template-view .related .template-card {
  width: 345px;
}
.page-template-view .related-one-column {
  margin: 60px 0;
}
.page-template-view .related-one-column .template-card {
  width: 338px;
}
.page-template-view .related-one-column h2 {
  text-align: center;
}

.page-customization .gd-section-desc {
  margin-bottom: 30px !important;
}

.page-security .gd-container .gd-block {
  max-width: 800px;
  margin: 50px auto 80px auto;
}
.page-security .gd-container .gd-block h2 {
  margin: 40px 0 0 0;
}
.page-security .gd-container .gd-block h3, .page-security .gd-container .gd-block .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-security .gd-container .gd-block .title, .page-security .gd-container .gd-block .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-security .gd-container .gd-block .title {
  margin: 30px 0 0 0;
}
.page-security .gd-container .gd-block p {
  margin: 10px 0 0 0;
}

.page-productivity-suite #Chats {
  border-bottom: transparent;
}
.page-productivity-suite .feature-desc {
  margin: 70px 0 70px 0;
}
.page-productivity-suite .feature-desc .left {
  align-items: flex-start;
  padding-right: 20px;
}
.page-productivity-suite .feature-desc.orange li:after {
  color: #ff933a;
}
.page-productivity-suite .feature-desc.red li:after {
  color: #dc4259;
}
.page-productivity-suite .feature-desc.blue li:after {
  color: #1996f0;
}
.page-productivity-suite .feature-desc.dark-blue li:after {
  color: #4179e2;
}
.page-productivity-suite .feature-desc.violet li:after {
  color: #ac4dbd;
}
.page-productivity-suite .feature-desc.dark-violet li:after {
  color: #7964ed;
}
.page-productivity-suite .feature-desc.green li:after {
  color: #3eb653;
}
.page-productivity-suite .feature-desc .btn-learn-more {
  margin: 30px 0 0 0;
}
.page-productivity-suite ul.features-list {
  margin: 30px 0 0 0;
}
.page-productivity-suite ul.features-list li:before {
  display: none;
}
.page-productivity-suite ul.features-list li:after {
  font-size: 14px;
}
.page-productivity-suite h2 {
  margin: 0 0 20px 0;
}
.page-productivity-suite h2 img {
  margin: -2px 15px 0 0;
}
.page-productivity-suite .screenshot img {
  width: 629px;
}

.gd-product-modules-grid .gd-footer {
  margin-top: 50px;
}
.gd-product-modules-grid .modules-grid-page .modules-category .category-header {
  text-align: center;
  margin-bottom: 50px;
}
.gd-product-modules-grid .modules-grid-page .modules-category .modules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.gd-product-modules-grid .modules-grid-page .modules-category .modules-grid .module-card {
  background: white;
  border: 1px solid #ECF0F3;
  border-radius: 8px;
  padding: 30px;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.gd-product-modules-grid .modules-grid-page .modules-category .modules-grid .module-card:hover {
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
  transform: translateY(-2px);
}
.gd-product-modules-grid .modules-grid-page .modules-category .modules-grid .module-card .module-icon {
  width: 75px;
  height: 75px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FAFBFC;
  border-radius: 8px;
  padding: 15px;
}
.gd-product-modules-grid .modules-grid-page .modules-category .modules-grid .module-card .module-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gd-product-modules-grid .modules-grid-page .modules-category .modules-grid .module-card .module-content {
  flex: 1;
}
@media (max-width: 1150px) {
  .gd-product-modules-grid .modules-grid-page .modules-category .modules-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .gd-product-modules-grid .modules-grid-page .modules-category .modules-grid .module-card .module-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
  }
}

.gd-section.white:nth-of-type(5) .gd-features-center {
  border-bottom: none !important;
}

.managment-project-unit {
  padding: 50px 0 50px;
  background: white;
}
@media (max-width: 1000px) {
  .managment-project-unit {
    padding: 44px 0 50px;
  }
}
.managment-project-unit.border-none {
  border-bottom: none;
}
.managment-project-unit.managment-project-unit-reverse .flex .flel1 {
  padding-right: 0;
  padding-left: 50px;
}
.managment-project-unit.grey {
  background: #FAFBFC;
}
.managment-project-unit .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.managment-project-unit .flex .flel {
  margin: auto 0;
}
.managment-project-unit .flex .flel1 {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  padding-right: 60px;
}
.managment-project-unit .flex .flel2 {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
}
.managment-project-unit .flex .flel2 img {
  max-width: 100%;
}
.managment-project-unit .tit {
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 39px;
  font-weight: 700;
}
.managment-project-unit .tex {
  font-size: 17px;
  margin: 0 0 40px;
  line-height: 24px;
}
.managment-project-unit .list {
  margin-top: 50px;
}
.managment-project-unit .list .icon {
  position: absolute;
  z-index: 1;
  width: 46px;
  height: 46px;
  border-radius: 6px;
  left: 6px;
  top: 2px;
}
.managment-project-unit .list .icon.violet {
  background-color: #815BDC;
}
.managment-project-unit .list .icon.red {
  background-color: #ED5B88;
}
.managment-project-unit .list .icon.orange {
  background-color: #F9A639;
}
.managment-project-unit .list .icon.orange-dark {
  background-color: #E2621A;
}
.managment-project-unit .list .icon.green {
  background-color: #0FC025;
}
.managment-project-unit .list .icon.blue {
  background-color: #399CF9;
}
.managment-project-unit .list .icon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 46px;
  height: 46px;
  border-radius: 6px;
  left: 0;
  top: 0;
}
.managment-project-unit .list .icon.ico-structure:before {
  background: url("../img/templates/manager-page/l4.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ico-planning:before {
  background: url("../img/templates/manager-page/l11.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ico-views:before {
  background: url("../img/templates/manager-page/l12.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-gunt_chart:before {
  background: url("../img/templates/manager-page/l1.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-my_work:before {
  background: url("../img/templates/manager-page/l2.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-folder:before {
  background: url("../img/templates/manager-page/l3.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-calendar:before {
  background: url("../img/templates/manager-page/ic-event.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-action-req:before {
  background: url("../img/templates/manager-page/ic-action-req.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-analitics:before {
  background: url("../img/templates/manager-page/ic-analitics.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-customizations:before {
  background: url("../img/templates/manager-page/ic-customizations.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-personal-event:before {
  background: url("../img/templates/manager-page/ic-personal-event.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-portfolio:before {
  background: url("../img/templates/manager-page/ic-portfolio.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-progress:before {
  background: url("../img/templates/manager-page/ic-progress.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-project-health:before {
  background: url("../img/templates/manager-page/ic-project-health.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-tasks-advanced:before {
  background: url("../img/templates/manager-page/ic-tasks-advanced.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-report:before {
  background: url("../img/templates/manager-page/ic-report.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-todo:before {
  background: url("../img/templates/manager-page/ic-todo.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-acountability:before {
  background: url("../img/templates/manager-page/ic-acountability.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-ic-views:before {
  background: url("../img/templates/manager-page/ic-views.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-custom-field-task:before {
  background: url("../img/templates/manager-page/ic-custom-field-task.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-ux:before {
  background: url("../img/templates/manager-page/ic-ux.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-priority:before {
  background: url("../img/templates/manager-page/ic-priority.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-chats:before {
  background: url("../img/templates/manager-page/ic-chats.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-integrations:before {
  background: url("../img/templates/manager-page/ic-integrations.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-history:before {
  background: url("../img/templates/manager-page/ic-history.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-attachment:before {
  background: url("../img/templates/manager-page/ic-attachment.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-cloud:before {
  background: url("../img/templates/manager-page/ic-cloud.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-eye:before {
  background: url("../img/templates/manager-page/ic-eye.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-note:before {
  background: url("../img/templates/manager-page/ic-note.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-share:before {
  background: url("../img/templates/manager-page/ic-share.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-view-for:before {
  background: url("../img/templates/manager-page/ic-view-for.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-company:before {
  background: url("../img/templates/manager-page/ic-company.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-email:before {
  background: url("../img/templates/manager-page/ic-email.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-activity-stream:before {
  background: url("../img/templates/manager-page/ic-activity-stream.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-notification:before {
  background: url("../img/templates/manager-page/ic-notification.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-people:before {
  background: url("../img/templates/manager-page/ic-people.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-circle:before {
  background: url("../img/templates/manager-page/ic-circle.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-roadmap:before {
  background: url("../img/templates/manager-page/ic-roadmap.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-pririty:before {
  background: url("../img/templates/manager-page/ic-pririty.html") no-repeat center center;
}
.managment-project-unit .list .icon.ic-backlog:before {
  background: url("../img/templates/manager-page/ic-backlog.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-scrum:before {
  background: url("../img/templates/manager-page/ic-scrum.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-sprint-custom:before {
  background: url("../img/templates/manager-page/ic-sprint-custom.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-sprint:before {
  background: url("../img/templates/manager-page/ic-sprint.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-event:before {
  background: url("../img/templates/manager-page/ic-event.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-budget:before {
  background: url("../img/templates/manager-page/ic-budget.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-tv:before {
  background: url("../img/templates/manager-page/ic-tv.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-board:before {
  background: url("../img/templates/manager-page/ic-board.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-visual:before {
  background: url("../img/templates/manager-page/ic-visual.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-milestone:before {
  background: url("../img/templates/manager-page/ic-milestone.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-full_customization:before {
  background: url("../img/templates/manager-page/l4.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-custom_task_news:before {
  background: url("../img/templates/manager-page/l3.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-workload:before {
  background: url("../img/templates/manager-page/l5.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-resource_planning:before {
  background: url("../img/templates/manager-page/l5.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-priorities:before {
  background: url("../img/templates/manager-page/l6.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-active_projects:before {
  background: url("../img/templates/manager-page/l7.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-portfolio_budgeting:before {
  background: url("../img/templates/manager-page/l8.svg") no-repeat center center;
}
/* .managment-project-unit .list .icon.ic-workflow:before {
  background: url("../img/templates/manager-page/l3.svg") no-repeat center center;
} */
.managment-project-unit .list .icon.ic-timer:before {
  background: url("../img/templates/manager-page/l9.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-my_time:before {
  background: url("../img/templates/manager-page/l10.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-summary_reports:before {
  background: url("../img/templates/manager-page/l11.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-custom_fields:before {
  background: url("../img/templates/manager-page/l12.svg") no-repeat center center;
}
.managment-project-unit .list .icon.ic-finance_module:before {
  background: url("../img/templates/manager-page/l13.svg") no-repeat center center;
}
.managment-project-unit .list .feature {
  margin-bottom: 30px;
  padding-left: 80px;
  position: relative;
  font-size: 17px;
  line-height: 24px;
}
.managment-project-unit .list .feature .feature-title {
  font-size: 17px;
  line-height: 24px;
  font-weight: bold;
  display: block;
}
.managment-project-unit .list .feature .flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
.managment-project-unit .list .feature .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}
.managment-project-unit .list .feature.no-icon {
  padding-left: 0px;
  font-size: 15px;
  line-height: 24px;
}
.managment-project-unit .list .feature i {
  display: block;
}
.managment-project-unit .list .feature i.iconwr {
  margin: auto;
  padding: 20px 32px;
  background: #ffffff;
  margin-right: 10px;
  border: 1px solid #E2E2E2;
}
.managment-project-unit .list .feature i.iconwr i {
  font-weight: 400;
  display: block;
  line-height: 24px;
  margin-top: 5px;
}
.managment-project-unit .list .feature i.iconwr .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
}
.managment-project-unit .list .feature i.iconwr .icon img {
  margin: auto;
}
.managment-project-unit .list .feature i a {
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  color: #552FB1;
  padding-right: 17px;
  background: url("../img/templates/manager-page/link-arr.svg") no-repeat right center;
}
.managment-project-unit .list .feature i a span {
  text-decoration: underline;
  font-style: normal;
}
.managment-project-unit .list .read-more {
  font-size: 14px;
  line-height: 24px;
  padding-right: 17px;
  background: url("../img/templates/manager-page/link-arr.svg") no-repeat right center;
  margin-left: 5px;
  color: #0366d6;
  position: relative;
  top: -1px;
}

.block-analytics {
  background: #ffffff;
  padding: 100px 0;
  border-bottom: 1px solid #E2E2E2;
}
.block-analytics h2 {
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 15px;
  color: #414A57;
}
.block-analytics p.text {
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  width: 640px;
  margin: 0 auto 65px;
  color: #000000;
}
.block-analytics img.tc {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.block-analytics .units .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.block-analytics .units .flex .unit {
  -ms-flex-preferred-size: 26%;
  flex-basis: 26%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 52px;
}
.block-analytics .units .flex .unit .imgwr {
  padding-right: 23px;
}
.block-analytics .units .flex .unit .contentval span {
  font-weight: 700;
  display: block;
}
.block-analytics .units .flex .unit .contentval .tit {
  font-size: 17px;
  line-height: 24px;
  color: #000000;
  margin: 0 0 5px;
}
.block-analytics .units .flex .unit .contentval .link-btn-more {
  font-size: 17px;
  line-height: 26px;
  text-decoration: underline;
  color: #552FB1;
  display: inline-block;
  padding-right: 17px;
  background: url("../img/templates/manager-page/link-arr.svg") no-repeat right center;
}

.faq-section .faq-question {
  font-size: 19px;
  line-height: 1.4em;
  color: #2C4361;
}

.more-solutions {
  background: #FAFBFC !important;
}
.more-solutions .gd-block {
  padding-bottom: 50px;
  padding-top: 75px;
}
.more-solutions .solution {
  height: 552px;
  float: left;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  max-width: 536px;
  width: 49%;
  text-align: center;
  background-color: #fff;
  padding-bottom: 37px;
  margin-bottom: 30px;
  box-shadow: 0 1px 10px 0 rgba(94, 108, 116, 0.1), 0 9px 24px 0 rgba(94, 108, 116, 0.1);
}
.more-solutions .solution:nth-child(even) {
  float: right;
}
.more-solutions .solution .img {
  max-width: 100%;
  height: auto;
}
.more-solutions .solution .name {
  color: #2d2d2d;
  font-size: 30px;
  font-weight: 600;
  line-height: 28px;
  padding: 43px 20px 0;
  padding-top: 37px !important;
}
.more-solutions .solution .desc {
  opacity: 0.88;
  color: #383a3b;
  font-size: 17px;
  line-height: 24px;
  padding: 27px 30px 15px 30px;
}
.more-solutions .solution .poa {
  position: absolute;
  width: 100%;
  bottom: 25px;
  left: 0;
}
.more-solutions .learnmore {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #3B414A;
  color: #3B414A;
  padding: 0 33px;
  margin-top: 24px;
  font-weight: 600;
  border-radius: 4px;
}
@media (max-width: 1000px) {
  .more-solutions {
    display: none;
  }
}

.managment-collaboration {
  /*background: #815BDC url('/site/assets/img/templates/manager-page/collaborate.png') no-repeat center 54px;*/
  background-color: #815BDC;
  background-size: 1320px auto;
  padding: 90px 0;
}
.managment-collaboration h2 {
  color: #ffffff;
  text-align: center;
  font-size: 32px;
  margin-bottom: 30px;
}
.managment-collaboration .ltitle {
  text-align: center;
  width: 420px;
  max-width: 100%;
  color: #ffffff;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}
.managment-collaboration .units {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.managment-collaboration .unit {
  float: left;
  margin: 0 2px 4px;
  background: #8B65E6;
  border-radius: 5px;
  width: calc(50% - 4px);
  padding: 18px;
  -ms-flex-preferred-size: 49.5%;
  flex-basis: 49.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.managment-collaboration .unit a:before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 7px;
  height: 15px;
  background: url("../img/templates/manager-page/arr-right.svg") no-repeat center center;
  right: 0px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.managment-collaboration .unit .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.managment-collaboration .unit .flex > * {
  margin: auto 0;
}
.managment-collaboration .unit .flex .img-wr {
  padding-right: 30px;
}
.managment-collaboration .unit .flex .textval {
  padding-right: 75px;
  font-size: 17px;
  line-height: 24px;
  color: #FFFFFF;
}
.managment-collaboration .unit .flex .textval span {
  font-weight: 700;
}
.managment-collaboration .unit .flex .textval b {
  font-size: 13px;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  padding: 0 12px;
  background: #58C24C;
  border-radius: 12px;
  margin-top: 5px;
}

.more.manager-more .more__content .more__item_buisness .img-wrap {
  background: #FAFBFC;
}
.more.manager-more .more__content .more__item_buisness .more__buisness {
  padding: 0;
  margin-top: 0;
  max-width: 98.3%;
}
.more.manager-more .more__content .moreInteg {
  height: auto;
}
.more.manager-more .more__content .moreInteg .moreInteg__text {
  margin-bottom: 40px;
}
.more.manager-more .more__content .more__item_workflows {
  height: auto;
  padding-top: 10px;
  padding-bottom: 79px;
}
.more.manager-more .more__content .more__item_workflows .more__text {
  padding-top: 21px;
}
.more.manager-more .more__content .more__item_workflows .custom-workflows {
  margin-top: 20px;
}

.list-links {
  margin-right: 20px;
  font-weight: normal;
  line-height: 10px;
}

@media (max-width: 992px) {
  .managment-project-unit .list p .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .managment-project-unit .list p i.iconwr {
    margin-bottom: 10px;
  }
  .managment-project-unit .flex .flel2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    margin-top: 35px;
  }
  .managment-project-unit .list p i.iconwr {
    margin-left: 0;
  }
  .managment-project-unit .flex .flel1 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .manager-progress .units .flex .unit {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }
  .more__item_buisness .more__text {
    padding-left: 30px;
    padding-right: 30px;
  }
  .more.manager-more .more__content .more__item_workflows {
    padding-bottom: 69px;
  }
  .managment-collaboration .unit {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .managment-project-unit .list p i.iconwr {
    padding: 10px;
  }
  .managment-project-unit .list p:before {
    left: 0;
  }
  .managment-project-unit .list p {
    padding-left: 58px;
    font-size: 16px;
    line-height: 23px;
  }
  .manager-progress p.text {
    max-width: 100%;
  }
}
@media (max-width: 500px) {
  .managment-collaboration .unit .flex .img-wr {
    display: none;
  }
}
.page-pricing {
  font-size: 15px;
}
.page-pricing .pricing-section .standard-plans.hidden {
  display: none;
}
.page-pricing .pricing-section .special-offer.hidden {
  display: none;
}
.page-pricing .pricing-section .special-offer .pricing .c2, .page-pricing .pricing-section .special-offer .pricing .c3 {
  width: 48.4%;
}
.page-pricing .pricing-section .special-offer .pricing .plan {
  text-align: left;
}
.page-pricing .pricing-section .special-offer .pricing .plan h2 {
  margin-bottom: 10px;
  padding: 0 10px 0 10px;
}
.page-pricing .pricing-section .special-offer .pricing .plan .desc {
  text-align: center;
  margin-bottom: 20px;
}
.page-pricing .pricing-section .special-offer .pricing .plan .team-size {
  color: #2C4361;
  font-size: 17px;
  font-weight: 600;
}
.page-pricing .pricing-section .special-offer .pricing .plan .annually-total {
  color: #505e6d;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
.page-pricing .pricing-section .special-offer .pricing .plan .special-offer-prices {
  display: flex;
}
.page-pricing .pricing-section .special-offer .pricing .plan .special-offer-prices .pricing-plan {
  flex: 1;
  padding: 20px 0 20px 0;
  text-align: center;
  border: 1px solid #DCE4E9;
  border-radius: 8px;
}
.page-pricing .pricing-section .special-offer .pricing .btn-month-locked, .page-pricing .pricing-section .special-offer .pricing .btn-year-locked {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  line-height: 24px;
  border-radius: 12px;
  color: #3f4b5c;
  font-weight: 600;
  width: 80px;
  border: 1px solid transparent;
}
.page-pricing .pricing-section .special-offer .pricing .btn-month-locked.btn-year-locked, .page-pricing .pricing-section .special-offer .pricing .btn-year-locked.btn-year-locked {
  margin-left: 5px;
  color: #fff;
  background-color: #3f4b5c;
  border: 1px solid #3f4b5c;
  font-weight: 700;
}
@media (max-width: 1000px) {
  .page-pricing .pricing-section .special-offer .pricing {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page-pricing .pricing-section .special-offer .c1, .page-pricing .pricing-section .special-offer .c2, .page-pricing .pricing-section .special-offer .c3, .page-pricing .pricing-section .special-offer .c4 {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    max-width: 600px;
  }
  .page-pricing .pricing-section .special-offer .features {
    display: none !important;
  }
  .page-pricing .pricing-section .special-offer .plan h2 {
    text-align: center;
  }
  .page-pricing .pricing-section .special-offer .plan .special-offer-prices {
    display: block !important;
  }
  .page-pricing .pricing-section .special-offer .plan .special-offer-prices .pricing-plan {
    margin-right: 0 !important;
    margin-bottom: 15px;
  }
}
.page-pricing .features ul li:after {
  top: 2px;
}
.page-pricing .features-list {
  margin-top: 20px;
}
.page-pricing .features-list .section-title {
  font-size: 23px;
}
.page-pricing .price-free, .page-pricing .price-free:before {
  color: #06c026 !important;
}
.page-pricing .price-pro, .page-pricing .price-pro:before {
  color: #0075FA !important;
}
.page-pricing .price-business, .page-pricing .price-business:before {
  color: #815BDC !important;
}
.page-pricing .price-corp, .page-pricing .price-corp:before {
  color: #2c4361 !important;
}
.page-pricing .pricing-section {
  padding-bottom: 100px;
  background-size: cover;
  background-color: #F7F8FA;
}
.page-pricing .pricing-section .gd-section.header .container {
  padding-top: 30px;
  width: 70%;
  margin: 40px auto 0;
}
.page-pricing .pricing-section .pricing .price.hidden {
  display: none;
}
.page-pricing .pricing-section .pricing .c1, .page-pricing .pricing-section .pricing .c2, .page-pricing .pricing-section .pricing .c3, .page-pricing .pricing-section .pricing .c4 {
  width: 23.5%;
  float: left;
  box-shadow: 11px 5px 33px 5px rgba(72, 72, 72, 0.03);
  background-color: #FFFFFF;
  border-radius: 12px;
}
.page-pricing .pricing-section .pricing .c1, .page-pricing .pricing-section .pricing .c2, .page-pricing .pricing-section .pricing .c3 {
  margin: 0 15px 0 0;
}
.page-pricing .pricing-section .pricing .plan {
  min-height: 290px;
  padding: 0 20px;
  text-align: center;
  overflow: auto;
  color: white;
}
.page-pricing .pricing-section .pricing .plan .price-ico {
  color: #0075FA;
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
}
.page-pricing .pricing-section .pricing .plan h2 {
  text-transform: capitalize;
  margin: 30px 0 0 0;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  line-height: 50px;
}
.page-pricing .pricing-section .pricing .plan .users {
  font-size: 15px;
  margin-top: 0px;
  color: #606d80;
}
.page-pricing .pricing-section .pricing .plan .desc {
  line-height: 1.4;
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.page-pricing .pricing-section .pricing .plan .desc__helper {
  display: inline-block;
}
.page-pricing .pricing-section .pricing .features {
  padding: 20px;
}
.page-pricing .pricing-section .pricing .plan {
  color: #1d3960;
  padding-bottom: 20px;
}
.page-pricing .pricing-section .pricing ul {
  margin-left: -10px;
}
.page-pricing .pricing-section .pricing ul li {
  list-style: none;
  position: relative;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 15px;
  padding-left: 0px;
}
.page-pricing .pricing-section .pricing ul li:before {
  display: none;
}
.page-pricing .pricing-section .pricing .price {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}
.page-pricing .pricing-section .pricing .price .cost {
  font-size: 24px;
  line-height: 17px;
}
.page-pricing .pricing-section .pricing .price .period {
  font-weight: 400;
  color: #2c4361;
}
.page-pricing .pricing-section .pricing .action {
  text-align: center;
}
.page-pricing .pricing-section .pricing .c1 .plan h2 {
  color: #06c026 !important;
}
.page-pricing .pricing-section .pricing .c2 .plan h2 {
  color: #0075FA !important;
}
.page-pricing .pricing-section .pricing .c3 .plan h2 {
  color: #815BDC !important;
}
.page-pricing .pricing-section .pricing .c4 .plan h2 {
  color: #2c4361 !important;
}
.page-pricing .pricing-section .pricing .btn {
  height: 38px;
  line-height: 38px;
  width: 100%;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: inline-block;
  text-align: center;
  padding: 0;
  white-space: nowrap;
  color: white;
  font-size: 17px;
  font-weight: 600;
}
.page-pricing .pricing-section .pricing .btn.start1 {
  background-color: #06c026;
}
.page-pricing .pricing-section .pricing .btn.start1:hover {
  background-color: #06a621;
}
.page-pricing .pricing-section .pricing .btn.start2 {
  background-color: #0075FA;
}
.page-pricing .pricing-section .pricing .btn.start2:hover {
  background-color: #0068de;
}
.page-pricing .pricing-section .pricing .btn.start3 {
  background-color: #815BDC;
}
.page-pricing .pricing-section .pricing .btn.start3:hover {
  background-color: #704dc2;
}
.page-pricing .pricing-section .pricing .btn.contact {
  background-color: #5a7787;
}
.page-pricing .pricing-section .pricing .btn.contact:hover {
  background-color: #4f6977;
}
.page-pricing .pricing-section .pricing .btn-month, .page-pricing .pricing-section .pricing .btn-year {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  line-height: 24px;
  border-radius: 12px;
  color: #3f4b5c;
  font-weight: 600;
  width: 80px;
  border: 1px solid transparent;
}
.page-pricing .pricing-section .pricing .btn-month.btn-year, .page-pricing .pricing-section .pricing .btn-year.btn-year {
  margin-left: 5px;
}
.page-pricing .pricing-section .pricing .btn-month.active, .page-pricing .pricing-section .pricing .landing.project-management .our-solutions .solution-tabs .gd-block .btn-month.tabs-item:hover, .landing.project-management .our-solutions .solution-tabs .gd-block .page-pricing .pricing-section .pricing .btn-month.tabs-item:hover, .page-pricing .pricing-section .pricing .btn-year.active, .page-pricing .pricing-section .pricing .landing.project-management .our-solutions .solution-tabs .gd-block .btn-year.tabs-item:hover, .landing.project-management .our-solutions .solution-tabs .gd-block .page-pricing .pricing-section .pricing .btn-year.tabs-item:hover {
  color: #fff;
  background-color: #0075FA;
  border: 1px solid #0075FA;
  font-weight: 700;
}
.page-pricing .pricing-section .pricing .btn-month:hover:not(.active), .page-pricing .pricing-section .pricing .btn-year:hover:not(.active) {
  color: #0075FA;
}
.page-pricing .pricing-section .pricing .time {
  margin-top: 40px;
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  padding: 0 30px 0 10px;
}
.page-pricing .pricing-section .pricing .time .special-offer-btn {
  min-width: 256px;
  transition: all 0.3s ease;
  font-size: 14px;
  color: #F26A54;
  border: 1px solid #F26A54;
  line-height: 36px;
  height: 36px;
}
.page-pricing .pricing-section .pricing .time .special-offer-btn:hover {
  background-color: #F26A54;
  color: white;
}
.page-pricing .pricing-section .pricing .time .time-block {
  position: relative;
  width: max-content;
  border: 1px solid #A4ACAC;
  padding: 4px;
  border-radius: 50px;
}
.page-pricing .pricing-section .pricing .time .profit {
  font-size: 11px;
  font-weight: 600;
  color: #646F80;
  position: absolute;
  top: 10px;
  right: -100px;
}
.page-pricing .pricing-section .pricing .time .profit:before {
  display: inline-block;
  margin-right: 10px;
  content: "";
  width: 23px;
  height: 9px;
  background: url("../img/navigation2/arrow3.svg");
}
@media (max-width: 1000px) {
  .page-pricing .pricing-section .pricing {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page-pricing .pricing-section .pricing .time {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 0;
  }
  .page-pricing .pricing-section .pricing .time .time-block {
    margin-bottom: 20px;
  }
  .page-pricing .pricing-section .pricing .time .special-offer-btn {
    max-width: 600px;
    width: 100%;
  }
  .page-pricing .pricing-section .c1, .page-pricing .pricing-section .c2, .page-pricing .pricing-section .c3, .page-pricing .pricing-section .c4 {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    max-width: 600px;
  }
  .page-pricing .pricing-section .features {
    display: none;
  }
}
.page-pricing .compare-section .compare-plans {
  padding-bottom: 80px;
  /* Style the table */
  /* Style table headers and table data */
  /* Zebra-striped table rows */
}
.page-pricing .compare-section .compare-plans table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.page-pricing .compare-section .compare-plans th, .page-pricing .compare-section .compare-plans td {
  text-align: center;
  padding: 15px 5px 15px 0;
}
.page-pricing .compare-section .compare-plans th:first-child, .page-pricing .compare-section .compare-plans td:first-child {
  text-align: left;
  padding-left: 5px;
}
.page-pricing .compare-section .compare-plans tr {
  border-bottom: 1px solid #DCE4E9;
}
.page-pricing .compare-section .compare-plans tr:last-child {
  border-bottom: 1px solid transparent !important;
}
.page-pricing .compare-section .compare-plans .plan-have:before {
  content: "\e917";
  font-size: 14px;
  font-family: "gd-site" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-pricing .compare-section .compare-plans .plan-none:before {
  color: #A1ADBE;
  font-size: 12px;
  font-family: "gd-site" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-pricing .compare-section .gd-section.header .gd-block .container {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
}
.page-pricing .faq-section {
  border-top: 1px solid #DFE8F1;
  background-color: #FAFBFC;
  padding-bottom: 80px;
}
.page-pricing .faq-section .gd-section.header .gd-block .container {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
}
.page-pricing .faq-section .faq {
  /* Zebra Accordion plugin */
}
.page-pricing .faq-section .faq .faq-title {
  text-align: center;
}
.page-pricing .faq-section .faq .faq-title .l2 {
  margin-top: 15px;
}
.page-pricing .faq-section .faq #accordion {
  width: 100%;
  margin: 2rem auto;
}
.page-pricing .faq-section .faq #accordion dd {
  color: #3F4B5C;
  display: none;
  margin: 0;
  padding: 10px 0 15px 10px;
  border-bottom: 1px solid #DCE4E9;
  line-height: 1.4em;
}
.page-pricing .faq-section .faq #accordion dt {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #DCE4E9;
  font-size: 17px;
  font-weight: 500;
  color: #2c4361;
  cursor: pointer;
  padding: 15px 0 15px 10px;
}
.page-pricing .faq-section .faq #accordion dt .icon:before {
  font-size: 12px;
  font-family: "gd-site" !important;
  content: "\e900";
  color: #1D3960;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-pricing .faq-section .faq #accordion dt:hover {
  color: #0075FA !important;
}
.page-pricing .faq-section .faq #accordion dt:hover .icon:before {
  color: #0075FA !important;
}
.page-pricing .faq-section .faq .Zebra_Accordion_Expanded {
  border-bottom: 1px solid transparent !important;
}
.page-pricing .faq-section .faq .Zebra_Accordion_Expanded .icon {
  transform: rotate(180deg);
}

.page-request-demo {
  background-size: cover;
  background-image: url("../img/home-page/background-gd-gradient-grey.png");
}
.page-request-demo .form-request {
  background: white;
  border-radius: 15px;
  width: 750px;
  padding: 35px 35px;
  margin: 0 auto;
}
.page-request-demo .form-request .formline {
  margin-top: 20px;
  clear: both;
  margin-top: 20px;
}
.page-request-demo .form-request .formline button {
  margin-top: 20px;
}
.page-request-demo .form-request .formline .jqselect {
  width: 60%;
  display: inline-block;
  position: relative;
}
.page-request-demo .form-request .formline .jqselect select {
  display: none;
}
.page-request-demo .form-request .formline .jqselect .jq-selectbox__select {
  background: #FFFFFF url("../img/lp2/buttonselect.svg") no-repeat 96% center;
  border: 1px solid #D5D9DE;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 20px;
  font-size: 16px;
  color: #303740;
  height: 40px;
  line-height: 40px;
}
.page-request-demo .form-request .formline .jqselect.opened .jq-selectbox__dropdown {
  position: absolute;
  background: #ffffff;
  z-index: 2;
  left: 0;
  top: 100% !important;
  bottom: initial !important;
  width: 100%;
  border: 1px solid #D5D9DE;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0px;
}
.page-request-demo .form-request .formline .jqselect.opened .jq-selectbox__dropdown .jq-selectbox__search {
  display: none;
}
.page-request-demo .form-request .formline .jqselect.opened .jq-selectbox__dropdown ul {
  padding-left: 0;
  overflow-y: auto;
}
.page-request-demo .form-request .formline .jqselect.opened .jq-selectbox__dropdown ul li {
  font-size: 16px;
  color: #525F6E;
  list-style: none;
  padding: 5px 20px;
  cursor: pointer;
}
.page-request-demo .form-request .formline .jqselect.opened .jq-selectbox__dropdown ul li.selected {
  color: #303740;
}
.page-request-demo .form-request .formline .jqselect.opened .jq-selectbox__dropdown ul li.selected:hover {
  background: #399cf9;
  color: #ffffff;
}
.page-request-demo .form-request .formline .jqselect.opened .jq-selectbox__dropdown ul li:hover {
  background: #399cf9;
  color: #ffffff;
}
.page-request-demo .form-request .formline.formlinetextarea label {
  float: left;
  margin-top: 8px;
}
.page-request-demo .form-request .formline label {
  display: inline-block;
  vertical-align: middle;
  width: 39%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 18px;
  font-size: 15px;
  color: #303740;
  padding-right: 20px;
}
.page-request-demo .form-request textarea {
  width: 60%;
  background: #FFFFFF;
  border: 1px solid #D5D9DE;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 16px;
  height: 95px;
  margin-left: 4px;
}
.page-request-demo .form-request input {
  width: 60%;
  background: #FFFFFF;
  border: 1px solid #D5D9DE;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 20px;
  font-size: 16px;
}
.page-request-demo .confirmation {
  margin: 20px auto 40px auto;
  text-align: center;
}
.page-request-demo .confirmation.hidden {
  display: none;
}
.page-request-demo .confirmation div {
  border-radius: 6px;
  background-color: #06c026;
  color: white;
  font-size: 16px;
  display: inline-block;
  padding: 20px 20px 20px 20px;
}

.gd-community .title-span {
  background: linear-gradient(to right, #8C2EE3, #3370E6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gd-community-join-now-banner {
  margin-top: 40px !important;
  border-radius: 15px;
  padding: 40px;
  background-image: url("../img/community/blue-bg.jpg");
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 120px;
}
.gd-community-join-now-banner h2, .gd-community-join-now-banner .txt-desc {
  color: #FFFFFF;
}
.gd-community-join-now-banner .txt-desc.notes {
  font-size: 15px !important;
  opacity: 0.7;
}
.gd-community-join-now-banner .action-button, .gd-community-join-now-banner .page-help-center .btn-submit-ticket, .page-help-center .gd-community-join-now-banner .btn-submit-ticket, .gd-community-join-now-banner .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket, .page-help-center .header-help-index .search-ticket .support-ticket .gd-community-join-now-banner .btn-submit-ticket {
  background: #FFFFFF !important;
  color: #006DE8 !important;
}
.gd-community-join-now-banner .action-button:hover, .gd-community-join-now-banner .page-help-center .btn-submit-ticket:hover, .page-help-center .gd-community-join-now-banner .btn-submit-ticket:hover, .gd-community-join-now-banner .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket:hover, .page-help-center .header-help-index .search-ticket .support-ticket .gd-community-join-now-banner .btn-submit-ticket:hover {
  background: #FFFFFF !important;
  color: #006DE8 !important;
}

.page-video-tutorials .header .header-img {
  margin-top: 40px;
}
.page-video-tutorials .header .header-img img {
  max-width: 440px;
}
.page-video-tutorials .video-popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}
.page-video-tutorials .video-popup #closePopup {
  color: white;
  position: absolute;
  top: -32px;
  right: -35px;
  font-size: 18px;
}
.page-video-tutorials .hidden {
  display: none;
}
.page-video-tutorials .video-wrapper {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}
.page-video-tutorials .video-wrapper iframe {
  width: 80vw;
  height: 45vw;
  max-width: 1600px;
  max-height: 900px;
  border: none;
  border-radius: 8px;
}
.page-video-tutorials .video-wrapper button {
  position: absolute;
  top: -40px;
  right: 0;
  background: white;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
.page-video-tutorials #s1 {
  text-align: center;
}
.page-video-tutorials .video-cards {
  padding: 30px 0 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}
.page-video-tutorials .video-card {
  position: relative;
  transition: color 0.3s ease;
  cursor: pointer;
  border: 1px solid #ECF0F3;
  border-radius: 8px;
  overflow: hidden;
  width: calc(320px);
}
.page-video-tutorials .video-card:hover .title {
  color: #0075FA;
}
.page-video-tutorials .video-card:hover .play {
  opacity: 1;
}
.page-video-tutorials .video-card .title {
  font-size: 17px;
  color: #1d3960;
  line-height: 1.5em;
}
.page-video-tutorials .video-card .duration {
  font-size: 14px;
  color: #606D80;
}
.page-video-tutorials .video-card .description {
  font-size: 15px;
  color: #2c4361;
  line-height: 1.5em;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-video-tutorials .video-card .play {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s ease;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border-radius: 50px;
  box-shadow: 2px 3px 14px rgba(41, 44, 48, 0.1);
}
.page-video-tutorials .video-card .play svg {
  width: 30px;
  height: 30px;
}
.page-video-tutorials .video-card .thumbnail {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #ECF0F3;
  width: 320px;
  height: calc((320px / 1.777) - 1px);
  object-fit: cover;
}

section.product {
  font-size: 16px;
}
section.product block {
  padding: 50px 0 50px 0;
  display: table;
  width: 100%;
}
section.product .left {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
section.product .right {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}
section.product .desc {
  line-height: 1.5em;
  font-size: 18px;
  font-weight: 200;
}

@media only screen and (max-width: 780px) {
  section.product block {
    display: block;
  }
  section.product .left {
    width: 100%;
    display: block;
  }
  section.product .right {
    display: block;
    width: 100%;
  }
}
section.poft {
  overflow: hidden;
}
section.poft block {
  padding: 50px 0 50px 0;
  background: url("../img/product/transp-bg.jpg");
  height: 564px;
  box-sizing: border-box;
}
section.poft h2 {
  padding: 25px 0 25px 0;
}
section.poft .left {
  width: 60%;
}
section.poft .left .container {
  text-align: center;
  max-width: 550px;
  margin: 0 auto 0 auto;
  background-color: white;
  padding: 30px 50px 20px 50px;
}
section.poft .left .desc {
  line-height: 1.5em;
  opacity: 0.8;
  font-size: 18px;
}
section.poft .right {
  width: 40%;
}
section.poft .right img {
  display: none;
}

@media only screen and (max-width: 780px) {
  section.poft block {
    background: none;
  }
  section.poft h2 {
    padding: 0 0 0 0;
  }
  section.poft .right {
    width: 100%;
  }
  section.poft .right img {
    display: inline-block;
    padding: 25px 0 25px 0;
  }
  section.poft .left {
    width: 100%;
  }
  section.poft .left .container {
    max-width: 100%;
    padding: 0 0 0 0;
  }
  section.poft .left .container img {
    padding: 0 0 25px 0;
  }
}
section.poft-more {
  background-color: #5e96f5;
}
section.poft-more block:after {
  content: "";
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid #5e96f5;
  position: absolute;
  right: 32%;
  top: -22px;
}
section.poft-more block .container {
  text-align: center;
  color: white;
}
section.poft-more block .container p {
  max-width: 800px;
  margin: 0 auto 60px auto;
  line-height: 2em;
  font-weight: 200;
  font-size: 18px;
}

section.reports {
  overflow: hidden;
}
section.reports .left .container {
  text-align: center;
  max-width: 500px;
}
section.reports .left .desc {
  opacity: 0.8;
}
section.reports .left .gd-icon-report {
  display: block;
  font-size: 59px;
  color: #8568c7;
  padding-bottom: 14px;
}
section.reports .right img {
  margin: 0 0 -55px 0;
}

@media only screen and (max-width: 780px) {
  section.reports .left .container {
    max-width: 100%;
  }
}
section.reports-more {
  background-color: #8568c7;
}
section.reports-more block:after {
  content: "";
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid #8568c7;
  position: absolute;
  left: 25%;
  top: -22px;
}
section.reports-more block .right {
  color: white;
}
section.reports-more block .right .container {
  max-width: 450px;
  font-weight: 200;
  margin: 0 auto;
}
section.reports-more block .right img {
  margin: 20px 0 0 0;
}

section.product.bi block {
  text-align: center;
}
section.product.bi block .ico {
  margin: 0 0 20px 0;
}
section.product.bi block p {
  opacity: 0.8;
  line-height: 1.5em;
  font-size: 18px;
  margin: 30px 0 50px 0;
}
section.product.bi block .screens {
  margin: 40px 0 0 0;
}

section.time-tracking block {
  max-width: 800px;
  text-align: center;
}
section.time-tracking .gd-icon-time {
  display: inline-block;
  font-size: 50px;
  color: #06c026;
}
section.time-tracking p {
  font-size: 18px;
  opacity: 0.8;
  max-width: 600px;
  line-height: 1.5em;
  margin: 40px auto 20px auto;
  font-weight: 200;
}

section.time-tracking-more {
  background-color: #6ebd48;
}
section.time-tracking-more block {
  position: relative;
}
section.time-tracking-more block:after {
  content: "";
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom: 22px solid #6ebd48;
  position: absolute;
  left: 50%;
  margin-left: -22px;
  top: -22px;
}
section.time-tracking-more .column {
  float: left;
  width: 50%;
}
section.time-tracking-more .column.left img.screen {
  margin: 30px 0 0 0;
}
section.time-tracking-more .column.right img.screen {
  margin: 30px 0 0 0;
}
section.time-tracking-more .column .ico {
  height: 55px;
  vertical-align: middle;
}
section.time-tracking-more h3, section.time-tracking-more .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left section.time-tracking-more .title, section.time-tracking-more .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left section.time-tracking-more .title, section.time-tracking-more p.desc {
  color: white;
}
section.time-tracking-more h3, section.time-tracking-more .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left section.time-tracking-more .title, section.time-tracking-more .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left section.time-tracking-more .title {
  margin: 20px 0 30px 0;
  font-size: 36px;
  text-transform: capitalize;
  font-weight: normal;
}
section.time-tracking-more .container {
  max-width: 460px;
  margin: 0 auto;
}

@media only screen and (max-width: 780px) {
  section.time-tracking-more .column {
    width: 100%;
  }
  section.time-tracking-more .column.left {
    margin-bottom: 60px;
  }
}
section.product.action-required block.eliminate .left.mobile {
  display: none;
}
section.product.action-required block.eliminate .left {
  display: block;
}
section.product.action-required block.ar1 {
  text-align: center;
}
section.product.action-required block.ar1 .container {
  max-width: 800px;
  margin: 0 auto;
}
section.product.action-required block.ar1 h1 {
  margin: 20px 0 30px 0;
}
section.product.action-required block.ar1 .timeline {
  margin: 40px 0 0 0;
}
section.product.action-required block.clear, section.product.action-required block.eliminate, section.product.action-required block.accountability {
  padding: 30px 0 30px 0;
}
section.product.action-required block.clear {
  padding: 30px 0 50px 0;
}
section.product.action-required block.accountability {
  padding: 50px 0 30px 0;
}

@media only screen and (max-width: 780px) {
  section.product.action-required block.eliminate .left.mobile {
    display: block;
  }
  section.product.action-required block.eliminate .left {
    display: none;
  }
}
section.product.security block {
  text-align: center;
}
section.product.security ul {
  list-style: none;
  padding: 30px 10px 0 10px;
  text-align: left;
}
section.product.security ul li {
  background-image: url("../img/common/li-arr.png");
  background-size: 17px 7px;
  background-position: 1px 9px;
  background-repeat: no-repeat;
  padding-left: 40px;
  position: relative;
  line-height: 26px;
  margin-bottom: 7px;
  font-weight: 200;
}
section.product.security h1 {
  margin: 0 0 50px 0;
}
section.product.security .column {
  width: 33.3333333333%;
  float: left;
}
section.product.security .column .container {
  max-width: 305px;
  margin: 0 auto;
}
section.product.security .column .container .title {
  font-size: 24px;
  color: white;
  padding: 10px 0 7px 0;
  font-weight: 200;
}
section.product.security .column .container .title.encryption {
  background-color: #00c3e6;
}
section.product.security .column .container .title.access-control {
  background-color: #4170e7;
}
section.product.security .column .container .title.data-centers {
  background-color: #00b46e;
}
section.product.security .column span {
  background-repeat: no-repeat;
  background-size: 100%;
  width: 88px;
  height: 94px;
  margin: 0 auto 47px auto;
  display: block;
}
section.product.security .column span.img-encryption {
  background-image: url("../img/product/security-encryption.png");
}
section.product.security .column span.img-access-control {
  background-image: url("../img/product/security-access-control.png");
}
section.product.security .column span.img-data-centers {
  background-image: url("../img/product/security-data-centers.png");
}

@media only screen and (max-width: 780px) {
  section.product.security block {
    text-align: center;
  }
  section.product.security ul {
    list-style: none;
    padding: 30px 10px 0 10px;
    text-align: left;
  }
  section.product.security ul li {
    background-image: url("../img/common/li-arr.png");
    background-size: 17px 7px;
    background-position: 1px 9px;
    background-repeat: no-repeat;
    padding-left: 40px;
    position: relative;
    line-height: 26px;
    margin-bottom: 7px;
    font-weight: 200;
  }
  section.product.security h1 {
    margin: 0 0 50px 0;
  }
  section.product.security .column {
    width: 100%;
    margin-bottom: 30px;
  }
  section.product.security .column:last-child {
    margin-bottom: 0;
  }
}
section.product.more-fetatures block {
  text-align: center;
  display: block;
}
section.product.more-fetatures h1 {
  margin: 30px 0 0 0;
}
section.product.more-fetatures h5 {
  font-size: 22px;
  margin: 20px 0 0 0;
  padding-bottom: 2px;
  font-weight: 200;
}
section.product.more-fetatures .img-figure-book .img-mac-boock {
  background-image: url("../img/product/aple-book.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 900px;
  height: 468px;
  margin: -430px 270px 0px 0px;
  float: right;
}
section.product.more-fetatures .count {
  text-align: center;
}
section.product.more-fetatures .count .items-fetatures {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0 30px;
}
section.product.more-fetatures .count .items-fetatures .item-fetature {
  width: 25%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 62px;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count {
  max-width: 275px;
  margin: 0 auto 0 auto;
  padding: 0 15px;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span {
  font-size: 28px;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-tasks {
  color: #4e74ee;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-projects {
  color: #f9623e;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-view-tiles {
  color: #49bd4d;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-deadline {
  color: #9376d1;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-status-board {
  color: #25cf75;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-my-work {
  color: #5d4dda;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-calendar {
  color: #df2e47;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-report {
  color: #1fa0ed;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-notification {
  color: #c757b3;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-search {
  color: #25cf75;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-time {
  color: #4e74ee;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count span.gd-icon-activity {
  color: #f9623e;
}
section.product.more-fetatures .count .items-fetatures .item-fetature .count p {
  font-size: 15px;
  line-height: 24px;
  color: #353535;
  font-weight: normal;
}

@media only screen and (max-width: 780px) {
  section.product.more-fetatures .img-figure-book {
    display: none;
  }
  section.product.more-fetatures .count .items-fetatures {
    padding: 0 0 0 0;
  }
  section.product.more-fetatures .count .items-fetatures .item-fetature {
    width: 50%;
    margin-top: 42px;
  }
  section.product.more-fetatures .count .items-fetatures .item-fetature .count {
    margin: 0 auto 0 auto;
    padding: 0 5px;
  }
}
.registration-page {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.registration-page .gd-logo {
  position: absolute;
  top: 25px;
  left: 50px;
}
.registration-page .right-header-action {
  position: absolute;
  display: flex;
  align-items: center;
  top: 20px;
  right: 50px;
  font-size: 15px;
  color: #606D80;
}
.registration-page .right-header-action .signup {
  display: inline-block;
  text-align: center;
  padding: 0 16px;
  box-sizing: content-box;
  font-size: 16px;
  border: 1px solid #0075FA;
  color: #0075FA;
  height: 32px;
  border-radius: 10px;
  line-height: 32px;
  margin-right: 0 !important;
  transition: 100ms ease-out;
}
.registration-page .right-header-action .signup:hover {
  color: white;
  background: #006DE8;
  border-color: transparent;
}
.registration-page .input-no-icon {
  width: 100%;
  border: 1px solid #D3DAE5;
  border-radius: 8px;
  height: 42px;
  padding: 0 10px 0 10px;
}
.registration-page .input-with-icon {
  font-size: 15px;
  color: #606D80;
  position: relative;
}
.registration-page .input-with-icon .icon {
  position: absolute;
  top: 38px;
  left: 20px;
  font-size: 18px;
  color: #0075FA;
}
.registration-page .input-with-icon .name {
  margin-bottom: 10px;
}
.registration-page .input-with-icon input {
  width: 100%;
  border: 1px solid #D3DAE5;
  border-radius: 8px;
  height: 42px;
  padding-left: 50px;
}
.registration-page .center-block {
  margin: 110px 0 0 0;
  width: 460px;
  padding: 50px 40px 40px 40px;
  border-radius: 15px;
  box-shadow: 0px 2px 5px rgba(10, 31, 56, 0.08);
  background: white;
}
.registration-page .center-block.confirmation {
  display: flex;
  min-height: 250px;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.registration-page .center-block.confirmation .icon {
  color: #06c026;
  font-size: 40px;
}
.registration-page .center-block.confirmation .icon.red {
  color: #EC4721 !important;
}
.registration-page .center-block.confirmation .email-address {
  color: #0075FA;
}
.registration-page .center-block.confirmation .small {
  font-size: 15px;
  color: #3F4B5C;
}
.registration-page .center-block.confirmation .action-button, .registration-page .center-block.confirmation .page-help-center .btn-submit-ticket, .page-help-center .registration-page .center-block.confirmation .btn-submit-ticket {
  width: 200px;
}
.registration-page .auth-code-container {
  display: flex;
  justify-content: center;
}
.registration-page .auth-code-container .dash {
  height: 52px;
  color: #3F4B5C;
  font-size: 24px;
  display: flex;
  align-items: center;
  margin: 0 8px 0 8px;
}
.registration-page .auth-code-container input {
  height: 50px;
  width: 40px;
  padding: 0 0 0 0;
  border: 1px solid #A1ADBE;
  border-radius: 6px;
  font-size: 24px;
  font-weight: 600;
  margin: 0 8px 0 8px;
  position: relative;
  text-align: center;
}
.registration-page .auth-code-container input:focus {
  border: 1px solid #606D80;
}
.registration-page .line-remember {
  font-size: 15px;
  display: flex;
  justify-content: space-between;
}
.registration-page .line-remember .remember-checkbox {
  display: flex;
  align-items: center;
}
.registration-page .line-remember input {
  height: 15px;
}
.registration-page .line-remember .forgot {
  font-size: 15px;
  color: #606D80;
  text-decoration: underline;
}
.registration-page .registration-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
}
.registration-page .hidden {
  display: none;
}
.registration-page .or {
  font-size: 15px;
  color: #606D80;
  width: 100%;
  text-align: center;
}
.registration-page .login-button {
  width: 100%;
  font-size: 16px;
}
.registration-page .secondary-button {
  border-color: #A1ADBE;
  color: #3f4b5c;
}
.registration-page .secondary-button.w-100 {
  width: 100% !important;
}
.registration-page .footer-registration {
  height: 40px;
}
.registration-page .footer-registration a {
  font-size: 15px;
  margin: 0 15px;
  color: #606D80;
}
.registration-page .buttons-alternative-authorization.two-buttons {
  display: flex;
  justify-content: space-between;
}
.registration-page .buttons-alternative-authorization .g-signin2 .abcRioButton {
  border-radius: 8px !important;
  min-width: 195px !important;
  height: 46px !important;
  border: 1px solid #A1ADBE;
}
.registration-page .buttons-alternative-authorization .g-signin2 .abcRioButton .abcRioButtonContents {
  line-height: 46px !important;
  font-size: 15px !important;
  font-weight: normal !important;
  color: black !important;
  margin-left: -50px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.registration-page .buttons-alternative-authorization .g-signin2.w-100 .abcRioButton {
  min-width: 100% !important;
}
.registration-page .buttons-alternative-authorization .g-signin2 .abcRioButtonIcon {
  padding: 14px 55px 14px 15px !important;
}
.registration-page .buttons-alternative-authorization .g-signin2 .abcRioButton.abcRioButtonLightBlue {
  box-shadow: none !important;
}
.registration-page .buttons-alternative-authorization .btn-login-apple {
  border-radius: 8px !important;
  width: 100% !important;
  height: 46px !important;
}
.registration-page .buttons-alternative-authorization .btn-login-apple text {
  font-size: 10px !important;
}
.registration-page .buttons-alternative-authorization .btn-login-apple rect {
  stroke: #A1ADBE !important;
}
@media screen and (max-width: 480px) {
  .registration-page .gd-logo {
    left: 35px;
    top: 30px;
  }
  .registration-page .right-header-action {
    right: 35px;
    top: 26px;
  }
  .registration-page .center-block {
    width: calc(100% - 30px);
    padding: 40px 30px;
  }
  .registration-page .message {
    display: none;
  }
  .registration-page .line-remember {
    flex-wrap: wrap;
  }
  .registration-page .footer-registration {
    display: none;
  }
  .registration-page .buttons-alternative-authorization.two-buttons {
    justify-content: center;
    flex-wrap: wrap;
  }
}

.btn-sso-partner {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  border-radius: 8px !important;
  min-width: 195px !important;
  height: 46px !important;
  border: 1px solid #A1ADBE;
  font-size: 16px !important;
}

.abcRioButtonContentWrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.abcRioButtonContentWrapper .abcRioButtonIcon {
  margin-right: 8px !important;
}
.abcRioButtonContentWrapper .abcRioButtonContents span {
  color: #1d3960 !important;
  font-size: 16px !important;
}

.notification-resent {
  color: #06c026;
  font-size: 17px;
}

.page-auth {
  background-image: url(../img/home-page/background-gd-gradient-grey.png);
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
}
.page-auth .auth-logo {
  position: absolute;
  top: 25px;
  left: 50px;
  width: 127px;
  height: 26px;
  background: url("../svg/logo/logo-navigation.svg") no-repeat;
}
.page-auth .box-reset-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-auth .box-reset-error.hidden {
  display: none;
}
.page-auth .box-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-auth .box-loading.hidden {
  display: none;
}

.page-invitation .invitation-info {
  width: auto;
  max-width: 800px;
  display: flex;
  flex-direction: column;
}
.page-invitation .invitation-info.hidden {
  display: none;
}
.page-invitation .invitation-info .block-email {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.page-invitation .invitation-info .block-email .email-container {
  border: 1px solid #DCE4E9;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: #F4F8FC;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.page-invitation .invitation-info .block-email .email {
  height: 30px;
  display: flex;
  align-items: center;
}
.page-invitation .invitation-info .form-errors {
  padding: 10px 0 25px 0;
}
.page-invitation .invitation-info .form-errors div {
  margin: 10px 0 0 0;
}
.page-invitation .invitation-info p {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
}
.page-invitation .invitation-info .company-name, .page-invitation .invitation-info .from-user-name {
  font-weight: 600;
}
.page-invitation .invitation-info form button {
  min-width: 160px;
}

.page-in-action .ia-list {
  font-size: 16px;
}
.page-in-action .ia-list.with-bg .gd-block {
  border-bottom: none;
}
.page-in-action .ia-list.with-bg .left img {
  display: none;
}
.page-in-action .ia-list .gd-block {
  cursor: pointer;
  border-bottom: 1px solid #DCE4E9;
  height: 340px;
  width: 100%;
  display: table;
}
.page-in-action .ia-list .left {
  display: table-cell;
  width: 42%;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
}
.page-in-action .ia-list .left img {
  max-width: 420px;
  width: 100%;
}
.page-in-action .ia-list .right {
  display: table-cell;
  vertical-align: middle;
  width: 58%;
  box-sizing: border-box;
  padding: 0 0 0 40px;
}
.page-in-action .ia-list h2 {
  margin: 0 0 16px 0;
}
.page-in-action .ia-list .tags div {
  display: inline-block;
  height: 28px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  padding: 4px 12px 0 12px;
  margin: 0 12px 0 0;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
.page-in-action .ia-list .tags div.planning {
  background-color: #5e96f5;
}
.page-in-action .ia-list .tags div.accountability {
  background-color: #f65e74;
}
.page-in-action .ia-list .tags div.collaboration {
  background-color: #f8b541;
}
.page-in-action .ia-list .tags div.productivity {
  background-color: #9ccc65;
}
.page-in-action .ia-list .tags div.time-management {
  background-color: #7469e8;
}
.page-in-action .ia-list .tags div.behaviour {
  background-color: #bb68c7;
}
.page-in-action .ia-list .tags div.organization {
  background-color: #fa764d;
}
.page-in-action .ia-list .tags div.motivation {
  background-color: #4bc1e3;
}
.page-in-action .ia-list .tags div.gamification {
  background-color: #fad34d;
}
.page-in-action .ia-list p {
  margin: 26px 0 16px 0;
  line-height: 1.6em;
}
@media (max-width: 780px) {
  .page-in-action section.ia-list .left {
    display: block;
    width: 100%;
  }
  .page-in-action section.ia-list .left img {
    max-width: 420px;
    width: 100%;
  }
  .page-in-action section.ia-list .right {
    display: block;
    width: 100%;
    padding: 40px 0 40px 0;
  }
}

.page-in-action-view .header-in-action .gd-block {
  height: 260px;
  width: 100%;
  display: table;
  padding-top: 30px;
}
.page-in-action-view .header-in-action a.ia-back-list h2 {
  color: #399cf9 !important;
}
.page-in-action-view .header-in-action .left {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  text-align: center;
}
.page-in-action-view .header-in-action .left img {
  max-width: 420px;
  width: 100%;
}
.page-in-action-view .header-in-action .right {
  display: table-cell;
  vertical-align: middle;
  width: 60%;
  box-sizing: border-box;
}
.page-in-action-view .header-in-action h1 {
  text-align: left;
}
.page-in-action-view .ia-block-desc .gd-block .column-left {
  float: left;
  width: 40%;
}
.page-in-action-view .ia-block-desc .gd-block .column-left .count {
  padding: 0 65px 0 0;
  text-align: left;
}
.page-in-action-view .ia-block-desc .gd-block .column-right {
  font-size: 16px;
  line-height: 26px;
  color: #333333;
  font-weight: normal;
  float: left;
  width: 60%;
}
.page-in-action-view .ia-block-desc .gd-block .column-right li {
  margin: 0 0 4px 0;
}
.page-in-action-view .ia-block-desc .gd-block .column-right p {
  margin: 20px 0 20px 0;
}
.page-in-action-view .ia-block-desc .gd-block .column-right p.sub-descr {
  padding-top: 7px;
  font-size: 26px;
}
.page-in-action-view .ia-block-hh {
  line-height: 28px;
  margin: 0 0 40px 0;
  background-color: #fafcff;
}
.page-in-action-view .ia-block-hh .column-right {
  float: left;
  width: 60%;
}
.page-in-action-view .ia-block-hh .column-right .summary {
  position: relative;
  margin: 0 40px 0 80px;
  color: #1672a2;
  font-size: 18px;
  line-height: 28px;
  quotes: "“" "”" "“" "”";
}
.page-in-action-view .ia-block-hh .column-right .summary::before {
  content: open-quote;
  font-size: 130px;
  color: #e0e6f0;
  position: absolute;
  top: 27px;
  left: -76px;
}
.page-in-action-view .ia-block-hh .column-right .summary::after {
  content: close-quote;
  font-size: 130px;
  color: #e0e6f0;
  position: absolute;
  bottom: -50px;
  right: -30px;
}
.page-in-action-view .ia-block-hh .column-left {
  float: left;
  width: 40%;
}
.page-in-action-view .ia-block-hh .column-left .count {
  padding: 0 65px 0 0;
  text-align: left;
}
.page-in-action-view .in-action-section .gd-block {
  padding-top: 40px;
  padding-bottom: 40px;
}
.page-in-action-view .in-action-section .gd-block.border {
  border-bottom: 1px solid #DCE4E9;
}
.page-in-action-view .in-action-section .ia-section-title {
  display: inline-block;
  color: white;
  margin: 26px 0 0 0;
  height: 56px;
  line-height: 1em;
  min-width: 280px;
  font-weight: 200;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
.page-in-action-view .in-action-section .ia-section-title.how-helps {
  margin: 0 0 0 0;
}
.page-in-action-view .in-action-section .ia-section-title.h2 {
  font-size: 32px;
  padding: 14px 22px 0 18px;
}
.page-in-action-view .in-action-section .ia-section-title.h3 {
  font-size: 28px;
  padding: 16px 22px 6px 18px;
}
.page-in-action-view .in-action-section .ia-section-title.h4 {
  font-size: 24px;
  padding: 22px 16px 0 16px;
}
.page-in-action-view .in-action-section .ia-section-title.h2.red, .page-in-action-view .in-action-section .ia-section-title.h3.red, .page-in-action-view .in-action-section .ia-section-title.h4.red {
  background-color: #f74e67;
}
.page-in-action-view .in-action-section .ia-section-title.h2.purple, .page-in-action-view .in-action-section .ia-section-title.h3.purple, .page-in-action-view .in-action-section .ia-section-title.h4.purple {
  background-color: #7253e2;
}
.page-in-action-view .in-action-section .ia-section-title.h2.yellow, .page-in-action-view .in-action-section .ia-section-title.h3.yellow, .page-in-action-view .in-action-section .ia-section-title.h4.yellow {
  background-color: #ffc257;
}
.page-in-action-view .in-action-section .ia-section-title.h2.blue, .page-in-action-view .in-action-section .ia-section-title.h3.blue {
  background-color: #32b0e5;
}
.page-in-action-view .ia-separator .gd-block {
  border-bottom: 1px solid #DCE4E9;
}
.page-in-action-view .ia-block .gd-block {
  overflow: hidden;
}
.page-in-action-view .ia-block .gd-block .column-left {
  display: table-cell;
  vertical-align: top;
  padding: 50px 0 0 0;
  width: 40%;
}
.page-in-action-view .ia-block .gd-block .column-left .count {
  padding: 0 40px 0 0;
}
.page-in-action-view .ia-block .gd-block .column-left h2 {
  margin: 18px 0;
}
.page-in-action-view .ia-block .gd-block .column-left p {
  font-size: 16px;
  line-height: 28px;
  font-weight: normal;
}
.page-in-action-view .ia-block .gd-block .column-right {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.page-in-action-view .ia-block .gd-block .column-right .hh-img {
  width: 100%;
  max-width: 682px;
}
.page-in-action-view .ia-block .gd-block .column-right .ia-screen {
  background-size: 100%;
  margin: 0 auto 0 auto;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 780px) {
  .page-in-action-view section.header.in-action block {
    height: 260px;
    width: 100%;
    display: table;
  }
  .page-in-action-view section.header.in-action .left {
    display: none;
  }
  .page-in-action-view section.header.in-action .right {
    text-align: center;
    width: 100%;
  }
  .page-in-action-view section.header.in-action .right h1 {
    text-align: center;
  }
  .page-in-action-view section.ia-block-desc block .column-left {
    width: 100%;
  }
  .page-in-action-view section.ia-block-desc block .column-right {
    width: 100%;
  }
  .page-in-action-view section.ia-block-hh .column-right {
    width: 100%;
  }
  .page-in-action-view section.ia-block-hh .column-left {
    width: 100%;
  }
  .page-in-action-view section.ia-block-hh .column-left .count {
    margin-bottom: 40px;
  }
  .page-in-action-view section.ia-block block .column-left {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
  }
  .page-in-action-view section.ia-block block .column-right {
    width: 100%;
    display: block;
  }
  .page-in-action-view section.in-action-section block {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.page-news .archive-news-list {
  font-size: 16px;
}
.page-news .archive-news-list .gd-block {
  border-bottom: 1px solid #DCE4E9;
  width: 100%;
  display: table;
}
.page-news .archive-news-list .left {
  display: table-cell;
  width: 55%;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  padding: 50px 0 50px 0;
}
.page-news .archive-news-list .right {
  display: table-cell;
  vertical-align: middle;
  width: 45%;
  box-sizing: border-box;
  padding: 0 0 0 40px;
}
.page-news .archive-news-list ul {
  list-style: none;
  padding: 0 0 0 0;
}
.page-news .archive-news-list ul li {
  position: relative;
  line-height: 26px;
  padding: 0 0 5px 10px;
}
.page-news .archive-news-list h2 {
  font-size: 32px;
  color: #3c3c3c;
  margin: 0 0 16px 0;
}
.page-news .archive-news-list .tags div {
  display: inline-block;
  height: 28px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  padding: 4px 12px 0 12px;
  margin: 0 12px 0 0;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
}
.page-news .archive-news-list p {
  margin: 26px 0 16px 0;
  line-height: 1.6em;
}
.page-news .archive-news-list a.learn-more.list {
  display: block;
  margin: 10px 0 0 10px;
}
@media (max-width: 820px) {
  .page-news .archive-news-list .gd-block {
    display: block;
    height: auto;
  }
  .page-news .archive-news-list .gd-block:after {
    content: "";
  }
  .page-news .archive-news-list .gd-block:after:after {
    clear: both;
  }
  .page-news .archive-news-list .left {
    display: block;
    width: 100%;
    padding: 50px 0 0 0;
  }
  .page-news .archive-news-list .right {
    display: block;
    width: 100%;
    padding: 40px 0 40px 0;
  }
}
.page-news .news-block.last .gd-block {
  border-bottom: none;
}
.page-news .news-block .gd-block {
  padding: 50px 0 50px;
  text-align: center;
  border-bottom: 1px solid #DCE4E9;
}
.page-news .news-block .gd-block h2 {
  margin: 0 0 40px 0;
}
.page-news .news-block .gd-block .desc {
  line-height: 1.5em;
  font-size: 18px;
  max-width: 800px;
  margin: 0 auto 40px auto;
}
.page-news .news-block .gd-block ul.more {
  line-height: 1.5em;
  font-size: 16px;
  max-width: 600px;
  margin: 0 auto 40px auto;
  padding: 0;
}
.page-news .news-block .gd-block ul.more li {
  list-style: none;
  text-align: left;
  padding: 0 0 0 28px;
  position: relative;
  margin: 0 0 10px 0;
}
.page-news .news-block .gd-block ul.more li .gd-icon-add {
  position: absolute;
  top: 0;
  left: 0;
  color: #cacaca;
  font-size: 12px;
  margin: 0 10px 0 0;
}
.page-news .news-block .gd-block .snapshot.uni {
  max-width: 1200px;
}
.page-news .news-block .gd-block .snapshot.web {
  display: inline-block;
  max-width: 1200px;
}
.page-news .news-block .gd-block .snapshot.mobile {
  display: none;
  max-width: 768px;
}
.page-news .news-wrap .header {
  padding-top: 50px;
  background: #815BDC url("../img/templates/featuresbg.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}
.page-news .news-wrap .header h1 {
  color: #ffffff;
}
.page-news .news-wrap .header p {
  font-size: 19px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -0.018437px;
  color: #FFFFFF;
  opacity: 0.9;
}
.page-news .news-wrap .header .templatesmainimg img {
  width: 480px;
}
.page-news .news-wrap .news-units {
  padding: 65px 0;
}
.page-news .news-wrap .news-units .news-units-block {
  padding: 0 100px;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el {
  padding-left: 44px;
  padding-bottom: 40px;
  position: relative;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el .release-link a {
  color: #0366d6;
  font-size: 16px;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el:after {
  position: absolute;
  content: "";
  z-index: 2;
  width: 12px;
  height: 12px;
  left: -7px;
  top: 5px;
  border-radius: 50%;
  border: 3px solid #815BDC;
  background: #815BDC;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 5px;
  bottom: -5px;
  width: 3px;
  background: #CBD2DC;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el:last-child:before {
  display: none;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el:first-child:after {
  border: 3px solid #815BDC;
  background: #815BDC;
  width: 12px;
  height: 12px;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el .version {
  font-size: 19px;
  font-weight: bold;
  margin: 0;
  position: relative;
  top: -3px;
  color: #815BDC;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el .title {
  font-size: 23px;
  font-weight: bold;
  color: #2C4361;
  margin: 5px 0 0 0;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el .date-v5 {
  font-size: 16px;
  color: #353E4A;
  font-weight: 600;
  margin: 5px 0 20px 0;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el .date {
  font-size: 14px;
  line-height: 24px;
  color: #7F90A9;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el .feature-point {
  width: 10px;
}
.page-news .news-wrap .news-units .news-units-block .news-unit-el .text {
  font-size: 17px;
  line-height: 24px;
  color: #303740;
}
@media only screen and (max-width: 768px) {
  .page-news section.news-block block .snapshot.web {
    display: none;
  }
  .page-news section.news-block block .snapshot.mobile {
    display: inline-block;
  }
  .page-news .news-wrap .news-units .news-units-block {
    padding: 0;
  }
}
.page-news .release-navigation {
  background: white;
  padding: 25px 0 35px 0;
}
.page-news .release-navigation .back-link, .page-news .release-navigation .slash, .page-news .release-navigation .version {
  display: inline-block;
  font-size: 15px;
}
.page-news .release-navigation .back-link a {
  color: #0366d6;
}
.page-news .release-navigation .slash {
  margin: 0 10px;
}
.page-news .release-header {
  background: white;
}
.page-news .release-header .gd-block {
  max-width: 860px;
  padding-bottom: 30px;
}
.page-news .release-header h1 {
  font-weight: 700;
  line-height: 40px;
  font-size: 30px;
}
.page-news .release-header .date {
  font-size: 15px;
  margin: 0 0 0 0;
  color: #7c8b9b;
}
.page-news .release-feature {
  background: white;
}
.page-news .release-feature .gd-block {
  max-width: 860px;
  padding-bottom: 30px;
  font-size: 16px;
}
.page-news .release-feature p {
  line-height: 1.5em;
}
.page-news .release-feature li {
  line-height: 1.5em;
  font-size: 16px;
}
.page-news .release-feature h3, .page-news .release-feature .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-news .release-feature .title, .page-news .release-feature .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-news .release-feature .title {
  font-weight: 700;
  line-height: 34px;
  font-size: 22px;
}
.page-news .release-feature .img-centered {
  width: 100%;
  text-align: center;
}
.page-news .release-feature .screen-feature {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 30px;
  border-radius: 10px;
}
.page-news .release-feature .screen-feature.s-700 img {
  width: 100%;
  max-width: 700px;
}
.page-news .release-feature .badge {
  color: white;
  font-size: 14px;
  border-radius: 20px;
  padding: 0 15px 0 15px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin: 0 0 0 5px;
}
.page-news .release-feature .badge.new {
  background: #06c026;
}
.page-news .release-feature .badge.improvements {
  background: #399cf9;
}
.page-news .release-feature .badge.beta {
  background: #fb7f2e;
}

.page-contact {
  background-size: cover;
  background-image: url("../img/home-page/background-gd-gradient-grey.png");
}
.page-contact .contacts .white-list {
  background: white;
  border-radius: 15px;
  border: 1px solid #E8EAED;
  box-shadow: 7.76845px 3.53111px 23.3054px 3.53111px rgba(10, 31, 56, 0.04), 7.06223px 9.88712px 14.1245px 3.53111px rgba(23, 99, 184, 0.06), 0px 24px 22px rgba(10, 31, 56, 0.04);
  transition: 50ms ease-out;
  border: none;
}
.page-contact .contacts .gd-block {
  border-bottom: 1px solid #DCE4E9;
}
.page-contact .contacts .gd-block.no-border {
  border-bottom: none;
}
.page-contact .contacts .container {
  width: 100%;
  max-width: 1000px;
  display: table;
  margin: 0 auto;
  border-bottom: 1px solid #E8EAED;
}
.page-contact .contacts .left, .page-contact .contacts .right {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 170px;
}
.page-contact .contacts .left {
  width: 40%;
}
.page-contact .contacts .right {
  width: 60%;
}
.page-contact .contacts .right .email a {
  font-size: 18px;
}
.page-contact .contacts .right.mailing img {
  vertical-align: middle;
  margin: -4px 8px 0 0;
}
.page-contact .contacts h3, .page-contact .contacts .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .page-contact .contacts .title, .page-contact .contacts .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .page-contact .contacts .title {
  padding: 10px 30px;
  color: white;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: inline-block;
}

@media only screen and (max-width: 780px) {
  section.contact .container {
    display: block;
  }
  section.contact .left, section.contact .right {
    display: block;
    height: auto;
  }
  section.contact .left {
    width: 100%;
    padding: 40px;
  }
  section.contact .right {
    width: 100%;
    padding: 0 40px 40px 40px;
  }
}
.page-slack .gd-layout-50-50 {
  margin: 60px 0 60px 0;
}
.page-slack .slack-integrate {
  display: flex;
  flex-direction: row;
  max-width: 800px;
  margin: 0 auto 40px auto;
}
.page-slack .slack-integrate .left, .page-slack .slack-integrate .right {
  max-width: 400px;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-slack .slack-integrate .left p, .page-slack .slack-integrate .right p {
  text-align: center;
}
.page-support .gd-block {
  padding: 60px 0 60px 0;
}
.page-support .support-form {
  padding-top: 140px;
}
.page-support .support-form .container {
  width: 100%;
  max-width: 1000px;
  display: table;
  margin: 0 auto;
}
.page-support .support-form .left, .page-support .support-form .right {
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.page-support .support-form .left {
  width: 50%;
}
.page-support .support-form .right {
  width: 50%;
}
.page-support .support-form .right h2 {
  display: none;
}
.page-support .support-form h2 {
  padding: 10px 25px;
  color: white;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  display: inline-block;
  font-weight: 200;
  background-color: #5e96f5;
  font-size: 26px;
}
.page-support .support-form .gd-icon-arrow-long-right {
  display: inline-block;
  color: #5e96f5;
  margin: 0 0 0 20px;
  font-size: 20px;
}
.page-support .support-form .l2, .page-support .support-form .l3 {
  font-size: 18px;
  color: #3f4b5c;
  padding: 0 40px 0 0;
}
.page-support .support-form .l2 {
  margin: 30px 0 30px 0;
}
.page-support .support-form .l3 a {
  color: #399cf9;
  font-size: 22px;
  text-decoration: underline;
}
.page-support .support-form form input {
  border: 1px solid #DCE4E9;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  margin: 0 0 15px 0;
  height: 50px;
  padding: 0 10px 0 10px;
  font-size: 16px;
  width: 100%;
}
.page-support .support-form form textarea {
  border: 1px solid #DCE4E9;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  background: transparent;
  width: 100%;
  box-sizing: border-box;
  height: 140px;
  margin: 10px 0 20px 0;
  font-size: 16px;
  color: #2d3b43;
  padding: 10px 10px 10px 10px;
}
.page-support .support-form .confirmation {
  margin: 0 0 20px 0;
  background-color: #06c026;
  color: white;
}
.page-support .support-form .confirmation.hidden {
  display: none;
}
.page-support .support-form .confirmation div {
  padding: 10px 10px 10px 10px;
}

.page-legal .legal-content h2 {
  font-size: 32px;
  margin-top: 30px;
}
.page-legal .legal-content ul {
  margin-top: 30px;
}
.page-legal .legal-content li {
  font-size: 19px;
}
.page-legal .legal-content table {
  font-size: 19px;
}

.page-roadmap .roadmap-item {
  padding-left: 60px;
  padding-bottom: 40px;
  position: relative;
}
.page-roadmap .roadmap-item:after {
  position: absolute;
  content: "";
  z-index: 2;
  width: 12px;
  height: 12px;
  left: -7px;
  top: 5px;
  border-radius: 50%;
  border: 3px solid #815BDC;
  background: #815BDC;
}
.page-roadmap .roadmap-item:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 5px;
  bottom: -5px;
  width: 3px;
  background-image: url("../img/roadmap/line-bg.svg");
  background-repeat: repeat-y;
}
.page-roadmap .roadmap-item .version {
  color: #815BDC;
  font-size: 19px;
  font-weight: bold;
}
.page-roadmap .roadmap-item .title {
  font-size: 23px;
  font-weight: bold;
  color: #2C4361;
}
.page-roadmap .roadmap-item .date {
  font-size: 16px;
  color: #353E4A;
  font-weight: 600;
}
.page-roadmap .roadmap-item .feature-point {
  width: 10px;
}
.page-roadmap .roadmap-item .text {
  font-size: 17px;
  line-height: 24px;
  color: #303740;
}

@media only screen and (max-width: 768px) {
  section.news-block block .snapshot.web {
    display: none;
  }
  section.news-block block .snapshot.mobile {
    display: inline-block;
  }
  .news-wrap .news-units .news-units-block {
    padding: 0;
  }
}
.agency-collaboration .getstart {
  background: #F0F2F5;
  padding: 0 0 80px;
}
.agency-collaboration .getstart h2 {
  text-align: center;
  font-weight: 700;
  line-height: 39px;
  font-size: 32px;
}
.agency-collaboration .getstart .table {
  display: table;
  width: 100%;
}
.agency-collaboration .getstart .table .col6 {
  padding: 0 15px;
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.agency-collaboration .getstart .table .left, .agency-collaboration .getstart .table .right {
  height: 577px;
  background: url("../img/lp1/getstartleft.jpg") no-repeat center top;
  background-size: auto 100%;
  border-radius: 6px;
  padding: 59px 0;
}
.agency-collaboration .getstart .table .left {
  color: #ffffff;
}
.agency-collaboration .getstart .table .left h2 {
  margin-bottom: 12px;
}
.agency-collaboration .getstart .table .left p {
  line-height: 28px;
  font-size: 15px;
  opacity: 0.8;
  margin-bottom: 40px;
  text-align: center;
  margin-top: 0;
}
.agency-collaboration .getstart .table .left form {
  width: 490px;
  margin: 0 auto;
  max-width: 82%;
  text-align: center;
}
.agency-collaboration .getstart .table .left form input {
  background: #ffffff;
  height: 40px;
  margin-bottom: 40px;
  width: 100%;
  border: 1px solid #D5D9DE;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 20px;
  line-height: 20px;
  font-size: 16px;
  color: #525F6E;
}
.agency-collaboration .getstart .table .left form button {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-weight: 600;
}
.agency-collaboration .getstart .table .right {
  color: #303740;
  background: #ffffff;
}
.agency-collaboration .getstart .table .right button {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  margin: 0 auto;
  background: #399CF9;
  border-radius: 4px;
  border: none;
  color: #ffffff;
  font-weight: 600;
  display: block;
}
.agency-collaboration .getstart .table .right h2 {
  margin-bottom: 24px;
}
.agency-collaboration .getstart .table .right .getstartinfowr {
  padding: 10px 50px;
}
.agency-collaboration .getstart .table .right .getstartinfo {
  padding-left: 100px;
  margin-bottom: 28px;
  background-size: auto 40px !important;
}
.agency-collaboration .getstart .table .right .getstartinfo .tit {
  font-weight: 600;
  line-height: 28px;
  font-size: 18px;
  margin: 5px 0;
}
.agency-collaboration .getstart .table .right .getstartinfo .tex {
  line-height: 28px;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 5px;
}
.agency-collaboration .getstart .table .right .getstartinfo1 {
  background: url("../img/lp1/get1.png") no-repeat left center;
}
.agency-collaboration .getstart .table .right .getstartinfo2 {
  background: url("../img/lp1/get2.png") no-repeat left center;
}
.agency-collaboration .getstart .table .right .getstartinfo3 {
  background: url("../img/lp1/get3.png") no-repeat left center;
}
.agency-collaboration .col6 {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.agency-collaboration .col3 {
  display: table-cell;
  width: 25%;
  vertical-align: top;
}
.agency-collaboration .col9 {
  display: table-cell;
  width: 75%;
  vertical-align: top;
}
.agency-collaboration .col4 {
  display: table-cell;
  width: 33.33%;
  vertical-align: top;
}
.agency-collaboration .col8 {
  display: table-cell;
  width: 66.66%;
  vertical-align: top;
}
.agency-collaboration .breadcust {
  padding: 30px 0 45px;
}
.agency-collaboration .breadcust a {
  position: relative;
  font-size: 16px;
  color: #333333;
  display: inline-block;
  margin-right: 30px;
}
.agency-collaboration .breadcust a:before {
  width: 6px;
  height: 1px;
  background: #333333;
  content: "";
  position: absolute;
  z-index: 2;
  right: -21px;
  top: 7px;
}
.agency-collaboration .breadcust span {
  font-size: 16px;
  color: #333333;
  display: inline-block;
}
.agency-collaboration .main-titlewr {
  position: relative;
  padding-left: 144px;
  margin-bottom: 80px;
  padding-right: 200px;
  background: url("../img/agency-collaboration/1.png") no-repeat left center;
}
.agency-collaboration .main-titlewr h1 {
  font-weight: 600;
  margin-bottom: 0;
}
.agency-collaboration .main-titlewr p {
  font-size: 16px;
  line-height: 22px;
  margin-top: 15px;
}
.agency-collaboration .main-titlewr .bluebtn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.agency-collaboration .bluebtn {
  background-color: #796eff;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: 0.5px;
  line-height: 36px;
  padding: 0 16px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s ease-in-out;
  white-space: nowrap;
}
.agency-collaboration .thiscontent {
  padding: 0 0 80px;
}
.agency-collaboration .thiscontent img {
  max-width: 100%;
  margin-bottom: 40px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.agency-collaboration .thiscontent .thiscontent-val {
  padding: 0 100px;
}
.agency-collaboration .thiscontent p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 30px;
}
.agency-collaboration .thiscontent p.title {
  font-size: 32px;
  font-weight: 600;
  margin: 15px 0 45px;
  line-height: 44px;
}
.agency-collaboration .thiscontent ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 20px;
}
.agency-collaboration .thiscontent ul li b {
  font-weight: 600;
}
.agency-collaboration .related-templates {
  padding: 0 0 80px;
}
.agency-collaboration .related-templates p.title {
  border-top: 1px solid #333333;
  margin: 45px 0 65px;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 600;
}
.agency-collaboration .related-templates .related-templates-units {
  margin-left: -25px;
  margin-right: -25px;
  text-align: center;
}
.agency-collaboration .related-templates .related-templatesunwr {
  display: inline-block;
  width: 49%;
  padding: 0 20px;
  text-align: left;
  margin-bottom: 40px;
}
.agency-collaboration .related-templates .related-templatesunwr:hover .related-templatesun {
  box-shadow: 0 3px 35px 0 rgba(36, 50, 66, 0.4);
}
.agency-collaboration .related-templates .related-templatesun {
  display: table;
  width: 100%;
  border-radius: 20px;
  background: #ffffff;
  padding: 25px;
  box-shadow: 0 3px 5px 0 rgba(36, 50, 66, 0.2);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.agency-collaboration .related-templates .related-templatesun > div {
  display: table-cell;
  vertical-align: middle;
}
.agency-collaboration .related-templates .related-templatesunval p {
  font-size: 20px;
  font-weight: 600;
}
.agency-collaboration .related-templates .related-templatesunval p span {
  font-size: 16px;
  font-weight: 300;
  display: block;
  margin-top: 10px;
}
.agency-collaboration .thiscontenttabopener {
  float: left;
  width: 13%;
}
.agency-collaboration .thiscontenttabopener .opentab {
  cursor: pointer;
}
.agency-collaboration .thiscontenttabwr {
  float: left;
  width: 87%;
  padding-left: 60px;
}
.agency-collaboration .thiscontenttab {
  display: none;
}
.agency-collaboration .thiscontenttab.active, .agency-collaboration .landing.project-management .our-solutions .solution-tabs .gd-block .thiscontenttab.tabs-item:hover, .landing.project-management .our-solutions .solution-tabs .gd-block .agency-collaboration .thiscontenttab.tabs-item:hover {
  display: block;
}

.agency-collaboration .getstart .table .right, .agency-collaboration .getstart {
  background: transparent !important;
}

.col6 {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

@media screen and (max-width: 1200px) {
  .agency-collaboration .getstart .table .right .getstartinfo {
    padding-left: 65px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .right .getstartinfo {
    background-size: auto 30px !important;
  }
  .agency-collaboration .getstart .table .right .getstartinfowr {
    padding: 10px 30px;
  }
  .agency-collaboration .getstart .table .right .getstartinfo {
    padding-left: 65px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .right .getstartinfo {
    background-size: auto 30px !important;
  }
  .agency-collaboration .getstart .table .right .getstartinfowr {
    padding: 10px 30px;
  }
}
@media screen and (max-width: 1090px) {
  .agency-collaboration .getstart .table .col6 {
    padding: 0 0;
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto 30px;
  }
  .agency-collaboration .getstart {
    padding-bottom: 40px;
  }
  .col8, .col4 {
    display: block;
    width: 100%;
  }
  .getstart .table .col6 {
    padding: 0 0;
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto 30px;
  }
  .getstart {
    padding-bottom: 40px;
  }
  .agency-collaboration .thiscontent .thiscontent-val {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .agency-collaboration .thiscontent p.title {
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0 27px;
    line-height: 40px;
  }
  .agency-collaboration .getstart .table .col6, .agency-collaboration .getstart .table .left form {
    max-width: 100%;
    display: block;
  }
  .agency-collaboration .getstart .table {
    display: block;
    padding: 0 15px;
  }
  .agency-collaboration .getstart .table .left form {
    width: 88%;
  }
  .agency-collaboration .getstart .table .left form {
    width: 300px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .left form {
    width: 300px;
    margin-bottom: 20px;
  }
  .related-templatesunimg {
    width: 100px;
    padding-right: 15px;
  }
  .agency-collaboration .related-templates .related-templatesunwr {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
  }
  .agency-collaboration .related-templates .related-templates-units {
    margin-left: 0px;
    margin-right: 0px;
  }
  .agency-collaboration .main-titlewr {
    padding-right: 0;
    padding-left: 0;
    background: transparent;
  }
  .agency-collaboration .main-titlewr .bluebtn {
    top: inherit;
    bottom: -50px;
  }
  .agency-collaboration .main-titlewr {
    margin-bottom: 100px;
  }
  .agency-collaboration .related-templates p.title {
    margin: 0 0 25px;
  }
  .agency-collaboration .getstart .table .col6, .agency-collaboration .getstart .table .left form {
    max-width: 100%;
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .agency-collaboration .getstart .table .left, .agency-collaboration .getstart .table .right {
    height: auto;
  }
  .agency-collaboration .getstart .table .left form {
    width: 300px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .left form {
    width: 88%;
  }
}
.agency-collaboration .getstart {
  background: #F0F2F5;
  padding: 0 0 80px;
}
.agency-collaboration .getstart h2 {
  text-align: center;
  font-weight: 700;
  line-height: 39px;
  font-size: 32px;
}
.agency-collaboration .getstart .table {
  display: table;
  width: 100%;
}
.agency-collaboration .getstart .table .col6 {
  padding: 0 15px;
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.agency-collaboration .getstart .table .left, .agency-collaboration .getstart .table .right {
  height: 577px;
  background: url("../img/lp1/getstartleft.jpg") no-repeat center top;
  background-size: auto 100%;
  border-radius: 6px;
  padding: 59px 0;
}
.agency-collaboration .getstart .table .left {
  color: #ffffff;
}
.agency-collaboration .getstart .table .left h2 {
  margin-bottom: 12px;
}
.agency-collaboration .getstart .table .left p {
  line-height: 28px;
  font-size: 15px;
  opacity: 0.8;
  margin-bottom: 40px;
  text-align: center;
  margin-top: 0;
}
.agency-collaboration .getstart .table .left form {
  width: 490px;
  margin: 0 auto;
  max-width: 82%;
  text-align: center;
}
.agency-collaboration .getstart .table .left form input {
  background: #ffffff;
  height: 40px;
  margin-bottom: 40px;
  width: 100%;
  border: 1px solid #D5D9DE;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 20px;
  line-height: 20px;
  font-size: 16px;
  color: #525F6E;
}
.agency-collaboration .getstart .table .left form button {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  font-weight: 600;
}
.agency-collaboration .getstart .table .right {
  color: #303740;
  background: #ffffff;
}
.agency-collaboration .getstart .table .right button {
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  margin: 0 auto;
  background: #399CF9;
  border-radius: 4px;
  border: none;
  color: #ffffff;
  font-weight: 600;
  display: block;
}
.agency-collaboration .getstart .table .right h2 {
  margin-bottom: 24px;
}
.agency-collaboration .getstart .table .right .getstartinfowr {
  padding: 10px 50px;
}
.agency-collaboration .getstart .table .right .getstartinfo {
  padding-left: 100px;
  margin-bottom: 28px;
  background-size: auto 40px !important;
}
.agency-collaboration .getstart .table .right .getstartinfo .tit {
  font-weight: 600;
  line-height: 28px;
  font-size: 18px;
  margin: 5px 0;
}
.agency-collaboration .getstart .table .right .getstartinfo .tex {
  line-height: 28px;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 5px;
}
.agency-collaboration .getstart .table .right .getstartinfo1 {
  background: url("../img/lp1/get1.png") no-repeat left center;
}
.agency-collaboration .getstart .table .right .getstartinfo2 {
  background: url("../img/lp1/get2.png") no-repeat left center;
}
.agency-collaboration .getstart .table .right .getstartinfo3 {
  background: url("../img/lp1/get3.png") no-repeat left center;
}
.agency-collaboration .col6 {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.agency-collaboration .col3 {
  display: table-cell;
  width: 25%;
  vertical-align: top;
}
.agency-collaboration .col9 {
  display: table-cell;
  width: 75%;
  vertical-align: top;
}
.agency-collaboration .col4 {
  display: table-cell;
  width: 33.33%;
  vertical-align: top;
}
.agency-collaboration .col8 {
  display: table-cell;
  width: 66.66%;
  vertical-align: top;
}
.agency-collaboration .breadcust {
  padding: 30px 0 45px;
}
.agency-collaboration .breadcust a {
  position: relative;
  font-size: 16px;
  color: #333333;
  display: inline-block;
  margin-right: 30px;
}
.agency-collaboration .breadcust a:before {
  width: 6px;
  height: 1px;
  background: #333333;
  content: "";
  position: absolute;
  z-index: 2;
  right: -21px;
  top: 7px;
}
.agency-collaboration .breadcust span {
  font-size: 16px;
  color: #333333;
  display: inline-block;
}
.agency-collaboration .main-titlewr {
  position: relative;
  padding-left: 144px;
  margin-bottom: 80px;
  padding-right: 200px;
  background: url("../img/agency-collaboration/1.png") no-repeat left center;
}
.agency-collaboration .main-titlewr h1 {
  font-weight: 600;
  margin-bottom: 0;
}
.agency-collaboration .main-titlewr p {
  font-size: 16px;
  line-height: 22px;
  margin-top: 15px;
}
.agency-collaboration .main-titlewr .bluebtn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.agency-collaboration .bluebtn {
  background-color: #796eff;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: 0.5px;
  line-height: 36px;
  padding: 0 16px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s ease-in-out;
  white-space: nowrap;
}
.agency-collaboration .thiscontent {
  padding: 0 0 80px;
}
.agency-collaboration .thiscontent img {
  max-width: 100%;
  margin-bottom: 40px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.agency-collaboration .thiscontent .thiscontent-val {
  padding: 0 100px;
}
.agency-collaboration .thiscontent p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 30px;
}
.agency-collaboration .thiscontent p.title {
  font-size: 32px;
  font-weight: 600;
  margin: 15px 0 45px;
  line-height: 44px;
}
.agency-collaboration .thiscontent ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 0 0 20px;
}
.agency-collaboration .thiscontent ul li b {
  font-weight: 600;
}
.agency-collaboration .related-templates {
  padding: 0 0 80px;
}
.agency-collaboration .related-templates p.title {
  border-top: 1px solid #333333;
  margin: 45px 0 65px;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 600;
}
.agency-collaboration .related-templates .related-templates-units {
  margin-left: -25px;
  margin-right: -25px;
  text-align: center;
}
.agency-collaboration .related-templates .related-templatesunwr {
  display: inline-block;
  width: 49%;
  padding: 0 20px;
  text-align: left;
  margin-bottom: 40px;
}
.agency-collaboration .related-templates .related-templatesunwr:hover .related-templatesun {
  box-shadow: 0 3px 35px 0 rgba(36, 50, 66, 0.4);
}
.agency-collaboration .related-templates .related-templatesun {
  display: table;
  width: 100%;
  border-radius: 20px;
  background: #ffffff;
  padding: 25px;
  box-shadow: 0 3px 5px 0 rgba(36, 50, 66, 0.2);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.agency-collaboration .related-templates .related-templatesun > div {
  display: table-cell;
  vertical-align: middle;
}
.agency-collaboration .related-templates .related-templatesunval p {
  font-size: 20px;
  font-weight: 600;
}
.agency-collaboration .related-templates .related-templatesunval p span {
  font-size: 16px;
  font-weight: 300;
  display: block;
  margin-top: 10px;
}
.agency-collaboration .col6 {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

@media screen and (max-width: 1200px) {
  .agency-collaboration .getstart .table .right .getstartinfo {
    padding-left: 65px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .right .getstartinfo {
    background-size: auto 30px !important;
  }
  .agency-collaboration .getstart .table .right .getstartinfowr {
    padding: 10px 30px;
  }
  .agency-collaboration .getstart .table .right .getstartinfo {
    padding-left: 65px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .right .getstartinfo {
    background-size: auto 30px !important;
  }
  .agency-collaboration .getstart .table .right .getstartinfowr {
    padding: 10px 30px;
  }
}
@media screen and (max-width: 1090px) {
  .agency-collaboration .getstart .table .col6 {
    padding: 0 0;
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto 30px;
  }
  .agency-collaboration .getstart {
    padding-bottom: 40px;
  }
  .col8, .col4 {
    display: block;
    width: 100%;
  }
  .getstart .table .col6 {
    padding: 0 0;
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto 30px;
  }
  .getstart {
    padding-bottom: 40px;
  }
  .agency-collaboration .thiscontent .thiscontent-val {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .agency-collaboration .getstart .table .col6, .agency-collaboration .getstart .table .left form {
    max-width: 100%;
    display: block;
  }
  .agency-collaboration .getstart .table {
    display: block;
    padding: 0 15px;
  }
  .agency-collaboration .getstart .table .left form {
    width: 88%;
  }
  .agency-collaboration .getstart .table .left form {
    width: 300px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .left form {
    width: 300px;
    margin-bottom: 20px;
  }
  .related-templatesunimg {
    width: 100px;
    padding-right: 15px;
  }
  .agency-collaboration .related-templates .related-templatesunwr {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
  }
  .agency-collaboration .related-templates .related-templates-units {
    margin-left: 0px;
    margin-right: 0px;
  }
  .agency-collaboration .main-titlewr {
    padding-right: 0;
    padding-left: 0;
    background: transparent;
  }
  .agency-collaboration .main-titlewr .bluebtn {
    top: inherit;
    bottom: -50px;
  }
  .agency-collaboration .main-titlewr {
    margin-bottom: 100px;
  }
  .agency-collaboration .related-templates p.title {
    margin: 0 0 25px;
  }
  .agency-collaboration .getstart .table .col6, .agency-collaboration .getstart .table .left form {
    max-width: 100%;
    display: block;
  }
  .agency-collaboration .thiscontent p.title {
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0 27px;
    line-height: 40px;
  }
  .agency-collaboration .getstart .table .left form input {
    width: 90%;
  }
  .agency-collaboration .thiscontenttabopener .opentab img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 500px) {
  .agency-collaboration .getstart .table .left, .agency-collaboration .getstart .table .right {
    height: auto;
  }
  .agency-collaboration .getstart .table .left form {
    width: 300px;
    margin-bottom: 20px;
  }
  .agency-collaboration .getstart .table .left form {
    width: 88%;
  }
}
.page-api-v2 .gd-header-one-column .gd-breadcrumbs {
  max-width: 1000px;
}

.api-doc .screenshot {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.api-doc .screenshot img {
  border: 1px solid #DCE4E9;
  max-width: 100%;
}
.api-doc .gd-block {
  padding-bottom: 40px;
  border-bottom: 1px solid #DCE4E9;
  max-width: 1000px;
}
.api-doc .gd-block.no-border {
  border-bottom: none;
}
.api-doc .container {
  width: 100%;
  max-width: 1000px;
  display: table;
  margin: 0 auto;
}
.api-doc h2 {
  font-size: 36px;
  margin-top: 40px;
}
.api-doc h3, .api-doc .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .api-doc .title, .api-doc .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .api-doc .title {
  font-size: 22px;
  line-height: 1.6em;
  margin: 50px 0 0 0;
  font-weight: 600;
}
.api-doc h3:first-child, .api-doc .page-help-center .index-page .context-sub-section .left .title:first-child, .page-help-center .index-page .context-sub-section .left .api-doc .title:first-child, .api-doc .page-help-center .index-page .context-section-name .left .title:first-child, .page-help-center .index-page .context-section-name .left .api-doc .title:first-child {
  margin: 10px 0 0 0;
}
.api-doc h4 {
  font-size: 16px;
  font-weight: bold;
  color: #454545;
  margin: 15px 0 0 0;
}
.api-doc div.context {
  padding-left: 10px;
  display: block;
  border-bottom: 1px solid #DCE4E9;
}
.api-doc div.context a {
  line-height: 56px;
  font-size: 26px;
}
.api-doc .content {
  font-size: 16px;
  margin: 20px 0 20px 0;
  line-height: 1.5em;
}
.api-doc .code {
  font-size: 16px;
  margin: 15px 0 15px 0;
  font-family: "Courier New", Courier, monospace;
  line-height: 1.3em;
  background-color: #eeeeee;
  padding: 15px 15px 15px 15px;
}
.api-doc .field-name {
  background-color: #eeeeee;
  border-radius: 4px;
  padding: 3px 7px 3px 7px;
  display: inline-block;
}
.api-doc .warning {
  font-size: 16px;
  margin: 15px 0 15px 0;
  line-height: 1.3em;
  background-color: #fedbdb;
  padding: 15px 15px 15px 15px;
}
.api-doc .response-sample {
  font-size: 16px;
  margin: 15px 0 15px 0;
  position: relative;
}
.api-doc .response-sample:not(.min) {
  background-color: white;
  border: 1px dashed #399cf9;
}
.api-doc .response-sample h4 {
  padding: 10px 15px 15px 15px;
}
.api-doc .response-sample pre {
  font-family: "Courier New", Courier, monospace;
  line-height: 1.3em;
  color: black;
  padding: 0 15px 0 15px;
}
.api-doc .response-sample .btn-show {
  cursor: pointer;
  display: none;
  line-height: 36px;
  -webkit-border-radius: 3px;
  border-radius: 6px;
  background-clip: padding-box;
  text-align: center;
  white-space: nowrap;
  font-size: 15px;
  padding: 0 15px;
  color: #0366d6;
  background: white;
  box-sizing: border-box;
  border: 1px solid #399cf9;
}
.api-doc .response-sample.min {
  max-height: 55px;
  overflow: hidden;
  background-color: transparent;
  margin-top: 30px;
}
.api-doc .response-sample.min pre {
  display: none;
}
.api-doc .response-sample.min h4 {
  display: none;
}
.api-doc .response-sample.min .btn-show {
  display: inline-block;
}
.api-doc .var-name {
  background-color: #eeeeee;
  border-radius: 3px;
  padding: 0 8px 0 8px;
}
.api-doc .method {
  position: relative;
  height: 38px;
  display: inline-block;
  border: 1px solid #878787;
  border-radius: 6px;
  line-height: 36px;
  font-size: 16px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 15px 0 15px;
}
.api-doc .method:before {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px 0 10px;
  line-height: 36px;
  font-weight: 600;
  font-size: 14px;
  background-color: #878787;
  color: white;
}
.api-doc .method.get {
  padding-left: 60px;
}
.api-doc .method.get:before {
  content: "GET";
}
.api-doc .method.post {
  padding-left: 70px;
}
.api-doc .method.post:before {
  content: "POST";
}
.api-doc .method.put {
  padding-left: 60px;
}
.api-doc .method.put:before {
  content: "PUT";
}
.api-doc .method.delete {
  padding-left: 85px;
}
.api-doc .method.delete:before {
  content: "DELETE";
}
.api-doc table.parameters {
  margin: 15px 0;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.api-doc table.parameters td, .api-doc table.parameters th {
  border: 1px solid #999999;
  vertical-align: top;
  padding: 8px;
  font-size: 15px;
  text-align: left;
}
.api-doc table.parameters th {
  background-color: #eeeeee;
}

.page-help-center .header-help-index .screenshot {
  max-width: 386px;
}
.page-help-center .header-help-index .label {
  display: inline-block;
  font-size: 17px;
  line-height: 36px;
  margin-left: 5px;
  color: #3F4B5C;
}
.page-help-center .header-help-index .search-ticket {
  padding: 20px 0 40px 0;
  display: flex;
  flex-direction: column;
}
.page-help-center .header-help-index .search-ticket .support-ticket {
  margin: 40px 0 0 0;
  position: relative;
}
.page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket {
  width: auto;
  margin: 0 0 0 15px;
  text-align: center;
}
.page-help-center .index-page {
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 0 60px 0;
  width: 100%;
}
.page-help-center .index-page .context-section-name {
  width: 100%;
  margin: 20px 0 20px 0;
  height: 40px;
  position: relative;
  display: block;
}
.page-help-center .index-page .context-section-name .line {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #DCE4E9;
  box-sizing: border-box;
  height: 1px;
}
.page-help-center .index-page .context-section-name .left {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 40px;
  background: white;
  display: inline-block;
  z-index: 1;
  padding: 0 20px 0 0;
}
.page-help-center .index-page .context-section-name .left .icon {
  color: #6b7f87;
  margin: 0 15px 0 0;
  font-size: 32px;
  vertical-align: top;
  position: relative;
  top: -2px;
  min-width: 32px;
}
.page-help-center .index-page .context-section-name .left .title {
  font-size: 26px;
  white-space: nowrap;
}
.page-help-center .index-page .context-section-name .left .icon, .page-help-center .index-page .context-section-name .left .title {
  display: inline-block;
}
.page-help-center .index-page .context-section-name .left .icon:before {
  line-height: 40px;
}
.page-help-center .index-page .gd-block {
  max-width: 920px;
}
.page-help-center .index-page .context-sub-section {
  width: calc(100% - 40px);
  margin: 25px 0 10px 58px;
  height: 40px;
  position: relative;
  display: block;
}
.page-help-center .index-page .context-sub-section .line {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  border-bottom: 1px dashed #DCE4E9;
  box-sizing: border-box;
  height: 1px;
}
.page-help-center .index-page .context-sub-section .left {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 40px;
  background: white;
  display: inline-block;
  z-index: 1;
  padding: 0 20px 0 0;
}
.page-help-center .index-page .context-sub-section .left .icon, .page-help-center .index-page .context-sub-section .left .title {
  display: inline-block;
}
.page-help-center .index-page .context-sub-section .left .title {
  font-size: 18px;
  white-space: nowrap;
}
.page-help-center .index-page .help-context .context-section {
  margin: 0 0 50px 0;
}
.page-help-center .index-page .help-context .articles-block {
  margin-left: 58px;
}
.page-help-center .index-page .help-context a.article {
  line-height: 1.7em;
  font-size: 16px;
  margin: 0 0 9px;
  width: 33%;
  float: left;
}
.page-help-center .index-page .help-context a.article:hover {
  color: #0366d6;
}
.page-help-center .index-page .help-context a.article.more {
  color: #0366d6;
  background-color: transparent;
}
.page-help-center .index-page .help-context section :after {
  content: "";
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
  margin-left: 48px;
}
.page-help-center .index-page .help-context section :last-child:after {
  content: none;
}
.page-help-center .index-page .help-context section :last-child {
  margin-bottom: 30px;
}
.page-help-center .gd-header-one-column .gd-block {
  padding-bottom: 0;
}
.page-help-center .hc-header-with-navigation {
  font-size: 22px;
  line-height: 36px;
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 20px;
  margin-left: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-help-center .hc-header-with-navigation h1 {
  font-size: 28px;
  letter-spacing: 0;
  margin: 0;
}
.page-help-center .hc-header-with-navigation .active-article {
  font-weight: normal;
  font-size: 28px;
}
.page-help-center .hc-header-with-navigation a {
  color: #0366d6;
  font-size: 20px;
}
.page-help-center .hc-header-with-navigation a.active-article {
  color: #333;
  text-decoration: none;
}
.page-help-center .hc-header-with-navigation a:after {
  font-size: 11px;
  line-height: 24px;
  position: relative;
  top: -2px;
  font-family: "gd-site" !important;
  content: "\e901";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #505e6d;
  display: inline-block;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
}
.page-help-center .hc-header-with-navigation a:last-child:after {
  content: "";
}
.page-help-center .article-body {
  margin: 35px 0 0 0;
}
.page-help-center .article-body .menu {
  width: 270px;
  min-width: 270px;
  padding: 0 15px 0 20px;
  font-size: 16px;
  line-height: 1.7em;
}
.page-help-center .article-body .menu a.article {
  color: #0366d6;
  font-size: 16px;
  line-height: 1.4em;
  margin: 0 0 15px 20px;
}
.page-help-center .article-body .menu a.active-article {
  color: #4a4a4a;
}
.page-help-center .article-body .menu .menu-line {
  width: 190px;
  height: 1px;
  background: #e8e8e8;
  margin: 0 0 15px 12px;
}
.page-help-center .article-body .menu a.section {
  display: none;
}
.page-help-center .article-content {
  line-height: 1.7;
  margin-right: 20px;
  font-size: 16px;
  /*Tables*/
}
.page-help-center .article-content ul {
  margin: 0 0 20px 0;
  list-style: none;
  padding-left: 30px;
}
.page-help-center .article-content ul li {
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}
.page-help-center .article-content ul li:after {
  display: none;
}
.page-help-center .article-content ul li::before {
  content: "•";
  color: #666; /* or whatever color you prefer */
  font-size: 25px;
  line-height: 25px;
  position: absolute;
  top: -2px;
  left: -10px;
  background: transparent;
}
.page-help-center .article-content ol {
  padding-left: 25px;
  /*list-style-type : decimal;*/
  margin: 0 0 25px 0;
  list-style: none;
}
.page-help-center .article-content OL LI {
  counter-increment: item;
  margin-bottom: 10px;
  position: relative;
  padding: 1px 0 0 30px;
  font-size: 16px;
}
.page-help-center .article-content ol li::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: counter(item);
  width: 20px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  line-height: 25px;
  font-size: 14px;
}
.page-help-center .article-content ol.green li::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: counter(item);
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #41ba34;
  color: white;
  font-size: 13px;
}
.page-help-center .article-content span.one,
.page-help-center .article-content span.two,
.page-help-center .article-content span.three,
.page-help-center .article-content span.four,
.page-help-center .article-content span.five,
.page-help-center .article-content span.six,
.page-help-center .article-content span.seven,
.page-help-center .article-content span.eight {
  border-radius: 3px;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  background-color: #E7E9EB;
  color: black;
  font-size: 13px;
  text-align: center;
  border: 1px solid #e1e4e8;
}
.page-help-center .article-content span.one:after,
.page-help-center .article-content span.two:after,
.page-help-center .article-content span.three:after,
.page-help-center .article-content span.four:after,
.page-help-center .article-content span.five:after,
.page-help-center .article-content span.six:after,
.page-help-center .article-content span.seven:after,
.page-help-center .article-content span.eight:after {
  line-height: 18px;
  position: relative;
  top: -1px;
  display: inline-block;
}
.page-help-center .article-content span.one:after {
  content: "1";
}
.page-help-center .article-content span.two:after {
  content: "2";
}
.page-help-center .article-content span.three:after {
  content: "3";
}
.page-help-center .article-content span.four:after {
  content: "4";
}
.page-help-center .article-content span.five:after {
  content: "5";
}
.page-help-center .article-content span.six:after {
  content: "6";
}
.page-help-center .article-content span.seven:after {
  content: "7";
}
.page-help-center .article-content span.eight:after {
  content: "8";
}
.page-help-center .article-content p {
  margin: 0 0 25px 0;
}
.page-help-center .article-content .youtube-embedded {
  text-align: center;
  margin: 0 0 25px 0;
}
.page-help-center .article-content .important {
  font-weight: 600;
  color: #383838;
}
.page-help-center .article-content img {
  max-width: 100%;
  max-height: 100%;
}
.page-help-center .article-content h3, .page-help-center .article-content .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .article-content .title, .page-help-center .article-content .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .article-content .title {
  margin: 50px 0 25px 0;
}
.page-help-center .article-content h3:first-child, .page-help-center .article-content .index-page .context-section-name .left .title:first-child, .page-help-center .index-page .context-section-name .left .article-content .title:first-child, .page-help-center .article-content .index-page .context-sub-section .left .title:first-child, .page-help-center .index-page .context-sub-section .left .article-content .title:first-child {
  margin-top: 0;
}
.page-help-center .article-content h4 {
  font-size: 16px;
  margin: 15px 0 15px 0;
  font-weight: 600;
}
.page-help-center .article-content h4:first-child {
  margin-top: 0;
}
.page-help-center .article-content .screenshot.big {
  text-align: center;
  margin: 30px 0 35px 0;
}
.page-help-center .article-content .screenshot.big img {
  max-width: 800px;
  border: 1px solid #DCE4E9;
  border-radius: 7px;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
@media screen and (max-width: 1100px) {
  .page-help-center .article-content .screenshot.big img {
    max-width: 100%;
  }
}
.page-help-center .article-content .screenshot.small {
  text-align: center;
  margin: 30px 0 35px 0;
}
.page-help-center .article-content .screenshot.small img {
  max-width: 800px;
  border: 1px solid #DCE4E9;
  border-radius: 7px;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
@media screen and (max-width: 1100px) {
  .page-help-center .article-content .screenshot.small img {
    max-width: 100%;
  }
}
.page-help-center .article-content .box-warning {
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 16px;
  color: #4a4a4a;
  margin: 0 0 20px;
  font-size: 15px;
}
.page-help-center .article-content .box-warning .box-icon {
  color: #d63c39;
}
.page-help-center .article-content .box-tip {
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 16px;
  color: #4a4a4a;
  margin: 0 0 20px;
  font-size: 15px;
}
.page-help-center .article-content .box-info {
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 16px;
  margin: 0 0 20px;
  color: #4a4a4a;
  font-size: 15px;
}
.page-help-center .article-content .box-icon {
  font-size: 20px;
  width: 35px;
  height: 20px;
  padding-right: 20px;
  color: #989898;
  position: relative;
  top: -2px;
}
.page-help-center .article-content .help-table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  border-color: #d8d8d8;
  width: 100%;
  margin: 0 0 20px 0;
}
.page-help-center .article-content .help-table th, .page-help-center .article-content .help-table td {
  display: table-cell;
  padding: 10px 10px 10px 10px;
  border: 1px solid #DCE4E9;
}
.page-help-center .article-content .help-table th {
  background-color: #f5f5f5;
  text-align: left;
  color: #555555;
  font-size: 14px;
}
.page-help-center .article-content .help-table th.nowrap {
  white-space: nowrap;
}
.page-help-center .article-content .help-table td {
  padding: 15px 10px 15px 10px;
  border-bottom: 1px solid #e6e6e6;
}
.page-help-center .article-content .help-table td.nowrap {
  white-space: nowrap;
}
.page-help-center .article-content .help-table td .smaller {
  font-size: 15px;
}
.page-help-center .article-content .help-table td.w150 {
  width: 150px;
}
.page-help-center .article-content .link-for-article {
  color: #0366d6;
  font-size: 16px;
  line-height: 1.4em;
  border-bottom: 1px solid;
}
.page-help-center .article-content .list-style-n {
  list-style: none;
}
.page-help-center .article-content .anchor {
  margin: 0 0 0 0;
  border-bottom: 1px dashed;
}
.page-help-center li:before {
  background: none !important;
}
.page-help-center li:after {
  display: none !important;
}
.page-help-center .hbox {
  display: flex;
  flex-direction: row;
}
.page-help-center .vbox {
  display: flex;
  flex-direction: column;
}
.page-help-center body {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
}
.page-help-center a.active-article {
  font-weight: bold;
}
.page-help-center .cant-find-block {
  font-size: 23px;
  position: relative;
  width: 100%;
  background-color: #f8f8f8;
  padding-top: 41px;
  padding-bottom: 41px;
  text-align: center;
  margin-bottom: 66px;
  margin-top: 52px;
}
.page-help-center .support-home-link {
  border-bottom: 1px solid #2d98fa;
}
.page-help-center .btn-submit-ticket {
  width: auto;
}
.page-help-center .article-body + .cant-find-block, .page-help-center .section-body + .cant-find-block {
  margin-bottom: 0;
}
.page-help-center .section-body .section {
  margin-left: 20px;
  margin-right: 20px;
}
.page-help-center .section-body .section .article {
  font-size: 24px;
  margin: 1em;
}
.page-help-center #main_section {
  align-items: center;
  background-color: white;
  flex-grow: 1;
}
.page-help-center .article-body {
  align-items: center;
}
.page-help-center .article-body > div {
  max-width: 1200px;
}
.page-help-center .magnify > .magnify-lens {
  width: 300px;
  height: 300px;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 700px) {
  .page-help-center footer .c2 .col3 {
    width: 70%;
  }
  .page-help-center footer .c2 .col2 {
    padding: 30px 40px 0 0;
  }
}
.page-help-center .easy-autocomplete {
  width: 100%;
  color: #333;
}
.page-help-center .easy-autocomplete ul {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.page-help-center .easy-autocomplete ul li {
  padding: 0.5em 1em;
  line-height: 1.7em;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #888;
  font-size: 15px;
}
.page-help-center .easy-autocomplete ul li:hover {
  color: #000;
}
.page-help-center .easy-autocomplete .eac-item {
  text-align: left;
}
.page-help-center .easy-autocomplete .eac-item span {
  float: right;
  color: #ffffff;
  background: #4a90e2;
  font-size: 0.8em;
  line-height: 1.5em;
  margin-left: 0.5em;
  height: 1.6em;
  margin-top: 2px;
  padding: 0px 4px;
  font-style: normal;
  display: inline-block;
  vertical-align: baseline;
  border-radius: 0.4em;
  position: absolute;
  right: 1.2em;
}
.page-help-center .search-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.page-help-center .search-box .input-box {
  width: 100%;
  max-width: 420px;
  position: relative;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid #D3DAE5;
  box-shadow: 11px 12px 33px rgba(10, 31, 56, 0.06), 10px 21px 33px rgba(23, 99, 184, 0.05), 2px 3px 4px rgba(59, 82, 106, 0.03);
  border-radius: 6px;
  background: white;
}
.page-help-center .search-box .icon {
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 18px;
  top: 10px;
  left: 15px;
  color: #0075FA;
  z-index: 2;
}
.page-help-center .search-box input[type=text] {
  padding: 0 15px 0 45px;
  height: 42px;
  box-shadow: none;
  color: #5d6469;
  width: 100%;
  border: none;
  font-size: 16px;
  font-weight: 400;
}
.page-help-center .search-box form {
  max-width: 420px;
  width: 100%;
  position: relative;
}
.page-help-center section block.help-context:before, .page-help-center section block.help-context:after {
  content: "";
  display: none;
}
@media screen and (max-width: 1100px) {
  .page-help-center .article-content .screenshot.big img {
    max-width: 100%;
  }
}
.page-help-center .article-content .screenshot.small {
  text-align: center;
  margin: 30px 0 35px 0;
}
.page-help-center .article-content .screenshot.small img {
  max-width: 800px;
  border: 1px solid #eaeaea;
  border-radius: 7px;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
@media screen and (max-width: 1100px) {
  .page-help-center .article-content .screenshot.small img {
    max-width: 100%;
  }
}
.page-help-center .article-content .box-warning {
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 16px;
  color: #4a4a4a;
  margin: 0 0 20px;
  font-size: 15px;
}
.page-help-center .article-content .box-warning .box-icon {
  color: #d63c39;
}
.page-help-center .article-content .box-tip {
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 16px;
  color: #4a4a4a;
  margin: 0 0 20px;
  font-size: 15px;
}
.page-help-center .article-content .box-info {
  background: #f9f9f9;
  border: 1px solid #dedede;
  border-radius: 0;
  padding: 16px;
  margin: 0 0 20px;
  color: #4a4a4a;
  font-size: 15px;
}
.page-help-center .article-content .box-icon {
  font-size: 20px;
  width: 35px;
  height: 20px;
  padding-right: 20px;
  color: #989898;
  position: relative;
  top: -2px;
}
.page-help-center .article-content .help-table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  border-color: #d8d8d8;
  width: 100%;
  margin: 0 0 20px 0;
}
.page-help-center .article-content .help-table th, .page-help-center .article-content .help-table td {
  display: table-cell;
  padding: 10px 10px 10px 10px;
  border: 1px solid #eaeaea;
}
.page-help-center .article-content .help-table th {
  background-color: #f5f5f5;
  text-align: left;
  color: #555555;
  font-size: 14px;
}
.page-help-center .article-content .help-table th.nowrap {
  white-space: nowrap;
}
.page-help-center .article-content .help-table td {
  padding: 15px 10px 15px 10px;
  border-bottom: 1px solid #e6e6e6;
}
.page-help-center .article-content .help-table td.nowrap {
  white-space: nowrap;
}
.page-help-center .article-content .help-table td .smaller {
  font-size: 15px;
}
.page-help-center .article-content .help-table td.w150 {
  width: 150px;
}
.page-help-center .article-content .link-for-article {
  color: #1E72D9;
  font-size: 16px;
  line-height: 1.4em;
  border-bottom: 1px solid;
}
.page-help-center .article-content .list-style-n {
  list-style: none;
}
.page-help-center .article-content .anchor {
  margin: 0 0 0 0;
  border-bottom: 1px dashed;
}
.page-help-center .section-body {
  width: 100%;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 50px;
}
.page-help-center .section-body div.path.hbox {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.page-help-center .section-body div.path.hbox a:last-child {
  color: #333;
  text-decoration: none;
}
.page-help-center .section-body .section {
  width: 800px;
}
.page-help-center .search-results {
  font-size: 16px;
  margin: 20px 20px 50px 20px;
  max-width: 860px;
}
.page-help-center .search-results a.article {
  font-size: 1.2em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
  display: inline;
  vertical-align: middle;
}
.page-help-center .search-results.notfound {
  margin: 50px 20px 50px 50px;
  text-align: center;
}
.page-help-center .search-results.notfound h2 {
  margin-bottom: 1em;
  font-weight: 300;
}
.page-help-center .search-result {
  margin-bottom: 40px;
}
.page-help-center .search-result .headline {
  margin-top: 0.3em;
}
.page-help-center .pagination {
  margin: 25px 0 25px 25px;
}
.page-help-center .pagination a {
  padding: 0.5em 1em;
  background: #f7f7f7;
  margin: 0 0.5em 0 0;
  font-size: 15px;
  line-height: 1.5em;
  color: #368de5;
}
.page-help-center .pagination a.active, .page-help-center .pagination .landing.project-management .our-solutions .solution-tabs .gd-block a.tabs-item:hover, .landing.project-management .our-solutions .solution-tabs .gd-block .page-help-center .pagination a.tabs-item:hover {
  font-weight: bold;
  color: black;
}
.page-help-center section.header-help {
  border-bottom: 1px solid #eaeaea;
}
.page-help-center .articles-list {
  display: table;
  width: 100%;
}
.page-help-center .articles-list .article-item {
  display: table-row;
  cursor: pointer;
}
.page-help-center .articles-list .article-item .info, .page-help-center .articles-list .article-item .pic {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid #d6e0e0;
}
.page-help-center .articles-list .article-item .articles-list-link {
  color: #1E72D9;
  margin: 0 0 20px 0;
  font-size: 15px;
}
.page-help-center .articles-list .article-item .info {
  padding: 20px 20px 0 0;
}
.page-help-center .articles-list .article-item .info a.article {
  margin: 0px 0 20px 0;
  font-size: 24px;
  font-weight: 400;
  display: block;
}
.page-help-center .articles-list .article-item .info .excerpt {
  font-size: 15px;
  line-height: 1.4em;
  margin: 0 0 15px 0;
  max-height: 60px;
  overflow: hidden;
  position: relative;
}
.page-help-center .articles-list .article-item .info .excerpt:after {
  content: "...";
}
.page-help-center .articles-list .article-item .pic {
  padding: 20px 20px 30px 50px;
}
.page-help-center .articles-list .article-item .preview {
  max-width: 250px;
  min-width: 250px;
  max-height: 150px;
  overflow: hidden;
  line-height: 0;
  display: block;
  border: 1px solid #eaeaea;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.page-help-center .articles-list .article-item .preview img {
  height: auto;
  max-width: 250px;
}
.page-help-center .articles-list .article-item:last-child {
  border-bottom: none;
}
.page-help-center .header-help.violet {
  background: url(../img/pagetpl/featuresbg.jpg) no-repeat center top;
  background-size: cover;
  margin-top: -57px;
  padding-top: 57px;
  background-color: #835bd8;
}
.page-help-center .header-help.violet .header-home h1 {
  color: white;
  margin-bottom: 20px;
}
.page-help-center .header-help.violet .header-home p {
  z-index: 2;
  font-size: 19px;
  color: white;
}
.page-help-center .header-help .header-home {
  text-align: center;
  padding: 72px 0 40px 0;
}
.page-help-center .header-help .header-home h1 {
  color: #383a3b;
  font-size: 40px;
  letter-spacing: -1.5px;
  font-weight: 600;
  margin: 0 0 38px 0;
}
.page-help-center .header-help .header-search-results {
  text-align: center;
  padding: 0 0 40px 0;
}
.page-help-center .header-help .header-search-results .path {
  margin-bottom: 35px;
}
.page-help-center .header-help .header-search-results .search-box {
  align-items: center;
}
.page-help-center .cf {
  clear: both;
}

.landing.project-management .cta {
  position: relative;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
  text-align: center;
  background-image: url("../../pages/landing/common/get-started/demo_bg.jpg");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
  width: 100%;
}
.landing.project-management .cta .gd-block:before {
  position: absolute;
  content: "";
  width: 65px;
  height: 67px;
  background-size: cover;
  top: 57px;
  left: 231px;
  background-image: url("../../pages/landing/project-management/img/bar_chart.svg");
  z-index: 1;
}
.landing.project-management .cta .gd-block:after {
  position: absolute;
  content: "";
  width: 55px;
  height: 55px;
  background-size: cover;
  top: 126px;
  right: 247px;
  background-image: url("../../pages/landing/project-management/img/pie_chart.svg");
  z-index: 1;
}
.landing.project-management .cta .discount {
  border-bottom: 1px solid white;
}
.landing.project-management .cta .cta-title {
  margin: 0 auto;
  max-width: 760px;
  color: #ffffff;
  font-weight: 500;
}
.landing.project-management .cta .cta-subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.landing.project-management .cta .signup-form {
  margin: 25px auto 25px auto !important;
}
.landing.project-management .cta .signup-form .email-field {
  background: rgba(255, 255, 255, 0.15);
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  color: #FFFFFF;
  padding: 0 20px 0 20px !important;
}
.landing.project-management .cta .signup-form .email-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFFFFF;
  opacity: 0.8; /* Firefox */
}
.landing.project-management .cta .signup-form .email-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.8;
}
.landing.project-management .cta .signup-form .email-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFFFFF;
  opacity: 0.8;
}
.landing.project-management .cta .signup-form .button-action {
  background: rgba(255, 255, 255, 0.15);
  border: 1.5px solid #FFFFFF;
  border-radius: 4px !important;
}
.landing.project-management .cta .signup-form::before {
  display: none;
}
@media (max-width: 600px) {
  .landing.project-management .cta .gd-block::before, .landing.project-management .cta .gd-block::after {
    display: none;
  }
  .landing.project-management .cta .signup-form {
    flex-wrap: wrap;
  }
  .landing.project-management .cta .signup-form .email-field {
    margin-right: 0px !important;
  }
  .landing.project-management .cta .signup-form .button-action {
    margin-top: 20px;
    width: 100% !important;
  }
}
.landing.project-management .main-page-header-center {
  margin-bottom: -127px;
  background-image: url("../img/home-page/background-gd-gradient-grey.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.landing.project-management .main-page-header-center h1 {
  filter: drop-shadow(-1px -1px 0px #FFFFFF);
  text-shadow: 1px 1px 1px rgba(29, 57, 96, 0.1);
}
.landing.project-management .main-page-header-center .title-top {
  width: 100%;
  margin-top: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.landing.project-management .main-page-header-center .title-top .under-title {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #A1ADBE;
}
.landing.project-management .main-page-header-center .title-top .under-title .txt-underline {
  color: #505e6d;
  text-decoration: underline;
}
.landing.project-management .main-page-header-center .title-top .subtitle-header {
  max-width: 735px;
}
.landing.project-management .main-page-header-center .image-bottom {
  min-height: 280px;
}
.landing.project-management .main-page-header-center .goodday-screenshot {
  margin: auto;
  background-image: url("../../pages/landing/project-management/img/hero-img.png");
  width: 100%;
  max-width: 1030px;
  height: 395px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
@media (max-width: 600px) {
  .landing.project-management .main-page-header-center .action-button, .landing.project-management .main-page-header-center .page-help-center .btn-submit-ticket, .page-help-center .landing.project-management .main-page-header-center .btn-submit-ticket {
    margin-bottom: 70px;
  }
  .landing.project-management .main-page-header-center .image-bottom {
    min-height: auto !important;
    display: flex;
    justify-content: center;
  }
  .landing.project-management .main-page-header-center .image-bottom .goodday-screenshot {
    display: none;
  }
}
.landing.project-management .landing-featured-clients {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 35.67%);
  padding-top: 50px;
}
.landing.project-management .landing-featured-clients .gd-block {
  display: grid;
  grid-template-areas: "logo-item logo-item logo-item logo-item logo-item logo-item logo-item logo-item";
  margin: 0 auto;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E8EAED;
}
.landing.project-management .landing-featured-clients .logo-title {
  font-weight: bold;
  margin-right: 2px;
  width: 280px;
}
.landing.project-management .landing-featured-clients img {
  margin: 0 30px 0 30px;
}
@media (max-width: 1060px) {
  .landing.project-management .landing-featured-clients .gd-block {
    display: flex !important;
    flex-wrap: wrap;
  }
  .landing.project-management .landing-featured-clients .gd-block .logo-title {
    width: 100%;
    text-align: center;
  }
  .landing.project-management .landing-featured-clients .gd-block .logo-item {
    margin: 15px 15px 15px 15px;
  }
}
.landing.project-management .our-features {
  padding: 80px 0 80px 0;
  background-color: #FAFBFC;
}
.landing.project-management .our-features .features-title {
  text-align: center;
}
.landing.project-management .our-features .features-slider {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 200px;
  width: auto;
  margin: 0 auto;
}
.landing.project-management .our-features .features-slider .slide-track {
  display: flex;
  animation: slide 45s linear infinite;
}
.landing.project-management .our-features .slide-track:hover {
  animation-play-state: paused;
}
.landing.project-management .our-features .feature {
  width: 255px;
  height: 92px;
  margin-left: 20px;
  padding: 24px 20px;
  box-shadow: 0 20px 40px rgba(138, 163, 204, 0.1);
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.landing.project-management .our-features .feature .feature-txt {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #2C4361;
}
.landing.project-management .our-features .feature .feature-icon {
  box-shadow: 0px 20px 30px rgba(196, 199, 218, 0.4);
}
.landing.project-management .our-features .feature .feature-icon:before {
  border-radius: 4px;
  content: "";
  width: 52px;
  height: 52px;
  display: block;
}
.landing.project-management .our-features .feature .feature-1:before {
  background: #C2775F url("../../pages/landing/project-management/img/our-features/1.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-2:before {
  background: #4F9DFF url("../../pages/landing/project-management/img/our-features/2.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-3:before {
  background: #28CA74 url("../../pages/landing/project-management/img/our-features/3.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-4:before {
  background: #FF9240 url("../../pages/landing/project-management/img/our-features/4.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-5:before {
  background: #ED5C88 url("../../pages/landing/project-management/img/our-features/5.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-6:before {
  background: #F7B500 url("../../pages/landing/project-management/img/our-features/6.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-7:before {
  background: #C866D1 url("../../pages/landing/project-management/img/our-features/7.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-8:before {
  background: #08C1B6 url("../../pages/landing/project-management/img/our-features/8.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-9:before {
  background: #6750AC url("../../pages/landing/project-management/img/our-features/9.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-10:before {
  background: #FC7960 url("../../pages/landing/project-management/img/our-features/10.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-11:before {
  background: #24B1FF url("../../pages/landing/project-management/img/our-features/11.svg") no-repeat center center;
}
.landing.project-management .our-features .feature .feature-12:before {
  background: #5E6061 url("../../pages/landing/project-management/img/our-features/12.svg") no-repeat center center;
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-3300px);
  }
}
.landing.project-management .our-solutions {
  margin-top: -64px;
}
.landing.project-management .our-solutions .managment-project-unit {
  border-bottom: none;
  padding-top: 60px;
  padding-bottom: 40px;
}
.landing.project-management .our-solutions .solution-tabs {
  z-index: 1;
  border-bottom: 4px solid #E9EBED;
}
.landing.project-management .our-solutions .solution-tabs .gd-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 4px;
}
.landing.project-management .our-solutions .solution-tabs .gd-block .active, .landing.project-management .our-solutions .solution-tabs .gd-block .tabs-item:hover {
  color: #0075FA !important;
  border-bottom: 4px solid #0075FA !important;
}
.landing.project-management .our-solutions .solution-tabs .gd-block .active:before, .landing.project-management .our-solutions .solution-tabs .gd-block .tabs-item:hover:before {
  content: "";
  width: 10px;
  border-bottom: 8px solid #FFF !important;
  height: 100%;
}
.landing.project-management .our-solutions .solution-tabs .gd-block .active:after, .landing.project-management .our-solutions .solution-tabs .gd-block .tabs-item:hover:after {
  content: "";
  width: 10px;
  border-bottom: 8px solid #FFF !important;
  height: 100%;
}
.landing.project-management .our-solutions .solution-tabs .gd-block .tabs-item {
  height: 64px;
  align-items: center;
  vertical-align: middle;
  display: inherit;
  font-size: 17px;
  color: #5E6267;
  font-weight: 600;
  line-height: 1.5em;
  border-bottom: 4px solid transparent;
}
.landing.project-management .our-solutions .solution-tabs .gd-block .tabs-item:before {
  content: "";
  width: 10px;
  border-bottom: 8px solid transparent;
  height: 100%;
}
.landing.project-management .our-solutions .solution-tabs .gd-block .tabs-item:after {
  content: "";
  width: 10px;
  border-bottom: 8px solid transparent;
  height: 100%;
}
.landing.project-management .our-solutions .solution-tabs .gd-block .tabs-item:hover {
  cursor: pointer;
}
@media (max-width: 1000px) {
  .landing.project-management .our-solutions .managment-project-unit {
    padding-top: 20px !important;
  }
  .landing.project-management .our-solutions .solution-tabs {
    display: none;
  }
}
.landing.project-management .managment-project-unit .icon.ic-advance-analytics:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/advance-analytics.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-agile:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/agile.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-analytics:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/analytics.html") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-automate:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/automate.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-complex-projects:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/complex-projects.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-customize:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/customize.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-global-project:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/global-project.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-my-time:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/my-time.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-new-features:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/new-features.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-planning-tools:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/planning-tools.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-progress:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/progress.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-project-reports:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/project-reports.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-schedule:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/schedule.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-start-date:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/start-date.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-templates:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/templates.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-time-reported:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/time-reported.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-work-together:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/work-together.svg") no-repeat center center;
}
.landing.project-management .managment-project-unit .icon.ic-workload:before {
  background: url("../../pages/landing/project-management/img/our-solutions/new-icons/workload.svg") no-repeat center center;
}
.landing.project-management .discover {
  background-color: #F4F8FC;
  border-bottom: 1px solid #E8EAED;
}
.landing.project-management .discover .btns {
  display: flex;
}
@media (max-width: 600px) {
  .landing.project-management .discover .gd-layout-50-50 div.left.col-content, .landing.project-management .discover .gd-layout-50-50 div.right.col-content {
    align-items: center !important;
    text-align: center !important;
  }
  .landing.project-management .discover .gd-layout-50-50 div.left.col-content .btns, .landing.project-management .discover .gd-layout-50-50 div.right.col-content .btns {
    width: 100%;
  }
  .landing.project-management .discover .gd-layout-50-50 div.left.col-content .btns .action-button, .landing.project-management .discover .gd-layout-50-50 div.left.col-content .btns .page-help-center .btn-submit-ticket, .page-help-center .landing.project-management .discover .gd-layout-50-50 div.left.col-content .btns .btn-submit-ticket, .landing.project-management .discover .gd-layout-50-50 div.left.col-content .btns .secondary-button, .landing.project-management .discover .gd-layout-50-50 div.right.col-content .btns .action-button, .landing.project-management .discover .gd-layout-50-50 div.right.col-content .btns .page-help-center .btn-submit-ticket, .page-help-center .landing.project-management .discover .gd-layout-50-50 div.right.col-content .btns .btn-submit-ticket, .landing.project-management .discover .gd-layout-50-50 div.right.col-content .btns .secondary-button {
    flex: 1;
  }
}
.landing.project-management .our-reviews {
  border-top: 1px solid #E8EAED;
}
.landing.project-management .our-reviews .gd-block {
  display: grid;
  grid-template-areas: "logo-item logo-item logo-item logo-item logo-item logo-item logo-item logo-item";
  margin: 0 auto;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E8EAED;
}
.landing.project-management .our-reviews .logo-title {
  font-weight: bold;
  margin-right: 2px;
  width: 280px;
}
.landing.project-management .our-reviews img {
  margin: 0 30px 0 30px;
  max-height: 60px;
}
@media (max-width: 1060px) {
  .landing.project-management .our-reviews .gd-block {
    display: flex !important;
    flex-wrap: wrap;
  }
  .landing.project-management .our-reviews .gd-block .logo-title {
    width: 100%;
    text-align: center;
  }
  .landing.project-management .our-reviews .gd-block .logo-item {
    margin: 15px 15px 15px 15px;
  }
}
.landing.project-management .usercase {
  background: #FAFBFC;
  border-bottom: 1px solid #E8EAED;
}
.landing.project-management .usercase .usercase-title {
  margin: 0 auto;
  max-width: 695px;
  text-align: center;
}
.landing.project-management .usercase .usercase-items {
  padding-top: 60px;
}
.landing.project-management .usercase .usercase-items .usercase-item {
  position: relative;
  width: 100%;
  min-height: 135px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(119, 132, 153, 0.1);
  border-radius: 4px;
  display: flex;
}
.landing.project-management .usercase .usercase-items .usercase-item .item-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 262px;
  height: 150px;
  background-size: cover;
}
.landing.project-management .usercase .usercase-items .usercase-item .item-img.management {
  background-image: url("../../pages/landing/project-management/img/usercase/management_img.png");
}
.landing.project-management .usercase .usercase-items .usercase-item .item-img.it {
  background-image: url("../../pages/landing/project-management/img/usercase/it_img.png");
}
.landing.project-management .usercase .usercase-items .usercase-item .item-img.marketing {
  background-image: url("../../pages/landing/project-management/img/usercase/marketing_img.png");
}
.landing.project-management .usercase .usercase-items .usercase-item .item-img.services {
  background-image: url("../../pages/landing/project-management/img/usercase/services_img.png");
}
.landing.project-management .usercase .usercase-items .usercase-item .item-txt {
  margin: 40px 0;
  padding-left: 290px;
  max-width: calc(100% - 70px);
}
.landing.project-management .usercase .usercase-items .usercase-item .item-btn {
  flex-shrink: 0;
  background-color: #FAFBFC;
  margin: 4px;
  margin-left: auto;
  width: 60px;
  border-radius: 4px;
  display: none;
  align-items: center;
  justify-content: center;
}
.landing.project-management .usercase .usercase-items .usercase-item .item-btn .item-btn-icon {
  text-align: center;
}
.landing.project-management .usercase .usercase-items .usercase-item .item-btn .item-btn-icon:before {
  font-size: 25px;
  font-family: "gd-site" !important;
  content: "\e91d";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0075FA;
}
.landing.project-management .usercase .usercase-items .usercase-item:hover .item-btn {
  display: flex;
  transition: all 1s ease;
}
@media (max-width: 600px) {
  .landing.project-management .usercase .usercase-items .usercase-item .item-img {
    display: none;
  }
  .landing.project-management .usercase .usercase-items .usercase-item .item-txt {
    padding-left: 40px !important;
    max-width: calc(100% - 70px);
  }
}
.landing.project-management .our-templates .templates-title {
  padding-top: 80px;
  padding-bottom: 45px;
  text-align: center;
}
.landing.project-management .our-templates .block-content {
  margin: 0 0 80px 0;
}
.landing.project-management .our-templates .block-content h3, .landing.project-management .our-templates .block-content .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .landing.project-management .our-templates .block-content .title, .landing.project-management .our-templates .block-content .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .landing.project-management .our-templates .block-content .title {
  margin-bottom: 25px;
}
.landing.project-management .our-templates .block-content.popular-categories .template-categories {
  margin: -10px;
}
.landing.project-management .our-templates .block-content.popular-categories .row {
  display: flex;
  justify-content: space-between;
}
.landing.project-management .our-templates .block-content.popular-categories .item {
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  margin: 10px;
  height: 140px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  position: relative;
}
.landing.project-management .our-templates .block-content.popular-categories .item .icon {
  font-size: 32px;
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
  vertical-align: center;
}
.landing.project-management .our-templates .block-content.popular-categories .item.small {
  width: 100%;
}
.landing.project-management .our-templates .block-content.popular-categories .item.big {
  width: 100%;
}
.landing.project-management .our-templates .block-content.popular-categories .item:hover {
  color: rgb(255, 255, 255);
  box-shadow: 0px 18px 9px -12px rgba(23, 99, 184, 0.06), 2px 34px 20px -20px rgba(10, 31, 56, 0.02);
  border-radius: 12px;
  border-radius: 20px;
}
.landing.project-management .our-templates .block-content.popular-categories .item:hover .icon {
  font-size: 36px;
  transition: 150ms ease-in-out;
}
.landing.project-management .our-templates .block-content.popular-categories .item:hover .arrow-link {
  color: white;
}
.landing.project-management .our-templates .block-content.popular-categories .learn-more {
  text-align: center;
  display: block;
  margin-top: 45px;
}
@media (max-width: 1150px) {
  .landing.project-management .our-templates .template-categories {
    padding: 0 10px;
  }
  .landing.project-management .our-templates .template-categories .row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .landing.project-management .our-templates .template-categories .row a {
    height: 90px !important;
    margin: 10px 0 !important;
  }
  .landing.project-management .our-templates .template-categories .row a .icon {
    margin: 0 15px 0 25px !important;
    font-size: 22px !important;
  }
  .landing.project-management .our-templates .template-categories .row.big-items a {
    flex-basis: 100%;
  }
  .landing.project-management .our-templates .template-categories .row.small-items a {
    flex-basis: 48%;
  }
}
.landing.gantt .cta {
  position: relative;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
  text-align: center;
  background-image: url("../../pages/landing/common/get-started/demo_bg.jpg");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
  width: 100%;
}
.landing.gantt .cta .gd-block:before {
  position: absolute;
  content: "";
  width: 65px;
  height: 67px;
  background-size: cover;
  top: 57px;
  left: 231px;
  background-image: url("../../pages/landing/project-management/img/bar_chart.svg");
  z-index: 1;
}
.landing.gantt .cta .gd-block:after {
  position: absolute;
  content: "";
  width: 55px;
  height: 55px;
  background-size: cover;
  top: 126px;
  right: 247px;
  background-image: url("../../pages/landing/project-management/img/pie_chart.svg");
  z-index: 1;
}
.landing.gantt .cta .discount {
  border-bottom: 1px solid white;
}
.landing.gantt .cta .cta-title {
  margin: 0 auto;
  max-width: 760px;
  color: #ffffff;
  font-weight: 500;
}
.landing.gantt .cta .cta-subtitle {
  color: rgba(255, 255, 255, 0.8);
}
.landing.gantt .cta .signup-form {
  margin: 25px auto 25px auto !important;
}
.landing.gantt .cta .signup-form .email-field {
  background: rgba(255, 255, 255, 0.15);
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  color: #FFFFFF;
  padding: 0 20px 0 20px !important;
}
.landing.gantt .cta .signup-form .email-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFFFFF;
  opacity: 0.8; /* Firefox */
}
.landing.gantt .cta .signup-form .email-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.8);
  opacity: 0.8;
}
.landing.gantt .cta .signup-form .email-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFFFFF;
  opacity: 0.8;
}
.landing.gantt .cta .signup-form .button-action {
  background: rgba(255, 255, 255, 0.15);
  border: 1.5px solid #FFFFFF;
  border-radius: 4px !important;
}
.landing.gantt .cta .signup-form::before {
  display: none;
}
@media (max-width: 600px) {
  .landing.gantt .cta .gd-block::before, .landing.gantt .cta .gd-block::after {
    display: none;
  }
  .landing.gantt .cta .signup-form {
    flex-wrap: wrap;
  }
  .landing.gantt .cta .signup-form .email-field {
    margin-right: 0px !important;
  }
  .landing.gantt .cta .signup-form .button-action {
    margin-top: 20px;
    width: 100% !important;
  }
}
.landing.gantt .main-page-header-center {
  margin-bottom: -127px;
  background-image: url("../img/home-page/background-gd-gradient-grey.png");
  background-repeat: no-repeat;
  background-color: transparent !important;
  background-position: center;
  background-size: cover;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.landing.gantt .main-page-header-center h1 {
  filter: drop-shadow(-1px -1px 0px #FFFFFF);
  text-shadow: 1px 1px 1px rgba(29, 57, 96, 0.1);
}
.landing.gantt .main-page-header-center .title-top {
  width: 100%;
  margin-top: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.landing.gantt .main-page-header-center .title-top .under-title {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #606D80;
}
.landing.gantt .main-page-header-center .title-top .subtitle-header {
  max-width: 970px;
}
.landing.gantt .main-page-header-center .image-bottom {
  min-height: 280px;
}
.landing.gantt .main-page-header-center .goodday-screenshot {
  margin: auto;
  background-image: url("../../pages/landing/gantt/img/hero-img.png");
  width: 100%;
  max-width: 1030px;
  height: 395px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
@media (max-width: 600px) {
  .landing.gantt .main-page-header-center .action-button, .landing.gantt .main-page-header-center .page-help-center .header-help-index .search-ticket .support-ticket .btn-submit-ticket, .page-help-center .header-help-index .search-ticket .support-ticket .landing.gantt .main-page-header-center .btn-submit-ticket, .landing.gantt .main-page-header-center .page-help-center .btn-submit-ticket, .page-help-center .landing.gantt .main-page-header-center .btn-submit-ticket {
    margin-bottom: 70px;
  }
  .landing.gantt .main-page-header-center .image-bottom {
    min-height: auto !important;
    display: flex;
    justify-content: center;
  }
  .landing.gantt .main-page-header-center .image-bottom .goodday-screenshot {
    display: none;
  }
}
.landing.gantt .landing-featured-clients {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 35.67%);
  padding-top: 50px;
}
.landing.gantt .landing-featured-clients .gd-block {
  display: grid;
  grid-template-areas: "logo-item logo-item logo-item logo-item logo-item logo-item logo-item logo-item";
  margin: 0 auto;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E8EAED;
}
.landing.gantt .landing-featured-clients .logo-title {
  font-weight: bold;
  margin-right: 2px;
  width: 280px;
}
.landing.gantt .landing-featured-clients img {
  margin: 0 30px 0 30px;
}
@media (max-width: 1060px) {
  .landing.gantt .landing-featured-clients .gd-block {
    display: flex !important;
    flex-wrap: wrap;
  }
  .landing.gantt .landing-featured-clients .gd-block .logo-title {
    width: 100%;
    text-align: center;
  }
  .landing.gantt .landing-featured-clients .gd-block .logo-item {
    margin: 15px 15px 15px 15px;
  }
}
.landing.gantt .our-features {
  padding: 100px 0 100px 0;
}
.landing.gantt .our-features .feature-title {
  text-align: center;
}
.landing.gantt .our-features .feature-img {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 1000px) {
  .landing.gantt .our-features {
    padding: 80px 0 50px 0 !important;
  }
  .landing.gantt .our-features img {
    content: url("../../pages/landing/gantt/img/feature-mobile.png");
  }
}
.landing.gantt .our-solutions .managment-project-unit {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 80px;
}
.landing.gantt .our-solutions .managment-project-unit .main-screen.gif {
  box-shadow: 0px 10px 20px rgba(119, 132, 153, 0.1);
  border: 1px solid #DCE4E9;
  border-radius: 6px;
}
.landing.gantt .our-solutions .main-screen {
  max-width: 100%;
}
.landing.gantt .our-solutions .gd-layout-50-50 div.left, .landing.gantt .our-solutions .gd-layout-50-50 div.right {
  align-items: flex-start;
  justify-content: flex-start;
}
.landing.gantt .our-solutions .gd-layout-50-50 div.left img, .landing.gantt .our-solutions .gd-layout-50-50 div.right img {
  margin: 0 auto;
}
.landing.gantt .our-solutions .feature .icon {
  border-radius: 6px 6px 6px 6px;
}
.landing.gantt .our-solutions .feature .icon .triangle {
  display: none;
  position: absolute;
  right: -10px;
  border-top: 23px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 23px solid transparent;
}
@media (max-width: 1000px) {
  .landing.gantt .our-solutions .managment-project-unit {
    padding-top: 30px !important;
  }
  .landing.gantt .our-solutions .order-first {
    order: -1;
    margin-bottom: 20px;
  }
}
.landing.gantt .managment-project-unit .icon.ic-all-projects:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/all-projects.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-colors:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/colors.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-critical-path:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/critical-path.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-customize:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/customize.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-dependencies:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/dependencies.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-dnd:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/dnd.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-features:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/features.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-fields:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/fields.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-have:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/have.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-hierarchy:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/hierarchy.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-manual:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/manual.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-planning:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/planning.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-portfolio:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/portfolio.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-updating:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/updating.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-work-items:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/work-items.svg") no-repeat center center;
}
.landing.gantt .managment-project-unit .icon.ic-zoom:before {
  background: url("../../pages/landing/gantt/img/our-solutions/new-icons/zoom.svg") no-repeat center center;
}
.landing.gantt .snapshot .snapshot-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
.landing.gantt .snapshot .snapshot-img {
  width: 100%;
  max-width: 1080px;
  border-radius: 8px;
  border: 1px solid #DCE4E9;
  box-shadow: 0px 10px 20px rgba(119, 132, 153, 0.1);
}
@media (max-width: 1000px) {
  .landing.gantt .snapshot .snapshot-header {
    margin-bottom: 80px !important;
    flex-direction: column;
  }
  .landing.gantt .snapshot .snapshot-header h1 {
    margin-bottom: 20px;
  }
}
.landing.gantt .more-features {
  padding-top: 100px;
  padding-bottom: 80px;
}
.landing.gantt .more-features h1 {
  padding-bottom: 60px;
  text-align: center;
}
.landing.gantt .more-features .features-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 50px 0 0 0;
}
.landing.gantt .more-features .feature-item {
  display: flex;
  align-items: center;
  width: calc(50% - 20px);
  margin: 10px 0 60px 0;
  text-align: left;
}
.landing.gantt .more-features .feature-item .info {
  width: 50%;
  padding-left: 35px;
}
.landing.gantt .more-features .feature-item .image {
  -webkit-box-shadow: 2px 2px 10px rgba(10, 31, 56, 0.12);
  border-radius: 50%;
  overflow: hidden;
  height: 230px;
  width: 230px;
}
.landing.gantt .more-features .feature-item img {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  position: relative;
}
@media (max-width: 1000px) {
  .landing.gantt .more-features .features-items .feature-item {
    flex-direction: column;
    width: 100% !important;
    margin: 10px 0 30px 0;
  }
  .landing.gantt .more-features .features-items .feature-item .info {
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
}
.landing.gantt .our-reviews {
  border-top: 1px solid #E8EAED;
  border-bottom: 1px solid #E8EAED;
}
.landing.gantt .our-reviews .gd-block {
  display: grid;
  grid-template-areas: "logo-item logo-item logo-item logo-item logo-item logo-item logo-item logo-item";
  margin: 0 auto;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
}
.landing.gantt .our-reviews .logo-title {
  font-weight: bold;
  margin-right: 2px;
  width: 280px;
}
.landing.gantt .our-reviews img {
  margin: 0 30px 0 30px;
  max-height: 60px;
}
@media (max-width: 1060px) {
  .landing.gantt .our-reviews .gd-block {
    display: flex !important;
    flex-wrap: wrap;
  }
  .landing.gantt .our-reviews .gd-block .logo-title {
    width: 100%;
    text-align: center;
  }
  .landing.gantt .our-reviews .gd-block .logo-item {
    margin: 15px 15px 15px 15px;
  }
}
.landing.gantt .other-solutions {
  background: #FAFBFC !important;
}
.landing.gantt .other-solutions .gd-block {
  padding-bottom: 80px;
}
.landing.gantt .other-solutions .list {
  display: flex;
  flex-wrap: wrap;
}
.landing.gantt .other-solutions .solution {
  flex: 1;
  flex-basis: 25%;
  padding-bottom: 80px;
  margin-left: 7.5px;
  margin-right: 7.5px;
  height: 100%;
  max-width: 100%;
  min-width: 300px;
  float: left;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
  margin-bottom: 15px;
  box-shadow: 0 1px 10px 0 rgba(94, 108, 116, 0.1), 0 9px 24px 0 rgba(94, 108, 116, 0.1);
}
.landing.gantt .other-solutions .solution:nth-child(even) {
  float: right;
}
.landing.gantt .other-solutions .solution .img {
  max-width: 100%;
  height: auto;
}
.landing.gantt .other-solutions .solution .solution-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: all 0.3s ease 0s;
  background-color: white;
  position: absolute;
  top: calc(100% - 80px);
  width: 100%;
  height: 100%;
}
.landing.gantt .other-solutions .solution .solution-content .name {
  color: #2C4361;
  font-size: 23px;
  font-weight: 600;
  line-height: 72px;
}
.landing.gantt .other-solutions .solution .solution-content .desc {
  opacity: 0.88;
  color: #383a3b;
  font-size: 17px;
  line-height: 24px;
  padding: 5px 30px 5px 30px;
}
.landing.gantt .other-solutions .solution .solution-content .poa {
  width: 100%;
  bottom: 25px;
  left: 0;
}
.landing.gantt .other-solutions .solution:hover .solution-content {
  top: 0 !important;
  justify-content: center;
}
.landing.gantt .other-solutions .learnmore {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #3B414A;
  color: #3B414A;
  padding: 0 33px;
  margin-top: 24px;
  font-weight: 600;
  border-radius: 4px;
}

.comparsion-header {
  padding-top: 180px;
  padding-bottom: 40px;
  overflow: hidden;
  border-bottom: none;
}
.comparsion-header .flex {
  gap: 60px;
}
.comparsion-header .left, .comparsion-header .right {
  padding-left: 0;
}
.comparsion-header .left {
  flex-basis: 60%;
}
.comparsion-header .left .title {
  font-size: 44px;
  line-height: 1.3em;
  font-weight: 700;
}
.comparsion-header .left .txt-desc {
  font-size: 18px;
}
.comparsion-header .left .point {
  min-height: 36px;
}
.comparsion-header .left .point .icon {
  font-size: 18px;
}
.comparsion-header .left .point .point-desc {
  font-weight: 500;
  color: #505e6d;
}
.comparsion-header .left .our-rating {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.comparsion-header .left .our-rating .star {
  width: 15px;
}
.comparsion-header .left .our-rating .total {
  font-weight: 700;
}
.comparsion-header .left .our-rating .platforms {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.comparsion-header .left .our-rating .platforms a {
  display: flex;
}
.comparsion-header .left .our-rating .platforms .plat {
  height: 24px;
  width: fit-content;
}
.comparsion-header .left .join-btns .secondary-button {
  width: 225px;
}
.comparsion-header .right {
  flex-basis: 40%;
  position: relative;
  height: 565px;
}
.comparsion-header .right img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  max-width: 654px;
}
.comparsion-header .join-teams {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comparsion-header .join-teams .logo-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 85px;
  max-width: 1000px;
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.comparsion-header .join-teams .logos {
  display: flex;
  animation: scroll 40s linear infinite;
  width: max-content;
}
.comparsion-header .join-teams .logo-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  flex-shrink: 0;
  width: 140px;
  height: 85px;
}
.comparsion-header .join-teams .logo-item:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  transition: -webkit-filter 0.5s ease, filter 0.5s ease;
}
.comparsion-header .desc-small {
  font-size: 15px;
  color: #3F4B5C;
}
.comparsion-header .desc-small.total {
  font-weight: 600;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 1000px) {
  .comparsion-header .right {
    display: none;
  }
  .comparsion-header .left .txt-desc {
    text-align: center;
  }
  .comparsion-header .left .point {
    justify-content: center;
  }
  .comparsion-header .left .join-btns {
    text-align: center;
  }
  .comparsion-header .left .our-rating {
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .comparsion-header {
    padding-top: 135px;
  }
  .comparsion-header .left .join-btns .action-button, .comparsion-header .left .join-btns .page-help-center .btn-submit-ticket, .page-help-center .comparsion-header .left .join-btns .btn-submit-ticket {
    margin-bottom: 20px;
  }
  .comparsion-header .left .join-btns .action-button, .comparsion-header .left .join-btns .page-help-center .btn-submit-ticket, .page-help-center .comparsion-header .left .join-btns .btn-submit-ticket, .comparsion-header .left .join-btns .secondary-button {
    width: 100%;
  }
}
.quick-comparison .top {
  margin: 0 auto 0 auto;
  text-align: center;
}
.quick-comparison .compare-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 80px;
  border-bottom: 1px solid #E6EAEF;
}
.quick-comparison .compare-item .txt-desc-small {
  color: #505e6d;
}
.quick-comparison .compare-item .col1, .quick-comparison .compare-item .col2, .quick-comparison .compare-item .col3 {
  width: 50%;
}
.quick-comparison .compare-item .col2, .quick-comparison .compare-item .col3 {
  width: 25%;
  text-align: center;
  display: flex;
  justify-content: flex-start;
}
.quick-comparison .compare-item.header {
  position: sticky;
  top: 60px;
  z-index: 1;
  background: white;
  align-items: center;
  height: 60px;
}
.quick-comparison .compare-item.header img {
  height: 24px;
}
.quick-comparison .compare-item.row {
  padding: 24px 0;
}
.quick-comparison .compare-item .included, .quick-comparison .compare-item .not-included {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quick-comparison .compare-item .included::before, .quick-comparison .compare-item .not-included::before {
  font-weight: 700;
  font-size: 13px;
}
.quick-comparison .compare-item .included {
  background: #06c026;
}
.quick-comparison .compare-item .not-included {
  background: #F06A6A;
}
.quick-comparison .compare-item .progress-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #3F4B5C;
  line-height: 1.5em;
}
.quick-comparison .compare-item .progress-bar {
  position: relative;
  width: 100px;
  height: 16px;
  background: #ECF0F3;
  border-radius: 15px;
}
.quick-comparison .compare-item .progress-bar::before {
  content: "";
  position: absolute;
  height: 16px;
  top: 0;
  left: 0;
  border-radius: 15px;
}
.quick-comparison .compare-item .pr-100::before {
  width: 100%;
  background: #06c026;
}
.quick-comparison .compare-item .pr-40::before {
  width: 40%;
  background: #F7B500;
}
.quick-comparison .compare-item .pr-40-green::before {
  width: 40%;
  background: #06c026;
}
.quick-comparison .compare-item .pr-100-red::before {
  width: 100%;
  background: #F06A6A;
}

@media (max-width: 820px) {
  .quick-comparison .compare-item .progress-bar {
    display: none;
  }
  .quick-comparison .compare-item .col2, .quick-comparison .compare-item .col3 {
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .quick-comparison .compare-item {
    gap: 0;
  }
  .quick-comparison .compare-item.header img {
    height: 20px;
  }
  .quick-comparison .compare-item .col1, .quick-comparison .compare-item .col2, .quick-comparison .compare-item .col3 {
    width: 100%;
  }
}
.headaches-fix .top {
  width: 70%;
  margin: 0 auto 0 auto;
  text-align: center;
}
.headaches-fix .compare-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.headaches-fix .compare-item .left, .headaches-fix .compare-item .right {
  width: 100%;
  text-align: center;
}
.headaches-fix .compare-item.header {
  position: sticky;
  top: 60px;
  z-index: 1;
  background: white;
  padding: 15px 0;
  margin-bottom: 15px;
}
.headaches-fix .compare-item.header .left h3, .headaches-fix .compare-item.header .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .headaches-fix .compare-item.header .left .title, .headaches-fix .compare-item.header .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .headaches-fix .compare-item.header .left .title {
  color: #F06A6A;
}
.headaches-fix .compare-item.header .right h3, .headaches-fix .compare-item.header .right .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .headaches-fix .compare-item.header .right .title, .headaches-fix .compare-item.header .right .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .headaches-fix .compare-item.header .right .title {
  color: #23BC31;
}
.headaches-fix .compare-item.header .left, .headaches-fix .compare-item.header .right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 36px;
  gap: 10px;
}
.headaches-fix .compare-item.header .left img, .headaches-fix .compare-item.header .right img {
  height: 28px;
}
.headaches-fix .compare-item.header .left .title-24, .headaches-fix .compare-item.header .right .title-24 {
  font-weight: 600;
}
.headaches-fix .compare-item.row {
  margin-bottom: 24px;
  border: 1px solid #E6EAEF;
  border-radius: 10px;
  overflow: hidden;
}
.headaches-fix .compare-item.row .left, .headaches-fix .compare-item.row .right {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.headaches-fix .compare-item.row .right {
  padding: 32px 56px;
}
.headaches-fix .compare-item.row .left {
  background: white;
  position: relative;
}
.headaches-fix .compare-item.row .left::after {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  width: 50px;
  height: 100%;
  background: white;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.headaches-fix .compare-item.row .right {
  background: linear-gradient(135deg, #FAFAEF 0%, #F0F9EF 100%);
}
.headaches-fix .compare-item.row .right .txt-desc-small {
  max-width: 400px;
}
.headaches-fix .compare-item.row .right h4::before {
  font-family: "gd-site" !important;
  content: "\e917";
  font-size: 17px;
  color: #3DB051;
  margin-right: 12px;
}

@media (max-width: 820px) {
  .headaches-fix .compare-item.header {
    top: 75px;
  }
}
@media (max-width: 600px) {
  .headaches-fix .top {
    width: 100%;
  }
  .headaches-fix .compare-item {
    flex-direction: column;
  }
  .headaches-fix .compare-item.header .right {
    margin-top: 20px;
  }
}
.compare-plans .top {
  margin: 0 auto 0 auto;
  text-align: center;
}
.compare-plans .compare-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.compare-plans .compare-item .col1 {
  width: 257px;
}
.compare-plans .compare-item .col2, .compare-plans .compare-item .col3 {
  width: 165px;
}
.compare-plans .compare-item .col4 {
  width: 385px;
}
.compare-plans .compare-item.header {
  position: sticky;
  top: 60px;
  z-index: 1;
  background: #f7f8fa;
  align-items: center;
  padding: 0 24px;
  height: 60px;
}
.compare-plans .compare-item.header img {
  height: 22px;
}
.compare-plans .compare-item.row {
  filter: drop-shadow(1px 1px 6px rgba(208, 213, 220, 0.35));
  border-radius: 10px;
  background: white;
  padding: 16px;
  margin-bottom: 20px;
}
.compare-plans .compare-item .icon.pros {
  transform: rotate(180deg);
  display: inline-block;
}
.compare-plans .compare-item .icon.pros::before {
  color: #06c026;
}
.compare-plans .compare-item .icon.cons::before {
  color: #F06A6A;
}
.compare-plans .compare-item .icon.pros-down::before {
  color: #06c026;
}
.compare-plans .compare-item .icon.cons-up {
  transform: rotate(180deg);
  display: inline-block;
}
.compare-plans .compare-item .icon.cons-up::before {
  color: #F06A6A;
}

@media (max-width: 820px) {
  .compare-plans .compare-item.header {
    top: 75px;
  }
}
@media (max-width: 600px) {
  .compare-plans .compare-item .col4 {
    display: none;
  }
}
.all-you-need .top {
  width: 70%;
  margin: 0 auto 0 auto;
  text-align: center;
}
.all-you-need .features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
}
.all-you-need .feature {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  max-width: calc(50% - 15px);
  width: 100%;
}
.all-you-need .feature .learn-more-big {
  display: none;
}
.all-you-need .feature .top-title {
  font-size: 36px;
  font-weight: 600;
}
.all-you-need .feature .left {
  max-width: 520px;
  display: flex;
  flex-direction: column;
}
.all-you-need .feature .feature-image {
  overflow: hidden;
  width: 254px;
  height: 175px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.all-you-need .feature .feature-image.integrations {
  background-image: url("../../pages/alternatives/img/all-tools/integrations.png");
}
.all-you-need .feature .feature-image.productivity {
  background-image: url("../../pages/alternatives/img/all-tools/productivity.png");
}
.all-you-need .feature .feature-image.workflow {
  background-image: url("../../pages/alternatives/img/all-tools/workflow.png");
}
.all-you-need .feature .feature-image.structure {
  background-image: url("../../pages/alternatives/img/all-tools/structure.png");
}
@media (max-width: 800px) {
  .all-you-need .feature {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    max-width: 100%;
  }
  .all-you-need .feature .left {
    max-width: 100%;
    text-align: center;
    order: 1;
  }
  .all-you-need .feature .feature-image {
    order: 2;
  }
}
@media (max-width: 600px) {
  .all-you-need .feature .feature-image {
    width: 100%;
    background-position: left;
  }
}

.real-scoreboard .top {
  margin: 0 auto 0 auto;
  text-align: center;
}
.real-scoreboard .compare-table {
  z-index: 1;
  position: relative;
}
.real-scoreboard .compare-table::before {
  z-index: 1;
  content: "";
  position: absolute;
  background: #FFFFFF;
  box-shadow: 1px 1px 6px rgba(208, 213, 220, 0.35);
  border-radius: 10px;
  height: 100%;
  right: 0;
  top: 0;
  width: 25%;
}
.real-scoreboard .compare-item {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-bottom: 1px solid #E6EAEF;
}
.real-scoreboard .compare-item .col1, .real-scoreboard .compare-item .col2, .real-scoreboard .compare-item .col3, .real-scoreboard .compare-item .col4 {
  width: 25%;
}
.real-scoreboard .compare-item .col2, .real-scoreboard .compare-item .col3, .real-scoreboard .compare-item .col4 {
  padding: 0 24px;
}
.real-scoreboard .compare-item.header {
  position: sticky;
  top: 60px;
  z-index: 3;
  background: #f7f8fa;
  align-items: center;
  height: 60px;
}
.real-scoreboard .compare-item.header .col4 {
  background: #FFFFFF;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px 10px 0 0;
}
.real-scoreboard .compare-item.header img {
  height: 22px;
}
.real-scoreboard .compare-item.row {
  padding: 24px 0;
}

@media (max-width: 820px) {
  .real-scoreboard .top {
    width: 100%;
  }
  .real-scoreboard .compare-item .col1, .real-scoreboard .compare-item .col2, .real-scoreboard .compare-item .col3 {
    width: 100%;
  }
  .real-scoreboard .compare-item.header {
    top: 75px;
  }
  .real-scoreboard .col4 {
    display: none !important;
  }
  .real-scoreboard .compare-table::before {
    display: none;
  }
}
.features-duel .top {
  width: 70%;
  margin: 0 auto 0 auto;
  text-align: center;
}
.features-duel .compare-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E6EAEF;
}
.features-duel .compare-item .txt-desc-small {
  color: #505e6d;
}
.features-duel .compare-item .col1, .features-duel .compare-item .col2, .features-duel .compare-item .col3 {
  width: 60%;
}
.features-duel .compare-item .col2, .features-duel .compare-item .col3 {
  width: 20%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.features-duel .compare-item.header {
  position: sticky;
  top: 60px;
  z-index: 1;
  background: white;
  align-items: center;
  height: 60px;
}
.features-duel .compare-item.header img {
  height: 24px;
}
.features-duel .compare-item.row {
  padding: 24px 0;
}
.features-duel .compare-item .included, .features-duel .compare-item .not-included {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.features-duel .compare-item .included::before, .features-duel .compare-item .not-included::before {
  font-weight: 700;
  font-size: 13px;
}
.features-duel .compare-item .included {
  background: #06c026;
}
.features-duel .compare-item .not-included {
  background: #F06A6A;
}

@media (max-width: 820px) {
  .features-duel .compare-item.header {
    top: 75px;
  }
}
@media (max-width: 600px) {
  .features-duel .compare-item .col1, .features-duel .compare-item .col2, .features-duel .compare-item .col3 {
    width: 100%;
  }
}
.gd-pros .top {
  width: 70%;
  margin: 0 auto 0 auto;
  text-align: center;
}
.gd-pros .pros-cards {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.gd-pros .pros-cards .pros-item {
  width: 100%;
  position: relative;
  min-height: 210px;
  padding: 32px 24px;
  background: white;
  border: 1px solid #E6EAEF;
  border-radius: 10px;
}
.gd-pros .pros-cards .pros-item .icon-img {
  width: 50px;
  height: 50px;
  border-radius: 6px;
}
.gd-pros .pros-cards .pros-item h3, .gd-pros .pros-cards .pros-item .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .gd-pros .pros-cards .pros-item .title, .gd-pros .pros-cards .pros-item .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .gd-pros .pros-cards .pros-item .title {
  max-width: 360px;
}
.gd-pros .pros-cards .pros-item .txt-desc {
  margin: 15px 0;
}
.gd-pros .pros-cards .pros-item a.learn-more::after {
  top: 6px;
}
.gd-pros .pros-cards .pros-item.gradient-blue {
  background: linear-gradient(128.56deg, #E5F1FF 5.24%, #EBFDFF 97.79%);
}
.gd-pros .pros-cards .pros-item.gradient-purple {
  background: linear-gradient(128.56deg, #EAF2FF 5.24%, #F5F1FF 97.79%), #FFFFFF;
}
.gd-pros .pros-cards .pros-item.gradient-pink {
  background: linear-gradient(128.56deg, #FFEEEE 5.24%, #FFEDFE 97.79%), #FFFFFF;
}

@media (max-width: 820px) {
  .gd-pros .pros-cards {
    flex-wrap: wrap;
  }
  .gd-pros .pros-cards .pros-item {
    max-width: 100%;
  }
}
.alternatives-page h1 {
  font-weight: 600;
  font-size: 44px;
  line-height: 1.5em;
}
.alternatives-page .desc-gray {
  color: #505e6d;
}
.alternatives-page .title-24 {
  font-size: 24px;
  font-weight: 700;
}
.alternatives-page .title-22 {
  font-size: 22px;
  font-weight: 600;
}
.alternatives-page .title-18 {
  font-size: 18px;
  font-weight: 600;
}
.alternatives-page .title-16 {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 600px) {
  .alternatives-page h1.title {
    font-size: 40px !important;
  }
  .alternatives-page h1 {
    font-size: 28px !important;
    line-height: 1.2em;
  }
  .alternatives-page h2 {
    font-size: 30px !important;
    line-height: 1.3em;
  }
  .alternatives-page h3, .alternatives-page .page-help-center .index-page .context-section-name .left .title, .page-help-center .index-page .context-section-name .left .alternatives-page .title, .alternatives-page .page-help-center .index-page .context-sub-section .left .title, .page-help-center .index-page .context-sub-section .left .alternatives-page .title {
    font-size: 19px !important;
    line-height: 1.4em;
  }
  .alternatives-page h4 {
    font-size: 15px !important;
    line-height: 1.4em;
  }
  .alternatives-page .flex-column-center-center .buttons .action-button, .alternatives-page .flex-column-center-center .buttons .page-help-center .btn-submit-ticket, .page-help-center .alternatives-page .flex-column-center-center .buttons .btn-submit-ticket {
    width: 100%;
  }
  .alternatives-page .flex-column-center-center .buttons .secondary-button {
    margin-top: 20px;
    width: 100%;
  }
}