html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

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

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

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

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.w-code-component > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

:root {
  --color--body-font-color: #f4efe3;
  --font--heading-font: Outfit, sans-serif;
  --color--body-bg-color: #050505;
  --color--primary-bg-color: #0c0c0c;
  --color--primary-color: #d6b25e;
  --white: white;
  --color--secondary-color: #171717;
  --color--white-color: white;
  --color--secondary-bg-color: #111111;
  --font--body-font: Outfit, sans-serif;
  --transparent: transparent;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--color--body-font-color);
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
}

h1 {
  font-family: var(--font--heading-font);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
  font-weight: 600;
  line-height: 1.23;
}

h2 {
  font-family: var(--font--heading-font);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.22;
}

h3 {
  font-family: var(--font--heading-font);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.27;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.page-wrapper {
  background-color: var(--color--body-bg-color);
}

.section-gap-y-axis-140px {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-top-140px {
  padding-top: 90px;
}

.padding-bottom-140px {
  padding-bottom: 90px;
}

.margin-top-40px {
  margin-top: 32px;
}

.margin-bottom-40px {
  margin-bottom: 32px;
}

.margin-top-32px {
  margin-top: 24px;
}

.margin-top-28px {
  margin-top: 20px;
}

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

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

.header-section {
  padding-top: 40px;
  position: absolute;
  inset: 0% 0% auto;
}

.container {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-section {
  background-color: var(--color--primary-bg-color);
  overflow: hidden;
}

.hero-section-v1 {
  padding-top: 180px;
  padding-bottom: 100px;
  overflow: hidden;
}

.hero-wrapper-v1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.hero-wrapper-v1.z-index-1 {
  z-index: 1;
  position: relative;
}

.hero-v1-header-block {
  padding-bottom: 20px;
}

.section-sub-title-with-bg-color {
  background-color: var(--color--primary-color);
  font-family: var(--font--heading-font);
  color: var(--white);
  border-radius: 19px;
  padding: 4px 20px;
  display: inline-block;
}

.section-sub-title-with-outline-bg {
  border: 1px solid var(--white);
  border-radius: 19px;
  padding: 3px 20px;
  display: inline-block;
}

.hero-v1-title {
  color: var(--white);
  max-width: 360px;
  overflow: hidden;
}

.hero-v1-title.margin-top-20px {
  margin-top: 20px;
}

.title-highlight-span {
  perspective-origin: 0%;
  transform-origin: 0%;
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66a9c0a45525f17edf4b4b2f_title-highlight-shape.svg");
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.title-highlight-span.blog {
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66ae1ce2b66e3bd1bc1302cd_blog-title-shape.svg");
  background-position: 50% 85%;
  background-size: 100% 15px;
}

.title-highlight-span.about {
  background-size: 100%;
}

.title-highlight-span.feature {
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66b34bc5a86b0bfc7715d76a_section-title-highlight-long-shape.svg");
  background-size: 100%;
}

.title-highlight-span.integration {
  background-size: 100%;
}

.hero-v1-excerpt {
  max-width: 450px;
  margin-top: 16px;
}

.margin-top-54px {
  margin-top: 40px;
}

.button-wrapper {
  justify-content: flex-start;
  align-items: center;
}

.button-wrapper.dispaly-flex.gap32px {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.button-wrapper.dispaly-flex.align-item-center {
  justify-content: center;
  align-items: center;
}

.button-wrapper.dispaly-flex.align-item-center.margin-top-80px {
  margin-top: 60px;
}

.hero-v1-banner-block {
  background-color: #162342;
  border-radius: 33px;
  width: 450px;
  height: 420px;
  padding-top: 30px;
  padding-left: 32px;
  position: relative;
}

.hero-v1-banner-growth-chart {
  border-radius: 21px;
  max-width: 400px;
  position: absolute;
  right: 10px;
}

.hero-v1-banner-coutomer-chart {
  border-radius: 21px;
  max-width: 300px;
  position: absolute;
  inset: auto 0% -10px -24px;
}

.hero-v1-banner-comparison-chart {
  border-radius: 9px;
  max-width: 140px;
  position: absolute;
  inset: auto 10px -30px auto;
}

.primary-button-block {
  border: 2px solid var(--color--primary-color);
  background-color: var(--color--primary-color);
  color: var(--color--primary-color);
  border-radius: 40px;
  padding: 13px 22px;
  font-size: 24px;
  line-height: 1.33;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.primary-button-block.small-size {
  padding-top: 10px;
  padding-bottom: 10px;
}

.primary-button-block.small-size.margin-top-35px {
  margin-top: 25px;
}

.primary-button-block.intregration-button {
  padding: 10px 18px;
  font-size: 20px;
  line-height: 1.4;
}

.button-text {
  z-index: 1;
}

.button-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-text-block {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.primary-button-bg-color-overly {
  z-index: 1;
  background-color: var(--white);
  border-radius: 40px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.outline-button-block {
  border: 1px solid var(--white);
  color: var(--white);
  border-radius: 40px;
  padding: 13px 22px;
  font-size: 24px;
  line-height: 1.33;
  text-decoration: none;
  transition: color .4s, border-color .4s;
  position: relative;
  overflow: hidden;
}

.outline-button-block:hover {
  border-color: var(--color--primary-color);
  color: var(--color--primary-color);
}

.outline-button-block.navbar-button {
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.4;
}

.outline-button-bg-color-overly {
  border-radius: 40px;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.margin-top-24px {
  margin-top: 18px;
}

.nav-dropdown-list {
  z-index: 5;
  background-color: #0000;
  border-radius: 12px;
  overflow: hidden;
}

.nav-dropdown-list.w--open {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-dropdown-list.all-pages {
  z-index: 999;
  left: -240px;
}

.nav-dropdown-list.all-pages.w--open {
  width: auto;
}

.nav-dropdown-list.home-page {
  z-index: 99;
  left: -60px;
}

.menu-list {
  margin-left: 0;
}

.nav-dropdown-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fbfbfb;
  border: 1px solid #0d1218;
  border-radius: 12px;
  flex-flow: column;
  width: 160px;
  max-width: 100%;
  margin-top: 16px;
  padding: 15px 30px;
  display: flex;
  overflow: hidden;
}

.nav-dropdown-link {
  color: var(--color--secondary-color);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: transform .3s, color .3s;
}

.nav-dropdown-link:hover {
  color: var(--color--primary-color);
  transform: translate(5px);
}

.nav-dropdown-link.w--current {
  color: var(--color--primary-color);
  padding-left: 0;
  padding-right: 0;
}

.nav-dropdown-wrapper-flex {
  z-index: 4;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white);
  border: 1px solid #0d1218;
  border-radius: 12px;
  margin-top: 16px;
  padding: 20px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-dropdown-list-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.logo {
  min-width: 250px;
}

.nav-menu-button-wrapper {
  display: flex;
}

.nav-dropdown-icon-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: relative;
}

.nav-menu-list-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.menu-link {
  color: var(--white);
  letter-spacing: .16px;
  font-size: 18px;
  line-height: 1.55;
  text-decoration: none;
  transition: color .3s;
  display: block;
}

.menu-link:hover, .menu-link.w--current {
  color: #5b93ff;
}

.header-nav-inner-block {
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
}

.header-navbar-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mobile-logo-wrap {
  display: none;
}

.nav-dropdown-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  letter-spacing: .16px;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-size: 18px;
  line-height: 1.55;
  display: flex;
}

.nav-dropdown-menu-text {
  color: var(--color--primary-color);
  white-space: nowrap;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.nav-dropdown-menu-text.margin-top-20px {
  margin-top: 10px;
}

.nav-menu-wrap {
  flex: 1;
}

.menu-dropdown-arrow-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.left-block-shape {
  max-width: 500px;
  max-height: 600px;
  position: absolute;
  top: 0;
  left: 0;
}

.position-relative {
  position: relative;
}

.right-block-shape {
  max-width: 500px;
  max-height: 600px;
  position: absolute;
  top: 0;
  right: 0;
}

.hero-section-graident-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(1204px);
  border-radius: 797px;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: 60px auto auto -280px;
}

.hero-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(1202px);
  border-radius: 1002px;
  width: 600px;
  height: 450px;
  position: absolute;
  inset: 0% -300px auto auto;
}

.copy-right-block {
  border-top: 1px solid #465561;
  padding-top: 30px;
  padding-bottom: 30px;
}

.template-link {
  color: var(--white);
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.template-link:hover {
  color: #5b93ff;
}

.footer-link-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .7;
  color: #dcdcdc;
  justify-content: flex-start;
  align-items: center;
  font-size: 20px;
  line-height: 1.4;
  text-decoration: none;
  transition: opacity .3s, color .3s;
  display: flex;
}

.footer-link-block:hover {
  opacity: 1;
  color: var(--color--white-color);
}

.footer-link-list-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.brandbes-link {
  color: var(--white);
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.brandbes-link:hover {
  color: #5b93ff;
}

.footer-content {
  grid-template-rows: auto;
  grid-template-columns: 260px 120px 150px 280px;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.newsletter-form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.newsletter-form-block {
  margin-bottom: 0;
  display: flex;
}

.webflow-link {
  color: var(--white);
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.webflow-link:hover {
  color: #5b93ff;
}

.footer-link-list-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.footer-copyright-center {
  color: #c3c3c3;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.subscribe-button {
  background-color: var(--color--primary-color);
  color: var(--white);
  text-align: center;
  border-radius: 6px;
  min-height: 50px;
  padding: 17px 20px;
  font-size: 16px;
  line-height: 1;
  transition: color .3s, background-color .3s;
}

.subscribe-button:hover {
  background-color: var(--color--white-color);
  color: var(--color--primary-color);
}

.footer-subscribe-block {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  display: flex;
}

.footer-subscribe-block.w--current {
  margin-bottom: 10px;
}

.footer-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.newsletter-input-field {
  border: 1px solid var(--color--primary-bg-color);
  background-color: var(--white);
  color: var(--color--secondary-color);
  border-radius: 6px;
  min-height: 50px;
  margin-bottom: 0;
  padding: 7px 20px;
  font-size: 16px;
  line-height: 1.62;
  transition: border .3s;
}

.newsletter-input-field:focus {
  border-color: var(--color--primary-color);
}

.newsletter-input-field::placeholder {
  color: #6b6b6b;
  font-size: 16px;
  line-height: 1.62;
}

.footer-newsletter-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-bottom: 1px solid #465561;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
}

.footer-subscribe-excerpt {
  color: var(--white);
  font-size: 16px;
  line-height: 1.62;
}

.footer-block-wrapper {
  padding-top: 70px;
}

.footer-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
}

.newsletter-input-block {
  width: 100%;
  max-width: 420px;
  position: relative;
}

.footer-subscribe-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}

.subscribe-image-block {
  background-color: #ffffff1a;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.mail-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.breadcrumb-section {
  background-image: linear-gradient(#082a45, #082a4500);
  position: relative;
  overflow: hidden;
}

.breadcrumb-wrapper {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 180px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.breadcrumb-subtitle {
  background-color: var(--color--primary-color);
  font-family: var(--font--heading-font);
  color: var(--white);
  border-radius: 32px;
  margin-bottom: 20px;
  padding: 9px 24px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.33;
  display: inline-block;
}

.breadcrumb-title {
  color: var(--white);
  text-align: center;
  font-weight: 500;
}

.breadcrumb-title.style-guide, .breadcrumb-title.changelog {
  text-align: center;
  max-width: 500px;
}

.breadcrumb-title.blog {
  text-align: center;
  max-width: 780px;
}

.breadcrumb-title.team-breadcrumb, .breadcrumb-title.features {
  text-align: center;
  max-width: 700px;
}

.breadcrumb-title.integration, .breadcrumb-title.contact {
  text-align: center;
  max-width: 600px;
}

.color-details-block {
  padding: 5px 10px;
}

.color-wrapper {
  grid-row-gap: 70px;
  flex-direction: column;
  display: flex;
}

.color-card {
  border: 1px solid var(--white);
  padding: 10px;
}

.style-guide-icon-wrapper {
  grid-row-gap: 70px;
  flex-direction: column;
  padding-top: 70px;
  display: flex;
}

.style-guide-details-wrapper {
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.style-guide-heading {
  color: var(--color--secondary-color);
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}

.style-guide-content-wrapper {
  flex-direction: column;
  display: flex;
}

.style-guide-details-block {
  border-bottom: 1px solid var(--white);
  padding-bottom: 40px;
}

.style-gulde-link-wrapper {
  background-color: var(--white);
  border: 1px solid #0d1218;
  border-radius: 11px;
  position: sticky;
  top: 220px;
  overflow: hidden;
}

.color-code {
  text-transform: uppercase;
}

.style-guide-button-wrapper {
  grid-row-gap: 70px;
  flex-direction: column;
  padding-top: 70px;
  display: flex;
}

.heading-two {
  margin-bottom: 8px;
}

.typography-wrapper {
  grid-row-gap: 70px;
  flex-direction: column;
  padding-top: 70px;
  display: flex;
}

.color-heading {
  font-weight: 400;
}

.style-guide-heading-wrapper {
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
}

.paragraph {
  margin-top: 30px;
}

.paragraph.small {
  font-size: 16px;
}

.style-guide-button-block {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 40px;
}

.style-guide-button-block.display-flex {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.heading-three {
  margin-bottom: 8px;
}

.style-icon-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.color-block {
  min-height: 100px;
}

.color-block.bg-color-two {
  background-color: #000;
  border-bottom-color: #43ba7f;
}

.color-block.primrary-bg-color {
  background-color: var(--color--primary-bg-color);
}

.color-block.paragraph-color {
  background-color: var(--color--body-font-color);
  color: #4d4d4d;
}

.color-block.secondary-bg-color {
  background-color: var(--color--secondary-bg-color);
}

.color-block.primrary-color {
  background-color: var(--color--primary-color);
}

.color-block.secondary-color {
  background-color: var(--color--secondary-color);
}

.style-guide-color-grid {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .75fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.style-guide-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.style-guide-link {
  color: var(--color--secondary-color);
  width: 100%;
  padding: 10px 20px;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: block;
}

.style-guide-link:hover {
  background-color: var(--color--primary-color);
  color: var(--color--white-color);
}

.style-guide-link.w--current {
  background-color: var(--color--primary-color);
  color: var(--white);
}

.learn-more-arrow-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.licenses-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
}

.license-single-item {
  background-color: #fff;
  border: 1px solid #26262666;
  border-radius: 10px;
  padding: 40px 30px;
  transition: border-color .3s, box-shadow .3s;
}

.license-single-item:hover {
  border-color: #0d1218;
  box-shadow: 5px 5px #0d1218;
}

.license-inner {
  flex: 0 auto;
}

.licenses-details {
  text-align: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
}

.license-details {
  font-family: var(--font--body-font);
  color: var(--color--secondary-color);
  margin-bottom: 10px;
}

.license-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #0d1218;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.license-link:hover {
  color: #5b93ff;
}

.licenses-title {
  color: var(--color--secondary-color);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 26px;
}

.content-title {
  color: var(--color--secondary-color);
  font-size: 22px;
  font-weight: 500;
}

.changlelog-breadcrumb-wrapper {
  align-items: center;
}

.initial-released-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.changelog-content {
  background-color: var(--white);
  border: 1px solid #0d1218;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.date {
  color: var(--color--secondary-color);
  font-weight: 500;
}

.initial-text {
  background-color: var(--color--primary-color);
  color: var(--white);
  padding: 8px 15px;
  display: inline-block;
}

.changlelog-content-sub-title {
  color: var(--color--secondary-color);
  text-align: center;
  margin-top: 15px;
  font-weight: 500;
}

.features-section {
  overflow: hidden;
}

.features-section.position-relative.padding-top-100px {
  padding-top: 60px;
}

.section-title-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-title-block.margin-bottom-115px {
  margin-bottom: 95px;
}

.section-title {
  color: var(--white);
}

.section-title.text-center.features {
  max-width: 580px;
}

.section-title.text-center.our-values {
  max-width: 550px;
}

.section-title.about-us {
  max-width: 450px;
}

.section-title.blog {
  text-align: center;
  max-width: 600px;
}

.section-title.what-we-do {
  width: 500px;
}

.section-title.our-mission {
  max-width: 450px;
}

.section-title.our-vission {
  max-width: 400px;
}

.section-title.team {
  text-align: center;
  max-width: 500px;
}

.section-title._404-banner, .section-title._401-banner {
  color: var(--color--body-bg-color);
}

.margin-bottom-20px {
  margin-bottom: 20px;
}

.features-excerpt {
  text-align: center;
  max-width: 480px;
}

.margin-top-20px {
  margin-top: 20px;
}

.featured-featured-block {
  background-color: var(--color--primary-bg-color);
  border-radius: 20px;
  padding: 32px 60px 60px;
  position: relative;
  overflow: hidden;
}

.featured-features-item-block {
  z-index: 1;
  position: relative;
}

.features-collection-item-block-v1 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.features-item-name {
  color: var(--color--primary-color);
  margin-bottom: 16px;
}

.features-item-heading {
  color: var(--white);
}

.features-item-description {
  margin-top: 18px;
}

.features-collection-item-content-block-v1 {
  max-width: 400px;
}

.features-banner-block-v1 {
  position: relative;
}

.features-banner-image-v1 {
  max-width: 300px;
}

.features-banner-chart-v1 {
  max-width: 220px;
  position: absolute;
  inset: auto auto -40px -100px;
}

.features-item-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feartures-item-block {
  background-color: var(--color--primary-bg-color);
  border-radius: 20px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.features-collection-item-block-v2 {
  z-index: 1;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  display: flex;
  position: relative;
}

.features-banner-block-v2 {
  margin: 32px 0 40px auto;
  position: relative;
}

.features-banner-image-v2 {
  max-width: 360px;
}

.features-banner-chart-v2 {
  border-radius: 10px;
  max-width: 180px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0 auto 0 -30px;
  box-shadow: 7px 9px 30px #00000026;
}

.features-collection-item-block-v3 {
  z-index: 1;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  display: flex;
  position: relative;
}

.features-banner-block-v3 {
  margin-top: 32px;
  margin-bottom: 40px;
  margin-right: auto;
  position: relative;
}

.left-bottom-block-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}

.features-banner-image-v3 {
  max-width: 350px;
}

.features-banner-chart-v3 {
  border-radius: 10px;
  max-width: 180px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  bottom: -37px;
  left: auto;
  right: -60px;
  box-shadow: 7px 9px 30px #00000026;
}

.cta-section {
  overflow: hidden;
}

.cta-wrapper {
  z-index: 1;
  background-color: var(--color--primary-bg-color);
  border-radius: 24px;
  padding: 50px 50px 62px 40px;
  position: relative;
  overflow: hidden;
}

.cta-block {
  z-index: 2;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.cta-banner-block {
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}

.cta-title {
  max-width: 520px;
  font-size: 38px;
}

.cta-excerpt {
  max-width: 446px;
  margin-top: 10px;
}

.z--index1 {
  z-index: 1;
  position: relative;
}

.cta-banner-image {
  max-width: 300px;
  margin-right: 40px;
}

.cta-banner-expenses-image {
  position: absolute;
  inset: auto 10px -25px auto;
}

.cta-bg-card {
  z-index: -1;
  position: absolute;
  inset: -20px 0% auto auto;
}

.cta-center-blur-bg {
  z-index: 1;
  background-color: var(--color--primary-color);
  opacity: .5;
  filter: blur(250px);
  border-radius: 100%;
  width: 120px;
  height: 120px;
  margin: auto;
  position: absolute;
  inset: 0 0 0 80px;
}

.about-us-section {
  background-color: var(--color--primary-bg-color);
  overflow: hidden;
}

.about-section-graident-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 848px;
  width: 600px;
  height: 450px;
  position: absolute;
  inset: 60px auto auto -320px;
}

.about-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 848px;
  width: 600px;
  height: 450px;
  position: absolute;
  inset: -300px -300px auto auto;
}

.funfact-block-wrapper {
  border-bottom: 1px solid #dcdcdc;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 50px;
  display: flex;
}

.funfact-block-wrapper.our-value-block {
  border-top: 1px solid #dcdcdc;
  border-bottom-style: none;
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 0;
}

.funfact-item-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funfact-item-block.left-alignment {
  justify-content: flex-start;
  align-items: flex-start;
}

.fun-fact-number-wrapper {
  height: 38px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fun-fact-number-wrapper.small-font {
  height: 28px;
}

.fun-fact-number-block {
  flex-direction: column;
  display: flex;
}

.fun-fact-number-block.upper-movement {
  justify-content: flex-end;
  align-items: center;
}

.fun-fact-number {
  font-family: var(--font--heading-font);
  color: var(--white);
  text-align: left;
  font-size: 38px;
  font-weight: 500;
  line-height: 1;
}

.fun-fact-number.small-font {
  font-size: 28px;
}

.fun-fact-heading-text {
  font-family: var(--font--heading-font);
  color: var(--white);
  font-size: 38px;
  font-weight: 500;
  line-height: 1;
}

.fun-fact-heading-text.small-font {
  font-size: 28px;
}

.fun-fact-title {
  font-size: 20px;
  line-height: 1.4;
}

.fun-fact-item-divider {
  background-color: var(--color--body-font-color);
  width: 1px;
  height: auto;
}

.about-us-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.about-us-banner-block {
  position: relative;
}

.section-title-highlight-span {
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66ab75f1b6ae283259deb09f_section-title-highlight-shape.svg");
  background-position: 50% 90%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.about-us-excerpt {
  max-width: 500px;
}

.about-us-list-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.about-us-list-item {
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66ab77a7613b98c1fb90291f_list-check-mark.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  line-height: 1.4;
}

.about-us-banner-frame {
  border-radius: 13px;
}

.integration-brand-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-item-logo-circle-wrap {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 480px;
  height: 480px;
  display: flex;
  position: relative;
}

.integration-circle-animation-block {
  position: relative;
}

.integration-content-block.max-width-563px {
  max-width: 500px;
}

.integration-section {
  background-color: var(--color--primary-bg-color);
  overflow: hidden;
}

.integration-item-logo-circle-block {
  border: 2px dashed #fff3;
  border-radius: 100%;
}

.integration-item-logo-circle-block.circle-one {
  justify-content: center;
  align-items: center;
  width: 420px;
  height: 420px;
  position: relative;
}

.integration-item-logo-circle-block.circle-two {
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 260px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.integration-item-logo-circle-block.circle-four {
  z-index: 3;
  background-color: var(--white);
  border-style: solid;
  border-radius: 47px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 97px;
  height: 97px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.integration-item-logo-circle-block.circle-three {
  width: 160px;
  height: 160px;
  position: absolute;
}

.integration-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.integration-section-graident-bg-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 350px;
  position: absolute;
  left: -250px;
}

.integration-section-graident-bg-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(400px);
  border-radius: 100%;
  width: 500px;
  height: 350px;
  position: absolute;
  inset: auto -250px -140px auto;
}

.integration-circle-bg {
  background-color: var(--color--primary-color);
  opacity: .8;
  filter: blur(300px);
  border-radius: 100%;
  width: 180px;
  height: 180px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.integration-brand-icon-block {
  background-color: var(--white);
  border-radius: 29px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  display: flex;
  position: absolute;
}

.integration-brand-icon-block.one {
  top: -10px;
  left: 80px;
}

.integration-brand-icon-block.two {
  top: 160px;
  left: -25px;
}

.integration-brand-icon-block.three {
  top: auto;
  bottom: 30px;
  left: 35px;
}

.integration-brand-icon-block.four {
  bottom: 83px;
  right: -10px;
}

.integration-brand-icon-block.five {
  top: 51px;
  right: 0;
}

.site-logo {
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-brand-icon-block-two {
  background-color: var(--white);
  border-radius: 29px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  display: flex;
  position: absolute;
}

.integration-brand-icon-block-two.one {
  margin-left: auto;
  margin-right: auto;
  top: -25px;
  left: 0;
  right: 0;
}

.integration-brand-icon-block-two.three {
  margin: auto auto 0;
  inset: 0 0 -25px;
}

.integration-brand-icon-block-two.two {
  margin: auto auto auto 0;
  inset: 0 auto 0 -25px;
}

.integration-brand-icon-block-two.four {
  margin: auto 0 auto auto;
  inset: 0 -25px 0 0;
}

.blog-section {
  overflow: hidden;
}

.blog-section-graident-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  bottom: 25%;
  left: -420px;
  right: auto;
}

.blog-section-graident-bg-shape-left.top {
  top: 300px;
  bottom: auto;
}

.blog-section-graident-bg-shape-left.bottom {
  top: auto;
  bottom: 0;
}

.blog-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 15%;
  right: -300px;
}

.blog-section-graident-bg-shape-right.bottom {
  top: auto;
  bottom: 450px;
}

.blog-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-image-link-block {
  border-radius: 20px;
  overflow: hidden;
}

.blog-image {
  object-fit: cover;
  border-radius: 20px;
}

.blog-title-link {
  color: var(--white);
  max-width: 400px;
  margin-top: 20px;
  text-decoration: none;
  transition: color .3s;
}

.blog-title-link:hover {
  color: var(--color--primary-color);
}

.horizontal-divider-blog-item {
  background-color: #6b6b6b;
  width: auto;
  height: 1px;
  margin-top: 22px;
  margin-bottom: 22px;
}

.blog-card-footer-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-author-block {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-author-image-link-block {
  overflow: hidden;
}

.blog-author-image-link-block.radious---26px {
  border-radius: 26px;
}

.blog-author-image.small-size {
  object-fit: cover;
  border-radius: 26px;
  width: 53px;
  height: 53px;
}

.blog-author-name {
  color: var(--white);
  font-size: 20px;
  line-height: 1.4;
  text-decoration: none;
  transition: color .3s;
}

.blog-author-name:hover {
  color: var(--color--primary-color);
}

.blog-post-date {
  color: var(--white);
  font-size: 16px;
  line-height: 1.62;
  text-decoration: none;
}

.blog-categories-link-block {
  color: var(--white);
  background-color: #082642;
  border-radius: 6px;
  padding: 7px 12px;
  font-size: 16px;
  line-height: 1.62;
  text-decoration: none;
  transition: background-color .3s;
}

.blog-categories-link-block:hover {
  background-color: var(--color--primary-color);
}

.section-line-container {
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.section-line-shape {
  opacity: .03;
  background-color: #dcdcdc;
  width: .5px;
  height: 100%;
}

.cta-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 350px;
  position: absolute;
  inset: auto -300px 15% auto;
}

.cta-section-graident-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 400px;
  position: absolute;
  inset: auto auto -132px -320px;
}

.pricing-section {
  overflow: hidden;
}

.pricing-excerpt {
  text-align: center;
  max-width: 630px;
}

.pricing-section-graident-bg-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 350px;
  position: absolute;
  bottom: -71px;
  left: -250px;
}

.pricing-section-graident-bg-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 350px;
  position: absolute;
  inset: 0 -250px auto auto;
}

.pricing-wrapper {
  z-index: 1;
  position: relative;
}

.pricing-table-tabs {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.pricing-tabs-menu {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 0 auto;
  align-items: flex-start;
  width: 465px;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}

.pricing-tabs-content {
  width: 465px;
  margin-left: 0;
  margin-right: auto;
}

.pricing-tab-link-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 20px;
  align-items: center;
  width: 100%;
  padding: 35px 20px;
  display: inline-flex;
}

.pricing-tab-link-wrap.w--current {
  background-color: var(--color--primary-color);
  color: var(--white);
}

.pricing-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.pricing-link-excerpt {
  max-width: 300px;
  margin-top: 16px;
}

.pricing-menu-check-mark-wrap {
  flex: none;
  position: relative;
}

.pricing-menu-check-mark-dark {
  position: absolute;
}

.prize-rate {
  font-size: 38px;
  font-weight: 600;
  line-height: 1.2;
}

.prize-time {
  font-size: 18px;
  font-weight: 400;
}

.tab-pane-wrapper {
  background-color: var(--white);
  background-image: linear-gradient(134deg, #a69cfa66 19%, #fff0 50%, #a69cfa66 81%);
  border-radius: 20px;
  padding: 40px 35px;
  position: relative;
}

.pricing-tab-content-title {
  color: var(--color--body-bg-color);
  font-weight: 500;
}

.tab-content-hz-divider-line {
  background-color: #6b6b6b;
  width: auto;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.pricing-table-tab-content-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.pricing-table-tab-content-list-item {
  color: var(--color--body-bg-color);
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66ae0b9020f4d309ce988bef_pricing%20content%20list%20check%20mark.svg");
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 30px;
  font-size: 22px;
  line-height: 1.28;
}

.hero-wrapper-v2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-wrapper-v2.z-index-1 {
  z-index: 1;
  position: relative;
}

.hero-section-v2 {
  background-image: linear-gradient(#082a45, #04142400);
  padding-top: 180px;
  padding-bottom: 100px;
  overflow: hidden;
}

.herov2-section-graident-bg-shape-leff {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(1204px);
  border-radius: 797px;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: 60px auto auto -280px;
}

.herov2-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(1202px);
  border-radius: 1002px;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: 200px -250px auto auto;
}

.hero-v2-header-block {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.hero-v2-banner-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.hero-v2-title {
  text-align: center;
  max-width: 650px;
}

.hero-v2-title.margin-top-20px {
  margin-top: 20px;
}

.hero-v2-excerpt {
  text-align: center;
  max-width: 720px;
  margin-top: 16px;
}

.herov2-banner-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-v2-banenr-one, .hero-v2-banenr-two {
  border-radius: 20px;
}

.hero-v2-banenr-user-sticker {
  border-radius: 24px;
  transform: rotate(-6.24deg);
}

.hero-v2-banner-sales-sticker {
  border-radius: 20px;
  margin-top: 20px;
  transform: rotate(8.23deg);
}

.aboutv2-graident-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 848px;
  width: 600px;
  height: 450px;
  position: absolute;
  inset: auto auto 0 -320px;
}

.aboutv2-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 848px;
  width: 600px;
  height: 450px;
  position: absolute;
  inset: 0 -300px auto auto;
}

.aboutv2-banner {
  border-radius: 14px;
}

.about-us-v2-section {
  background-color: var(--color--primary-bg-color);
  overflow: hidden;
}

.about-us-v2-banner-block {
  position: relative;
}

.about-v2-banner-overly-image {
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0 -20px;
}

.funfact-v2-block-wrapper {
  border-bottom-width: 1px;
  border-bottom-color: #dcdcdc;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}

.about-us-v2-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.features-block-v1 {
  position: relative;
}

.features-image-v1 {
  max-width: 260px;
}

.features-chart-v1 {
  max-width: 200px;
  position: absolute;
  inset: auto auto 30px -30px;
}

.features-block-v2, .features-block-v3 {
  position: relative;
}

.features-item-block-v2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.features-image-v2 {
  position: absolute;
  right: -80px;
}

.features-chart-v2 {
  border-radius: 10px;
  max-width: 220px;
  position: absolute;
  inset: 70px auto 0% 30px;
}

.features-item-block-v3 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.features-image-v3 {
  position: relative;
  right: 110px;
}

.features-chart-v3 {
  position: absolute;
  inset: auto 28px 35px auto;
}

.features-banner-block-homev3 {
  background-color: #162342;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  padding: 28px 28px 60px;
  display: flex;
  position: relative;
}

.feature-section-graident-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -420px;
}

.feature-section-graident-bg-shape-left.top {
  top: 300px;
  bottom: auto;
}

.feature-section-graident-bg-shape-left.features-details-bottom {
  margin-top: 0;
  margin-bottom: 0;
  top: auto;
  bottom: 40px;
}

.feature-section-graident-bg-shape-left.home-v1 {
  margin-top: 100px;
}

.features-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 70px;
  right: -300px;
}

.features-section-graident-bg-shape-right.bottom-bg {
  top: auto;
  bottom: -20px;
}

.features-section-graident-bg-shape-right.bottom-bg.homve-v1 {
  bottom: -80px;
}

.features-section-graident-bg-shape-right.center-align {
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
}

.features-section-graident-bg-shape-right.top-gap-64px {
  top: 40px;
}

.features-section-graident-bg-shape-right.bottom-gap-27px {
  top: auto;
  bottom: 27px;
}

.features-item-name-v2 {
  color: var(--white);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 3px 20px;
  display: inline-block;
}

.all-features-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.team-section {
  background-color: var(--color--primary-bg-color);
  overflow: hidden;
}

.team-graident-bg-shape-leff {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 848px;
  width: 600px;
  height: 450px;
  position: absolute;
  inset: 60px auto auto -320px;
}

.team-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 848px;
  width: 600px;
  height: 450px;
  position: absolute;
  inset: auto -300px 60px auto;
}

.team-excerpt {
  text-align: center;
  max-width: 585px;
}

.team-collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.team-member-wrap {
  object-fit: cover;
  background-color: #07263f;
  border-radius: 20px;
  justify-content: space-between;
  align-items: stretch;
  width: 305px;
  height: 340px;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-member-image {
  object-fit: cover;
  margin-left: auto;
  margin-right: auto;
}

.team-info-block-hover-in {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #07263f99;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 20px;
}

.team-member-name {
  font-weight: 500;
}

.what-we-do-section {
  overflow: hidden;
}

.what-we-do-banner-block {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.what-we-do-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: auto auto 10% -25%;
}

.what-we-do-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: 15% -300px auto auto;
}

.what-we-do-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.what-we-do-excerpt {
  max-width: 500px;
}

.our-goal-list-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.our-goal-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
}

.our-goal-excerpt {
  max-width: 405px;
  font-size: 16px;
  line-height: 1.62;
}

.our-goal-list-block {
  z-index: 1;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.our-goal-itam-highlight-check-mark-border {
  background-color: var(--color--primary-bg-color);
  border: 1px solid #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.our-goal-item-highlight-check-mark-box {
  background-color: var(--color--primary-color);
  border-radius: 10px;
  width: 20px;
  height: 20px;
}

.our-goal-list-horizontonal-border {
  border: 1px dashed var(--white);
  border-radius: 0;
  height: 73%;
  margin-top: 10px;
  position: absolute;
  inset: 0% auto 0% 16px;
}

.what-we-do-banner-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.what-we-do-banner-wrap.gap-35px {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.what-we-do-banner-one {
  border-radius: 28px;
  max-width: 220px;
}

.what-we-do-banner-two {
  border-radius: 28px;
  max-width: 175px;
}

.what-we-do-banner-three {
  border-radius: 28px;
  max-width: 420px;
}

.what-we-do-check-mark-block {
  background-color: var(--color--primary-color);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  box-shadow: 0 16px 31px #5542f64d;
}

.what-we-do-center-bg-shaddow {
  background-color: var(--color--primary-color);
  opacity: .6;
  filter: blur(500px);
  border-radius: 100%;
  flex: none;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
}

.our-values-section {
  background-color: var(--color--primary-bg-color);
  position: relative;
  overflow: hidden;
}

.our-value-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.our-value-bg-shape-left.about {
  top: 15%;
  left: -25%;
}

.our-value-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: 10% -300px auto auto;
}

.our-values-excerpt {
  text-align: center;
  max-width: 570px;
}

.our-values-item-block-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #07263f;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 40px 30px;
  display: flex;
  overflow: hidden;
}

.our-values-item-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.our-values-item-icon-wrap {
  background-color: #0c3e67;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 95px;
  display: flex;
}

.values-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.our-values-item-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.28;
}

.our-values-item-title.margin-top-32px {
  text-align: center;
}

.our-values-item-excerpt {
  text-align: center;
  max-width: 320px;
}

.our-values-veritucal-border {
  background-color: #dcdcdc;
  width: 1px;
  height: 150px;
}

.all-team-collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.our-mission-section {
  overflow: hidden;
}

.our-mission-section-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.our-misson-list-horizontonal-border {
  border: 1px dashed var(--white);
  height: 60%;
  margin-top: 7px;
  position: absolute;
  inset: 0% auto 0% 16px;
}

.our-mission-list-block {
  z-index: 1;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.our-mission-itam-highlight-check-mark-border {
  background-color: var(--color--primary-bg-color);
  border: 1px solid #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.our-mission-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
}

.our-mission-excerpt {
  max-width: 405px;
  font-size: 16px;
  line-height: 1.62;
}

.our-mission-list-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.our-mission-banner-block {
  background-color: #162242;
  border-radius: 18px;
  width: 450px;
  height: 440px;
  position: relative;
}

.our-mission-short-details {
  max-width: 450px;
}

.our-mission-banner-image {
  border-radius: 20px;
  max-width: 440px;
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 50px;
}

.our-mission-banner-chart1, .our-mission-banner-chart2, .our-mission-banner-chart3 {
  border-radius: 12px;
  max-width: 115px;
}

.our-mission-banner-chart-wrap {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 52px;
  margin-right: 32px;
  display: flex;
  position: relative;
  left: auto;
  right: 0;
}

.our-vision-section {
  overflow: hidden;
}

.our-vission-section-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.our-vision-banner-block {
  background-color: #162242;
  border-radius: 18px;
  width: 440px;
  height: 420px;
  padding: 50px 30px 32px 32px;
  position: relative;
}

.our-vision-short-details {
  max-width: 400px;
}

.our-vision-list-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.our-vission-list-block {
  z-index: 1;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.our-vission-itam-highlight-check-mark-border {
  background-color: var(--color--primary-bg-color);
  border: 1px solid #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.our-vission-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
}

.our-vission-excerpt {
  max-width: 350px;
  font-size: 16px;
  line-height: 1.62;
}

.our-visson-list-horizontonal-border {
  border: 1px dashed var(--white);
  height: 60%;
  margin-top: 7px;
  position: absolute;
  inset: 0% auto 0% 16px;
}

.our-vission-banner-image {
  border-radius: 16px;
}

.our-vission-banner-chart1 {
  border-radius: 12px;
  max-width: 280px;
  position: absolute;
  inset: 30px -50px auto auto;
  box-shadow: 4px 8px 40px #0000001a;
}

.our-vission-banner-chart2 {
  border-radius: 12px;
  max-width: 260px;
  position: absolute;
  inset: 140px -30px auto auto;
  box-shadow: 4px 8px 40px #0000001a;
}

.faq-section {
  background-color: var(--color--primary-bg-color);
  position: relative;
  overflow: hidden;
}

.faq-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 400px;
  position: absolute;
  top: -100px;
  left: -250px;
}

.faq-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .4;
  filter: blur(800px);
  border-radius: 100%;
  width: 500px;
  height: 400px;
  position: absolute;
  inset: auto -300px 75px auto;
}

.faq-excerpt {
  text-align: center;
  max-width: 650px;
}

.faq-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
}

.faq-content-wrap {
  border: 1px solid #dcdcdc;
  border-radius: 20px;
}

.faq-dropdown-ion-border-x-axis {
  background-color: #fff;
  border-radius: 3px;
  width: 12px;
  height: 2px;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.accrodion-dropdown {
  border-bottom: 1px solid #fff;
  padding-top: 32px;
  padding-bottom: 32px;
  display: block;
}

.accrodion-dropdown.with-out-border {
  border-bottom-style: none;
}

.faq-dropdown-ion-border-y-axis {
  background-color: #fff;
  border-radius: 3px;
  width: 2px;
  height: 12px;
}

.faq-content-wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

.accordion-dropdown-body {
  z-index: 1;
  background-color: #0000;
  padding-right: 15px;
  display: block;
  position: relative;
  overflow: hidden;
}

.accordion-dropdown-body.w--open {
  background-color: #0000;
}

.accordion-dropdown-text {
  max-width: 800px;
  margin-top: 16px;
}

.accordion-toggle {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  white-space: normal;
  padding: 0;
  display: flex;
}

.accordion-container {
  z-index: 1;
  position: relative;
}

.icon-block {
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: relative;
}

.faq-dropdown-icon-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: relative;
}

.all-integration-section {
  padding-top: 70px;
  position: relative;
  overflow: hidden;
}

.integration-section-gradient-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -420px;
}

.integration-section-gradient-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 70px;
  right: -300px;
}

.integration-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 115px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integration-item-block {
  background-color: var(--color--primary-bg-color);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 102px 40px 30px;
  display: flex;
  position: relative;
}

.integrations-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 70px;
  right: -300px;
}

.integrations-section-graident-bg-shape-right.bottom-bg {
  top: auto;
  bottom: 60px;
}

.integration-item-description-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.integration-short-detail {
  text-align: center;
}

.integration-item-header-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #19244c;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: inline-flex;
  position: absolute;
  inset: -55px auto auto;
}

.integration-icon-wrap {
  background-color: var(--white);
  border-radius: 32px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  display: flex;
}

.integration-header-info-wrap {
  border-left: 1px solid #6b6b6b;
  padding-left: 20px;
}

.integration-name {
  font-family: var(--font--heading-font);
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.28;
}

.integration-type {
  font-size: 16px;
  line-height: 1.62;
}

.pricing-listing-table-section {
  background-color: var(--color--primary-bg-color);
  overflow: hidden;
}

.compare-pricing-plan-column-block {
  border: .5px solid var(--white);
  padding: 20px 30px;
}

.compare-pricing-plan-column-block.button-block {
  padding: 40px 0;
}

.compare-pricing-plan-column-block.button-block.border-radious-right-bottom {
  border-bottom-right-radius: 20px;
}

.compare-pricing-plan-column-block.max-width-200.border-radious-left-bottom {
  border-bottom-left-radius: 20px;
}

.pricing-plan-header {
  border: .5px solid var(--white);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.pricing-plan-header.border-right-top-radious {
  border-top-right-radius: 20px;
}

.price-plan-duration {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.62;
}

.pricing-plan-price-text {
  color: var(--white);
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.27;
}

.plan-check-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-check-icon.text {
  line-height: 1.5;
}

.price-plan-name {
  color: var(--white);
  border-radius: 30px;
  font-size: 20px;
  line-height: 1.4;
}

.plan-including-feature-title-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.compare-plan-table-title {
  font-family: var(--font--heading-font);
  color: var(--white);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.27;
}

.compare-plan-including-feature-name {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.plan-name-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: inline-flex;
}

.compare-pricing-plan-row {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.compare-pricing-plan-row.heigh-150px {
  height: 130px;
}

.compare-pricing-plan-header {
  border: .5px solid var(--white);
  border-top-left-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.pricing-tab-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--transparent);
  border-radius: 20px;
  align-items: center;
  width: 100%;
  padding: 0;
}

.pricing-plan-button-link {
  border: 1px solid var(--color--body-bg-color);
  color: var(--color--body-bg-color);
  border-radius: 40px;
  padding: 13px 22px;
  font-size: 24px;
  line-height: 1.33;
  text-decoration: none;
  transition: border-color .5s, color .5s;
  position: relative;
  overflow: hidden;
}

.pricing-plan-button-link:hover {
  border-color: var(--color--primary-color);
  color: var(--white);
}

.main-pricing-section {
  position: relative;
  overflow: hidden;
}

.pricie-section-gradient-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: auto;
  bottom: 12px;
  left: -420px;
}

.pricie-gradient-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 12px;
  right: -300px;
}

.contact-section {
  overflow: hidden;
}

.contact-section-gradient-bg-shape-left {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 150px;
  bottom: auto;
  left: -420px;
}

.contact-section-gradient-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 70px;
  right: -300px;
}

.contact-section-gradient-bg-shape-right.top {
  top: -70px;
}

.input-field-level {
  font-family: var(--font--heading-font);
  color: var(--white);
  margin-bottom: 18px;
  line-height: 1.4;
}

.contact-form-block {
  z-index: 2;
  background-color: var(--color--primary-bg-color);
  border-radius: 20px;
  margin-bottom: 0;
  padding: 40px;
}

.input-text-area {
  color: var(--color--secondary-color);
  background-color: #fff;
  border: .5px solid #4f4f4f;
  border-radius: 6px;
  min-height: 160px;
  margin-bottom: 0;
  padding: 16px 20px;
  font-size: 18px;
  line-height: 1.2;
}

.input-text-area:focus {
  border-color: var(--color--primary-color);
}

.input-text-area::placeholder {
  color: #6b6a70;
  font-size: 16px;
  line-height: 1.62;
}

.contact-form-detail-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-radius: 20px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.contact-form-wrapper {
  z-index: 3;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .7fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.input-field {
  border: .5px solid var(--color--primary-bg-color);
  background-color: var(--white);
  color: var(--color--secondary-color);
  border-radius: 6px;
  min-height: 61px;
  margin-bottom: 0;
  padding: 16px;
  font-size: 18px;
  line-height: 1.2;
}

.input-field:focus {
  border-color: var(--color--primary-color);
}

.input-field::placeholder {
  color: #6b6a70;
  font-size: 16px;
  line-height: 1.62;
}

.contact-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.contact-form-information-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--color--primary-bg-color);
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px 24px;
  display: flex;
}

.submit-button-wrapper {
  z-index: 2;
  position: relative;
}

.submit-button {
  background-color: var(--color--primary-color);
  color: #fff;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 22px;
  line-height: 1.33;
  transition: color .3s, background-color .3s;
}

.submit-button:hover {
  background-color: var(--color--white-color);
  color: var(--color--primary-bg-color);
}

.submit-button.border-radious-8px {
  border-radius: 8px;
}

.submit-button.password-protected {
  border-radius: 40px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.submit-button.password-protected:hover {
  background-color: var(--color--primary-bg-color);
  color: var(--white);
}

.submit-button.password-protected.margin-top-24px {
  width: 100%;
  max-width: 180px;
}

.contact-info-card-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-info-icon-block {
  background-color: #1d2659;
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.contact-info-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-info-heading {
  color: var(--white);
  font-size: 20px;
  line-height: 1.4;
}

.contact-info-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-info-link {
  color: #dcdcdc;
  font-size: 18px;
  line-height: 1.55;
  text-decoration: none;
  transition: color .3s;
  display: inline-block;
}

.contact-info-link:hover {
  color: var(--color--primary-color);
}

.contact-info-text {
  color: #dcdcdc;
  font-size: 18px;
  line-height: 1.55;
  text-decoration: none;
  display: inline-block;
}

.contact-information-title {
  font-family: var(--font--heading-font);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.27;
}

.contact-map-wrapper {
  border-radius: 20px;
  height: 300px;
  overflow: hidden;
}

.contact-map {
  height: 100%;
  display: flex;
}

.team-details-section {
  position: relative;
  overflow: hidden;
}

.details-section-graident-bg-shape-left-top {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 300px;
  left: -420px;
}

.details-section-graident-bg-shape-left-top.blog-details {
  margin-top: 0;
  margin-bottom: 0;
  top: 300px;
}

.details-section-graident-bg-shape-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 70px;
  right: -300px;
}

.details-section-graident-bg-shape-right.team-details-top-right {
  z-index: 1;
  top: 50px;
}

.details-section-graident-bg-shape-right.blog-details-top {
  top: -80px;
}

.details-section-graident-bg-right {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  position: absolute;
  top: 70px;
  right: -300px;
}

.details-section-graident-bg-right.team-details-bottom-right {
  top: auto;
  bottom: 400px;
}

.details-section-graident-bg-right.blog-details-center {
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
}

.details-section-graident-bg-right.blog-details-right-bottom {
  top: 0;
  bottom: 240px;
}

.details-section-graident-bg-shape-left-bottom {
  background-color: var(--color--primary-color);
  opacity: .3;
  filter: blur(800px);
  border-radius: 100%;
  width: 600px;
  height: 450px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: auto;
  bottom: 10px;
  left: -420px;
}

.details-section-graident-bg-shape-left-bottom.blog-details-center {
  top: 0;
  bottom: 0;
}

.team-detail-name {
  color: var(--white);
  margin-bottom: 8px;
}

.social-link-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.social-link-block.gap-x-axis-30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.team-experience-logo-block {
  background-color: #2b2742;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 68px;
  height: 68px;
  display: flex;
  box-shadow: 2px 6px 20px #00000014;
}

.team-experience-logo {
  width: 30px;
  height: 30px;
}

.team-skill-block {
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-experience-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.social-link-icon {
  color: var(--white);
  background-color: #dcdcdc33;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s;
  display: flex;
}

.social-link-icon:hover {
  background-color: var(--color--primary-color);
  color: #fff;
}

.team-designation {
  z-index: 1;
  position: relative;
}

.team-detail-span {
  color: var(--white);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.separator-div {
  transform-origin: 0%;
  background-color: #4f4f4f4d;
  width: 100%;
  height: 1px;
}

.separator-div.gap-y-axis-26 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.team-info-detail {
  text-decoration: none;
}

.team-info-detail ul {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.team-info-detail li {
  color: var(--white);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.team-info-detail strong {
  min-width: 140px;
  font-size: 18px;
  font-weight: 500;
}

.team-info-detail a {
  color: var(--white);
  text-decoration: none;
  transition: color .3s;
}

.team-info-detail a:hover {
  color: var(--color--primary-color);
}

.team-detail-inner-content {
  max-width: 470px;
}

.primary-team-detail-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.primary-team-detail-wrapper.gap-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: .7fr 1fr;
  margin-bottom: 42px;
  overflow: hidden;
}

.team-skill-icon-block {
  background-color: #2b2742;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  box-shadow: 2px 6px 20px #00000014;
}

.team-detail-image-block {
  border-radius: 20px;
}

.team-detail-content {
  z-index: 1;
  background-color: var(--color--primary-bg-color);
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66c6bca45774956b7c0acc3d_team-member-section-BG-shape.png");
  background-position: 100%;
  background-size: auto;
  border-radius: 20px;
  padding: 40px;
  position: relative;
}

.team-skill-title {
  color: var(--white);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.social-link-text {
  display: none;
}

.team-experience-secondary-content h4 {
  font-family: var(--font--heading-font);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.team-skill-content h3 {
  color: var(--white);
  margin-bottom: 16px;
  font-weight: 400;
}

.secondary-team-detail-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 42px;
  display: grid;
}

.team-experience-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-skill-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.team-detail-summary {
  max-width: 850px;
  font-size: 20px;
}

.team-experience-content h3 {
  color: var(--white);
  margin-bottom: 16px;
  font-weight: 400;
}

.team-experience-content h2 {
  color: var(--white);
}

.team-details-image-wrap {
  background-color: var(--color--primary-bg-color);
  object-fit: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-end;
  max-width: 400px;
  max-height: 430px;
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  overflow: hidden;
}

.blog-details-section {
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.blog-detail-image-block {
  object-fit: cover;
  border-radius: 24px;
  overflow: hidden;
}

.blog-post-rich-text-block h2 {
  color: var(--white);
  margin-top: 40px;
  margin-bottom: 10px;
}

.blog-post-rich-text-block blockquote {
  background-color: var(--color--primary-bg-color);
  font-family: var(--font--heading-font);
  color: var(--white);
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66b87fb62c6bdb11671cb429_blog-quites-banner-shape-left.png"), url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66b87f61f5f5d1125a964732_blog-quites-banner-shape-center-quttaion.png");
  background-position: 0 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-left-style: none;
  border-radius: 10px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 32px 50px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.27;
}

.blog-post-rich-text-block ul {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.blog-post-rich-text-block li {
  line-height: 1.4;
}

.blog-post-rich-text-block strong {
  color: var(--white);
  font-weight: 500;
}

.blog-post-rich-text-block img {
  border-radius: 24px;
}

.blog-post-rich-text-block figure {
  margin-top: 40px;
  margin-bottom: 0;
}

.blog-post-rich-text-block h3 {
  color: var(--white);
}

.blog-author-card-block {
  background-color: var(--color--primary-bg-color);
  border-radius: 10px;
  max-width: 95%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
}

.blog-author-image-link-wrap {
  border-radius: 10px;
  overflow: hidden;
}

.blog-author-personal-info-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-author-bio-data-block {
  max-width: 600px;
}

.blog-author-bio-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-author-name-link {
  color: var(--white);
  font-size: 22px;
  line-height: 1.33;
  text-decoration: none;
  transition: color .3s;
}

.blog-author-name-link:hover {
  color: var(--color--primary-color);
}

.blog-published-date {
  font-size: 16px;
  line-height: 1.62;
}

.author-card-blog-categories-link-block {
  color: var(--white);
  background-color: #082642;
  border-radius: 6px;
  padding: 7px 16px;
  font-size: 16px;
  line-height: 1.62;
  text-decoration: none;
  transition: background-color .3s;
}

.author-card-blog-categories-link-block:hover {
  background-color: var(--color--primary-color);
}

.blog-author-bio {
  font-size: 16px;
  line-height: 1.62;
}

.blog-author-social-link-block-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-left: auto;
  display: flex;
}

.blog-author-social-link {
  background-color: var(--color--primary-color);
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s, color .3s;
  display: flex;
}

.blog-author-social-link:hover {
  background-color: var(--color--white-color);
  color: var(--color--primary-color);
}

.blog-info-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.conract-form {
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.team-contact-form-wrapper {
  background-color: var(--color--primary-bg-color);
  border-radius: 20px;
  margin-top: 100px;
  padding: 40px;
}

.team-form-section-title {
  color: var(--white);
}

.textarea-field {
  color: var(--color--body-bg-color);
  border: .5px solid #4f4f4f;
  border-radius: 12px;
  width: 100%;
  min-height: 236px;
  margin-bottom: 0;
  padding: 21px 20px;
  font-size: 18px;
}

.textarea-field:focus {
  border-color: var(--color--primary-color);
}

.textarea-field::placeholder {
  color: #4f4f4f;
}

.group-input-feld-block {
  display: flex;
}

.contact-form-input-field {
  border: .5px solid var(--color--primary-bg-color);
  color: var(--color--secondary-color);
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  min-height: 68px;
  margin-bottom: 0;
  padding: 21px 20px;
  font-size: 18px;
  line-height: 1.3;
}

.contact-form-input-field:focus {
  border-color: var(--color--primary-color);
}

.contact-form-input-field::placeholder {
  color: #6a6877;
  font-size: 16px;
}

.single-field-block {
  width: 100%;
}

.single-field-block.input-gap-left {
  margin-left: 32px;
}

.input-label {
  color: var(--white);
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.team-members-section, .features-details-section {
  position: relative;
  overflow: hidden;
}

.features-details-section.padding-top-140px {
  padding-bottom: 40px;
}

.features-details-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.feature-sidebar-title-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-sidebar-title {
  color: var(--white);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.27;
}

.service-side-bar-arrow-icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.service-side-bar-arrow-icon.only-show-mobile-device {
  display: none;
}

.features-categories-block {
  border: 1px solid #dcdcdc;
  border-radius: 16px;
  flex: none;
  width: 380px;
  padding: 30px;
}

.service-list-block {
  overflow: hidden;
}

.feature-collection-list-wrapper {
  margin-top: 24px;
}

.feature-name-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.feature-name-link-block {
  color: var(--color--body-bg-color);
  background-color: #fff;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 13px 16px;
  font-size: 20px;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.feature-name-link-block:hover, .feature-name-link-block.w--current {
  background-color: var(--color--primary-color);
  color: #fff;
}

.feature-arrow-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-rich-text-block-part-one h2 {
  color: var(--white);
  margin-top: 40px;
  margin-bottom: 10px;
}

.feature-rich-text-block-part-one blockquote {
  background-color: var(--color--primary-bg-color);
  font-family: var(--font--heading-font);
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66b87fb62c6bdb11671cb429_blog-quites-banner-shape-left.png"), url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66b87f61f5f5d1125a964732_blog-quites-banner-shape-center-quttaion.png");
  background-position: 0 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-left-style: none;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 32px 50px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.27;
}

.feature-rich-text-block-part-one ul {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.feature-rich-text-block-part-one li {
  line-height: 1.4;
}

.feature-rich-text-block-part-one strong {
  color: var(--white);
  font-weight: 500;
}

.feature-rich-text-block-part-one img {
  border-radius: 24px;
}

.feature-rich-text-block-part-one figure {
  margin-top: 40px;
  margin-bottom: 0;
}

.feature-rich-text-block-part-one h3 {
  color: var(--white);
  margin-top: 30px;
}

.feature-rich-text-block-part-one p {
  margin-top: 20px;
}

.feature-rich-text-block-part-one h4 {
  color: var(--white);
  font-weight: 500;
}

.feature-rich-text-block-part-two h2 {
  color: var(--white);
  margin-top: 40px;
  margin-bottom: 10px;
}

.feature-rich-text-block-part-two blockquote {
  background-color: var(--color--primary-bg-color);
  font-family: var(--font--heading-font);
  text-align: center;
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66b87fb62c6bdb11671cb429_blog-quites-banner-shape-left.png"), url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66b87f61f5f5d1125a964732_blog-quites-banner-shape-center-quttaion.png");
  background-position: 0 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-left-style: none;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 32px 50px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.27;
}

.feature-rich-text-block-part-two ul {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.feature-rich-text-block-part-two li {
  line-height: 1.4;
}

.feature-rich-text-block-part-two strong {
  color: var(--white);
  font-weight: 500;
}

.feature-rich-text-block-part-two img {
  border-radius: 24px;
}

.feature-rich-text-block-part-two figure {
  margin-top: 40px;
  margin-bottom: 0;
}

.feature-rich-text-block-part-two h3 {
  color: var(--white);
  margin-top: 30px;
}

.feature-rich-text-block-part-two p {
  margin-top: 20px;
}

.feature-rich-text-block-part-two h4 {
  color: var(--white);
  font-weight: 500;
}

.feature-rich-text-block-part-two h1 {
  color: var(--white);
}

.feature-grid-banner-block {
  margin-top: 32px;
}

.features-grid-banner-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.feature-details-header-block {
  justify-content: space-between;
  align-items: flex-start;
}

.feature-header {
  color: var(--white);
}

.integration-detail-section {
  position: relative;
  overflow: hidden;
}

.integration-detail-section-wrapper {
  padding-bottom: 20px;
}

.integration-detail-header-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-detail-block {
  border-top: 1px solid #dcdcdc99;
}

.integration-rich-text-block h2 {
  color: var(--white);
  margin-top: 40px;
  margin-bottom: 10px;
}

.integration-rich-text-block blockquote {
  font-family: var(--font--heading-font);
  color: var(--white);
  text-align: left;
  border-left: 5px solid #fff;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.28;
}

.integration-rich-text-block ul {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.integration-rich-text-block li {
  line-height: 1.4;
}

.integration-rich-text-block strong {
  color: var(--white);
  font-weight: 500;
}

.integration-rich-text-block img {
  border-radius: 24px;
}

.integration-rich-text-block figure {
  margin-top: 40px;
  margin-bottom: 0;
}

.integration-rich-text-block h3 {
  color: var(--white);
  margin-top: 30px;
  font-weight: 500;
}

.integration-rich-text-block p {
  margin-top: 20px;
}

.integration-header-icon-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #19244c;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 34px 40px;
  display: inline-flex;
}

.integration-icon-block {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.integration-icon-block.primary-bg {
  background-color: var(--color--primary-color);
}

.integration-icon.large-size {
  width: 62px;
}

.integration-plus-icon {
  display: inline-flex;
}

.saaxent-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-header-title {
  display: inline;
}

.integration-header-name {
  padding-left: 10px;
  display: inline;
}

.features-banner-block-homev1 {
  background-color: #162342;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  padding: 28px 28px 60px;
  display: flex;
  position: relative;
}

.team-member-name-link {
  color: var(--white);
  text-decoration: none;
}

.team-member-name-link:hover {
  text-decoration: underline;
}

.features-block-banner-home-v2 {
  background-color: #162342;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  padding: 28px 28px 60px;
  display: flex;
  position: relative;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.utility-page-content {
  text-align: center;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-form {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.utility-page-text {
  color: var(--color--body-bg-color);
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 20px;
}

.utility-page-image {
  max-width: 550px;
}

.utility-page-content-404-banner {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

._401-banner-image {
  max-width: 450px;
}

.utility-info-wrap {
  width: 450px;
}

.utility-input-filed-level {
  color: var(--color--secondary-bg-color);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 600;
}

.landing-page-nav-menu-list {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.landing-page-template-showcase-thumbnail {
  border-radius: 4px;
  width: 100%;
}

.landing-page-subtitle-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-page-promotional-video-marquee-text {
  color: var(--white);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.landing-page-request-figma-file-button-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.landing-page-promotional-video-image {
  z-index: 4;
  border-radius: 16px;
}

.landing-page-promotional-video-marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-subtitle-text {
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.landing-page-container-default {
  max-width: 960px;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-page-section-heading {
  color: #121212;
  text-align: center;
  font-size: 40px;
  line-height: 1.3;
}

.landing-page-cta-image-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.landing-page-footer-except {
  color: #cdd5df;
  text-align: center;
  max-width: 730px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.landing-page-template-showcase-tab-menu {
  background-color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.laning-page-template-feature-variation-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-page-cta-heading {
  color: var(--white);
  font-size: 40px;
  line-height: 1.3;
}

.landing-page-hero-overlay {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66c41b1b4692b0029d89867d_bg-image.svg"), linear-gradient(0deg, #12131805, #121318);
  background-position: 50% 0, 0 0;
  background-size: auto, auto;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.landing-page-nav-list-item {
  margin-bottom: 0;
}

.landing-page-nav-list-item.show-in-tablet {
  display: none;
}

.landing-page-footer-button-icon {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.landing-page-mobile-device-image {
  z-index: 1;
}

.landing-page-section-heading-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.landing-page-section-heading-wrapper.max-width-675px {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.landing-page-hero-outer-wrapper {
  margin-bottom: -5px;
}

.landing-page-template-features-grid {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-page-request-figma-shape-three {
  opacity: .5;
  filter: blur(150px);
  background-color: #56e7a58c;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  bottom: -215px;
  right: -40px;
}

.landing-page-template-showcase-info-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  display: flex;
}

.landing-page-footer-brand-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.landing-page-promotional-video-overlay {
  z-index: 1;
  background-color: #0000004d;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.landing-page-hero-image {
  margin-top: -48%;
}

.landing-page-section-except {
  color: #4b5565;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-featured-section-item {
  background-color: #fff;
  border-radius: 16px;
  flex: none;
  max-width: 414px;
  margin-right: 24px;
  padding: 8px;
  position: relative;
  box-shadow: 0 24px 32px #2128400d;
}

.landing-page-container-fluid {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-page-badge {
  color: #fff;
  text-align: center;
  background-color: #ff453a;
  border-radius: 4px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.landing-page-badge.new {
  background-color: #0fb828;
}

.landing-page-navbar-button {
  background-color: var(--white);
  color: var(--color--primary-bg-color);
  text-align: center;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 12px 30px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .4s, color .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-navbar-button:hover {
  color: var(--white);
}

.landing-page-core-features-grid {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.landing-page-promotional-video-shape-two {
  filter: blur(500px);
  background-color: #0038ff;
  border-radius: 100%;
  width: 490px;
  height: 490px;
  position: absolute;
  bottom: -335px;
  right: -125px;
}

.landing-page-request-figma-file-wrapper {
  position: relative;
}

.landing-page-feature-variation-image {
  z-index: 2;
  border-radius: 4px;
  position: relative;
  box-shadow: 0 4px 19px #162a3e26, 0 8px 12px #162a3e0a;
}

.landing-page-subtile-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 8px 32px;
  display: flex;
}

.landing-page-cta-content-wrapper {
  max-width: 460px;
}

.landing-page-core-features-icon-wrapper {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
  display: flex;
  position: relative;
}

.landing-page-core-features-icon-wrapper.sections {
  background-color: #3ec5ff;
}

.landing-page-core-features-icon-wrapper.components {
  background-color: #a45aff;
}

.landing-page-core-features-icon-wrapper.homepages {
  background-color: #11cc7f;
}

.landing-page-hero-button-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-page-template-showcase-page-wrapper {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  position: relative;
  box-shadow: 0 24px 32px #2128400d;
}

.landing-page-request-figma-file-content-wrapper {
  z-index: 2;
  position: relative;
}

.landing-page-request-figma-shape-one {
  filter: blur(300px);
  background-color: #bb2cff80;
  border-radius: 50%;
  width: 414px;
  height: 414px;
  position: absolute;
  top: 105px;
  left: 50px;
}

.landing-page-cta-image {
  border-radius: 5px;
  width: 100%;
  box-shadow: 0 2px 5px #0003;
}

.landing-page-core-features-content-wrapper {
  position: relative;
}

.landing-page-template-showcase-section {
  background-color: #f4f5fa;
}

.landing-page-footer {
  background-color: #0b081b;
  overflow: hidden;
}

.landing-page-footer.landing-page-footer-bg-image {
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66c41b1b4692b0029d89867d_bg-image.svg");
  background-position: 50% 0;
  background-size: auto;
}

.landing-page-core-features-text {
  color: #4d4d4d;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-hero-image-element {
  width: 27%;
  position: absolute;
  bottom: 50px;
  left: 20%;
}

.landing-page-template-feature-variation-image-wrapper {
  z-index: 2;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-footer-link {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  text-decoration: none;
  transition: color .2s;
}

.landing-page-footer-link:hover {
  color: var(--color--primary-color);
}

.landing-page-cta-button-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 32px;
  display: flex;
}

.landing-page-footer-title {
  color: #fff;
  text-align: center;
  font-size: 48px;
  line-height: 1.3;
}

.landing-page-header {
  width: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.landing-page-footer-copyright-text {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-promotional-video-marquee-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-right: 40px;
  display: flex;
}

.landing-page-core-features-section {
  background-color: #f4f5fa;
  overflow: hidden;
}

.landing-page-featured-section-marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-featured-section-container {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-template-feature-variation-content-block {
  z-index: 2;
  max-width: 350px;
  margin-bottom: 24px;
  position: relative;
}

.landing-page-request-figma-file-main-image {
  border: 1px solid #0d121c;
  border-radius: 16px;
  width: 100%;
}

.landing-page-template-showcase-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-request-figma-file-lower-block {
  background-color: #0b081b;
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66c41b1b4692b0029d89867d_bg-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.landing-page-core-features-shape-four {
  opacity: .5;
  filter: blur(100px);
  background-color: #4845c6;
  width: 170px;
  height: 170px;
  position: absolute;
  bottom: 5px;
  right: 200px;
}

.landing-page-nav-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-page-view-template-button {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
  box-shadow: 0 8px 16px #21284033;
}

.landing-page-promotional-video-lightbox {
  z-index: 2;
  background-color: var(--white);
  color: #030207;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.landing-page-core-features-heading {
  color: #121212;
  text-align: center;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.2;
}

.landing-page-core-features-wrapper {
  position: relative;
}

.landing-page-template-feature-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-request-figma-file-image-block {
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  max-width: 990px;
  margin-top: -170px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.landing-page-template-featured-section-wrapper {
  border-radius: 8px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.landing-page-feature-variation-heading {
  color: #0d121c;
  text-align: center;
  margin-bottom: 8px;
  font-size: 28px;
  line-height: 1.3;
}

.landing-page-promotional-footer-shape-one {
  background-color: var(--color--primary-color);
  opacity: .2;
  filter: blur(250px);
  border-radius: 50%;
  width: 490px;
  height: 490px;
  position: absolute;
  top: 116px;
  left: -215px;
}

.landing-page-promotioanl-video-section {
  background-color: #0d121c;
  position: relative;
  overflow: hidden;
}

.landing-page-promotioanl-video-section.landing-page-promotional-video-bg {
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66c41b1b4692b0029d89867d_bg-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}

.landing-page-footer-logo {
  max-width: 240px;
}

.landing-page-template-showcase-tab-link {
  color: #4b5565;
  background-color: #0000;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.landing-page-template-showcase-tab-link.w--current {
  color: #fff;
  background-color: #0d121c;
  border-radius: 999px;
}

.landing-page-hero-wrapper {
  z-index: 5;
  position: relative;
}

.landing-page-nav-list-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.landing-page-footer-button-wrapper {
  margin-top: 40px;
}

.landing-page-view-template-button-icon {
  color: var(--color--primary-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-page-feature-variation-text {
  color: #4b5565;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}

.landing-page-core-feature-card {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-image: linear-gradient(111deg, #ffffff94, #ffffff57 100%, #fff);
  border: 2px solid #fff;
  border-radius: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.landing-page-figma-icon-wrapper {
  background-color: #0d121c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
}

.landing-page-blurry-block-two {
  filter: blur(600px);
  background-color: #bb2cff8c;
  border-radius: 100%;
  width: 550px;
  height: 550px;
  position: absolute;
  top: 120px;
  right: 130px;
}

.landing-page-request-figma-file-title-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.landing-page-template-showcase-content {
  width: 100%;
  overflow: visible;
}

.landing-page-request-figma-file-image-wrapper {
  position: relative;
}

.landing-page-cta-list-text {
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.landing-page-template-showcase-page-name {
  color: #030207;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.landing-page-template-showcase-page-name:hover {
  color: var(--color--primary-color);
}

.landing-page-request-figma-shape-two {
  filter: blur(250px);
  background-color: #0038ff;
  border-radius: 50%;
  width: 370px;
  height: 370px;
  position: absolute;
  top: 150px;
  right: -50px;
}

.landing-page-button-text {
  z-index: 2;
  position: relative;
}

.landing-page-featured-section-thumbnail {
  border-radius: 4px;
  width: 100%;
}

.landing-page-template-feature-variation-item {
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 25px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-template-feature-variation-item.header-styles {
  background-color: #f5f3fa;
}

.landing-page-template-feature-variation-item.responsive-devices {
  background-color: #f7faf4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.landing-page-template-feature-variation-item.blog-style {
  background-color: #fbf7ee;
}

.landing-page-template-feature-variation-item.footer-styles {
  background-color: #faf1ef;
}

.landing-page-promotional-video-shape-one {
  filter: blur(300px);
  background-color: #bb2cff8c;
  border-radius: 50%;
  width: 550px;
  height: 550px;
  position: absolute;
  bottom: -335px;
  left: -125px;
}

.landing-page-view-template-button-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.landing-page-button-hover-block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.landing-page-core-features-shape-two {
  opacity: .5;
  filter: blur(100px);
  background-color: #ff602e;
  width: 150px;
  height: 150px;
  position: absolute;
  top: -25px;
  right: -25px;
}

.landing-page-brand-text {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.landing-page-footer-blurry-block-two {
  background-color: var(--color--primary-color);
  filter: blur(600px);
  border-radius: 100%;
  width: 450px;
  height: 450px;
  position: absolute;
  top: 160px;
  right: -275px;
}

.landing-page-featured-section-marquee-section {
  background-color: #f4f5fa;
  overflow: hidden;
}

.landing-page-hero-content-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.landing-page-header-logo {
  max-width: 240px;
}

.landing-page-footer-lower-container {
  z-index: 2;
  background-color: #0b081b;
  margin-top: 80px;
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
}

.landing-page-footer-link-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.landing-page-header-right-side {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.landing-page-nav-link {
  color: #fff;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .3s;
  display: block;
}

.landing-page-nav-link:hover {
  color: var(--color--primary-color);
}

.landing-page-nav-link.w--current {
  color: #ffd50d;
}

.landing-page-hero-except {
  z-index: 2;
  color: #cdd5df;
  text-align: center;
  max-width: 730px;
  margin-top: 16px;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
}

.landing-page-core-features-shape-one {
  opacity: .5;
  filter: blur(100px);
  background-color: #fabb18;
  width: 135px;
  height: 135px;
  position: absolute;
  top: -30px;
  left: -25px;
}

.landing-page-button {
  background-color: var(--white);
  color: var(--color--body-bg-color);
  text-align: center;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .4s, color .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-button:hover {
  color: var(--white);
}

.landing-page-button.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.landing-page-cta-marquee {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 450px;
  max-height: 600px;
  display: grid;
  position: absolute;
  top: -140px;
  right: -100px;
  overflow: hidden;
  transform: rotate(-24deg);
}

.landing-page-template-features-section {
  background-color: #eee;
}

.landing-page-promotional-video-wrapper {
  position: relative;
}

.landing-page-copyright-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-page-footer-upper-container {
  position: relative;
}

.landing-page-template-name-wrapper {
  position: absolute;
  top: -185px;
}

.landing-page-hero-section {
  background-color: #000;
  flex-flow: column;
  justify-content: space-between;
  height: 100svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-hero-title {
  z-index: 2;
  color: #fff;
  text-align: center;
  font-size: 48px;
  line-height: 1.3;
  position: relative;
}

.landing-page-cta-button {
  color: #0d121c;
  background-color: #fff;
  border-radius: 8px;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  position: relative;
  overflow: hidden;
}

.landing-page-cta-button:hover {
  color: #fff;
  background-color: #0d121c;
}

.landing-request-figma-file-section {
  overflow: hidden;
}

.landing-page-thumbnail-overlay {
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.landing-page-promotional-video-image-wrapper {
  z-index: 4;
  border: 6px solid #fff;
  border-radius: 16px;
  position: relative;
}

.landing-page-badge-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-hamburger-menu {
  color: #fff;
  border-radius: 5px;
  padding: 12px;
}

.landing-page-hamburger-menu.w--open {
  background-color: #0000;
}

.landing-page-logo-link {
  z-index: 3;
}

.landing-page-footer-content-wrapper {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.landing-page-blurry-block-one {
  background-color: var(--color--primary-color);
  filter: blur(250px);
  border-radius: 100%;
  width: 490px;
  height: 490px;
  position: absolute;
  top: 330px;
  left: 120px;
}

.landing-page-footer-copyright-link {
  color: #fff;
  text-decoration: none;
  transition: color .3s;
}

.landing-page-footer-copyright-link:hover {
  color: var(--color--primary-color);
}

.landing-page-template-showcase-thumbnail-wrapper {
  border-radius: 8px;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.landing-page-template-feature-icon-wrapper {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  display: flex;
  box-shadow: 0 -1px 3px #eceff3, 0 1px 2px #0e094814, 0 0 4px #0e09480a;
}

.landing-page-core-features-shape-five {
  opacity: .5;
  filter: blur(100px);
  background-color: #c345c6;
  width: 170px;
  height: 170px;
  position: absolute;
  bottom: -45px;
  right: 100px;
}

.landing-page-request-figma-link {
  color: #4b5565;
  text-decoration: none;
  transition: color .3s;
}

.landing-page-request-figma-link:hover {
  color: #030207;
}

.landing-page-template-name {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#ffffff26 10.77%, #9990);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 250px;
  font-weight: 500;
  line-height: 1.3;
}

.landing-page-promotional-video-banner-wrapper {
  z-index: 3;
  justify-content: flex-start;
  align-items: center;
  width: 115%;
  max-height: 108px;
  margin: auto -6.5%;
  padding-top: 24px;
  padding-bottom: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transform: rotate(16deg);
}

.landing-page-promotional-video-banner-wrapper.landing-page-gradient {
  transform: rotate(16deg);
}

.landing-page-cta-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.landing-page-request-figma-shape-four {
  opacity: .5;
  filter: blur(150px);
  background-color: #ffd50d8c;
  border-radius: 50%;
  width: 450px;
  height: 450px;
  position: absolute;
  bottom: -200px;
  left: -80px;
}

.landing-page-hero-image-wrapper {
  z-index: 4;
  position: relative;
}

.landing-page-promotional-video-marquee-container {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-nav-container {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-request-figma-file-upper-block {
  padding-bottom: 230px;
  overflow: hidden;
}

.landing-page-cta-wrapper {
  z-index: 10;
  background-color: #5542f6;
  background-image: url("https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66c41b1c4692b0029d89880c_cta-bg-shape.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 16px;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 40px;
  position: relative;
  overflow: hidden;
}

.landing-page-request-figma-file-side-image {
  border: 1px solid #9aa4b2;
  border-radius: 4px;
  position: absolute;
  box-shadow: 0 36px 60px #222f4726;
}

.landing-page-request-figma-file-side-image.right {
  top: 140px;
  right: -20px;
}

.landing-page-request-figma-file-side-image.left-image {
  top: 140px;
  left: -20px;
}

.landing-page-footer-content-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-core-features-shape-three {
  opacity: .5;
  filter: blur(100px);
  background-color: #09bd1b;
  width: 120px;
  height: 120px;
  position: absolute;
  bottom: -30px;
  left: 260px;
}

.landing-page-template-feature-variation-shape {
  opacity: .2;
  filter: blur(30px);
  border-radius: 50%;
  width: 144px;
  height: 144px;
  position: absolute;
}

.landing-page-template-feature-variation-shape.footer-styles {
  background-color: #ff8f76;
  top: 105px;
  left: 45px;
}

.landing-page-template-feature-variation-shape.header-styles {
  background-color: #7b55ff;
  top: 85px;
  right: 14px;
}

.landing-page-template-feature-variation-shape.blog-style {
  background-color: #ffb223;
  top: 95px;
  right: 45px;
}

.landing-page-template-feature-variation-shape.responsive-device {
  background-color: #6fc519;
  top: 100px;
  left: -22px;
}

.landing-page-cta-list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-page-nav-menu-wrapper {
  background-color: #0000;
  padding-top: 24px;
  padding-bottom: 24px;
}

.landing-page-template-showcase-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -20px;
  display: flex;
}

.landing-page-template-feature-text {
  color: #0d121c;
  text-align: center;
  font-size: 24px;
  line-height: 1.2;
}

.link-separartor {
  background-color: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.landing-page-promotional-video-play-icon {
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  display: flex;
}

.landing-page-hero-padding-top {
  padding-top: 220px;
}

.landing-page-padding-top-120px {
  padding-top: 100px;
}

.landing-page-padding-bottom-120px {
  padding-bottom: 100px;
}

.landing-page-gradient {
  background-color: var(--color--primary-color);
}

.footer-contact-location {
  opacity: .7;
  color: #dcdcdc;
  max-width: 250px;
  font-size: 20px;
  line-height: 1.4;
}

.features-collection-item-content-blocks-v3 {
  max-width: 400px;
}

.about-banner-banner-image {
  max-width: 360px;
  margin-left: auto;
  margin-right: 0;
  position: absolute;
  inset: auto 25px 30px 0;
}

.success-message {
  background-color: #ddd0;
}

.error-message {
  color: red;
  background-color: #ffdede00;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 64px;
  }

  h2 {
    font-size: 42px;
  }

  h3 {
    font-size: 34px;
  }

  .section-gap-y-axis-140px {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .padding-top-140px {
    padding-top: 110px;
  }

  .padding-bottom-140px {
    padding-bottom: 110px;
  }

  .header-section {
    padding-top: 60px;
  }

  .container {
    max-width: 1200px;
  }

  .hero-section-v1 {
    padding-top: 210px;
    padding-bottom: 130px;
  }

  .hero-wrapper-v1 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .hero-v1-header-block {
    padding-bottom: 30px;
  }

  .hero-v1-title {
    max-width: 450px;
  }

  .title-highlight-span {
    background-position: 50% 83%;
  }

  .title-highlight-span.blog {
    background-size: 100%;
  }

  .hero-v1-excerpt {
    max-width: 500px;
  }

  .margin-top-54px {
    margin-top: 44px;
  }

  .button-wrapper.dispaly-flex.gap32px {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .hero-v1-banner-block {
    width: 520px;
    height: 500px;
    padding-top: 42px;
    padding-left: 46px;
  }

  .hero-v1-banner-growth-chart {
    max-width: 520px;
    right: -40px;
  }

  .hero-v1-banner-coutomer-chart {
    max-width: 350px;
    bottom: -24px;
    left: -30px;
  }

  .hero-v1-banner-comparison-chart {
    max-width: 160px;
    bottom: -60px;
    right: 16px;
  }

  .primary-button-block {
    padding: 15px 28px;
  }

  .primary-button-block.small-size {
    padding: 12px 24px;
  }

  .primary-button-block.small-size.margin-top-35px {
    margin-top: 35px;
  }

  .primary-button-block.intregration-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .outline-button-block {
    padding-left: 28px;
    padding-right: 28px;
  }

  .outline-button-block.navbar-button {
    padding-left: 24px;
    padding-right: 24px;
  }

  .margin-top-24px {
    margin-top: 24px;
  }

  .nav-dropdown-list.all-pages {
    left: -180px;
  }

  .nav-dropdown-list.home-page {
    left: -30px;
  }

  .nav-dropdown-wrapper {
    width: 180px;
  }

  .nav-menu {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .nav-menu-list-wrapper, .header-navbar-wrapper {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .left-block-shape, .right-block-shape {
    max-width: 600px;
    max-height: 700px;
  }

  .hero-section-graident-bg-shape-left {
    width: 680px;
    height: 480px;
    top: 100px;
    left: -300px;
  }

  .hero-section-graident-bg-shape-right {
    width: 800px;
    height: 650px;
    right: -400px;
  }

  .footer-link-list-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .footer-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 300px 135px 190px 360px;
  }

  .newsletter-form {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .newsletter-input-field {
    min-width: 297px;
  }

  .footer-title {
    font-size: 28px;
  }

  .breadcrumb-wrapper {
    padding-top: 210px;
    padding-bottom: 80px;
  }

  .breadcrumb-title.style-guide, .breadcrumb-title.changelog {
    max-width: 600px;
  }

  .breadcrumb-title.blog {
    max-width: 950px;
  }

  .breadcrumb-title.team-breadcrumb {
    max-width: 800px;
  }

  .breadcrumb-title.features {
    max-width: 900px;
  }

  .breadcrumb-title.integration, .breadcrumb-title.contact {
    max-width: 800px;
  }

  .color-block {
    min-height: 150px;
  }

  .style-guide-color-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .style-guide-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .license-details {
    font-size: 18px;
  }

  .features-section.position-relative.padding-top-100px {
    padding-top: 80px;
  }

  .section-title-block.margin-bottom-115px {
    margin-bottom: 115px;
  }

  .section-title.text-center.features {
    max-width: 650px;
  }

  .section-title.text-center.our-values {
    max-width: 600px;
  }

  .section-title.about-us {
    max-width: 557px;
  }

  .section-title.blog {
    max-width: 660px;
  }

  .section-title.what-we-do {
    width: auto;
    max-width: 550px;
  }

  .section-title.our-mission {
    max-width: 480px;
  }

  .section-title.our-vission {
    max-width: 450px;
  }

  .section-title.team {
    max-width: 600px;
  }

  .featured-featured-block {
    padding: 40px 70px 85px;
  }

  .featured-featured-block.margin-bottom-40px {
    padding-bottom: 60px;
  }

  .features-collection-item-content-block-v1 {
    max-width: 485px;
  }

  .features-banner-image-v1 {
    max-width: 100%;
  }

  .features-banner-chart-v1 {
    max-width: 264px;
    bottom: -50px;
    left: -160px;
  }

  .feartures-item-block {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .features-banner-block-v2 {
    margin-top: 44px;
    margin-bottom: 50px;
  }

  .features-banner-image-v2 {
    max-width: 100%;
  }

  .features-banner-chart-v2 {
    max-width: 190px;
    left: -442px;
  }

  .features-banner-block-v3 {
    margin-top: 44px;
    margin-bottom: 87px;
  }

  .features-banner-image-v3 {
    max-width: 100%;
  }

  .features-banner-chart-v3 {
    right: -80px;
  }

  .cta-wrapper {
    padding: 60px 70px 70px 60px;
  }

  .cta-title {
    max-width: 600px;
    font-size: 42px;
  }

  .cta-excerpt {
    margin-top: 16px;
  }

  .cta-banner-image {
    max-width: 100%;
    margin-right: 60px;
  }

  .cta-bg-card {
    top: -35px;
  }

  .cta-center-blur-bg {
    width: 160px;
    height: 160px;
    left: 100px;
  }

  .about-section-graident-bg-shape-left {
    width: 750px;
    height: 500px;
    top: 100px;
    left: -350px;
  }

  .about-section-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    top: -390px;
    right: -390px;
  }

  .funfact-block-wrapper {
    padding-bottom: 60px;
  }

  .fun-fact-number-wrapper {
    height: 44px;
  }

  .fun-fact-number, .fun-fact-heading-text {
    font-size: 44px;
  }

  .about-us-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 70px;
  }

  .section-title-highlight-span {
    background-position: 50% 83%;
  }

  .about-us-excerpt {
    max-width: 600px;
  }

  .about-us-list-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 36px;
  }

  .about-us-list-item {
    font-size: 20px;
  }

  .integration-item-logo-circle-block.circle-one {
    width: 480px;
    height: 480px;
  }

  .integration-item-logo-circle-block.circle-two {
    width: 290px;
    height: 290px;
  }

  .integration-item-logo-circle-block.circle-three {
    width: 180px;
    height: 180px;
  }

  .integration-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .integration-section-graident-bg-left {
    width: 680px;
    height: 550px;
    left: -340px;
  }

  .integration-section-graident-bg-right {
    width: 680px;
    height: 550px;
    bottom: -200px;
    right: -340px;
  }

  .integration-circle-bg {
    width: 220px;
    height: 220px;
  }

  .integration-brand-icon-block, .integration-brand-icon-block-two {
    border-radius: 33px;
    width: 65px;
    height: 65px;
  }

  .blog-section-graident-bg-shape-left {
    width: 750px;
    height: 500px;
    left: -450px;
  }

  .blog-section-graident-bg-shape-left.top {
    top: 450px;
  }

  .blog-section-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    right: -360px;
  }

  .blog-section-graident-bg-shape-right.bottom {
    bottom: 500px;
  }

  .blog-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .blog-title-link {
    max-width: 520px;
    margin-top: 24px;
  }

  .horizontal-divider-blog-item {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .cta-section-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    right: -390px;
  }

  .cta-section-graident-bg-shape-left {
    width: 750px;
    height: 500px;
    left: -350px;
  }

  .pricing-section-graident-bg-left {
    width: 680px;
    height: 550px;
    left: -340px;
  }

  .pricing-section-graident-bg-right {
    width: 680px;
    height: 550px;
    right: -340px;
  }

  .pricing-tabs-menu, .pricing-tabs-content {
    width: 570px;
  }

  .pricing-tab-link-wrap {
    padding: 38px 30px 37px;
    text-decoration: none;
  }

  .pricing-tab-link-wrap.w--current {
    background-color: var(--color--primary-color);
  }

  .pricing-link-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pricing-link-excerpt {
    color: #6b6b6b;
    max-width: 328px;
  }

  .prize-rate {
    font-size: 44px;
  }

  .tab-pane-wrapper {
    padding: 55px;
  }

  .tab-content-hz-divider-line {
    margin-top: 34px;
    margin-bottom: 34px;
  }

  .pricing-table-tab-content-list-item {
    padding-left: 40px;
    font-size: 28px;
  }

  .hero-wrapper-v2 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .hero-section-v2 {
    padding-top: 210px;
    padding-bottom: 130px;
  }

  .herov2-section-graident-bg-shape-leff {
    width: 680px;
    height: 520px;
    top: 80px;
    left: -280px;
  }

  .herov2-section-graident-bg-shape-right {
    width: 700px;
    height: 500px;
    top: 300px;
    right: -380px;
  }

  .hero-v2-title {
    max-width: 800px;
  }

  .hero-v2-excerpt {
    max-width: 750px;
  }

  .aboutv2-graident-bg-shape-left {
    width: 750px;
    height: 500px;
    left: -350px;
  }

  .aboutv2-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    right: -390px;
  }

  .about-v2-banner-overly-image {
    max-width: 490px;
    bottom: -41px;
  }

  .funfact-v2-block-wrapper {
    margin-top: 54px;
  }

  .about-us-v2-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .features-image-v1 {
    max-width: none;
  }

  .features-chart-v1 {
    max-width: 240px;
    bottom: 43px;
    left: -43px;
  }

  .features-image-v2 {
    top: 36px;
    right: -110px;
  }

  .features-chart-v2 {
    max-width: 250px;
    top: 81px;
  }

  .features-chart-v3 {
    bottom: 54px;
    right: 43px;
  }

  .features-banner-block-homev3 {
    width: 480px;
    height: 420px;
    padding: 43px 43px 87px;
  }

  .feature-section-graident-bg-shape-left {
    width: 750px;
    height: 500px;
    bottom: 100px;
    left: -450px;
  }

  .feature-section-graident-bg-shape-left.top {
    top: 450px;
  }

  .features-section-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    top: 80px;
    right: -360px;
  }

  .features-section-graident-bg-shape-right.bottom-bg.homve-v1 {
    bottom: -100px;
  }

  .features-section-graident-bg-shape-right.top-gap-64px {
    top: 64px;
  }

  .all-features-wrapper {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .team-graident-bg-shape-leff {
    width: 750px;
    height: 500px;
    top: 100px;
    left: -350px;
  }

  .team-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    bottom: 100px;
    right: -390px;
  }

  .team-member-wrap {
    width: 365px;
    height: 410px;
  }

  .what-we-do-banner-block {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .what-we-do-bg-shape-left {
    width: 700px;
    height: 500px;
    left: -350px;
  }

  .what-we-do-bg-shape-right {
    width: 700px;
    height: 500px;
    right: -380px;
  }

  .what-we-do-wrapper {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    justify-content: flex-start;
    align-items: center;
  }

  .what-we-do-excerpt {
    max-width: 510px;
  }

  .our-goal-list-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .our-goal-list-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .what-we-do-banner-wrap.gap-35px {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .what-we-do-banner-one {
    max-width: 300px;
  }

  .what-we-do-banner-two {
    max-width: 240px;
  }

  .what-we-do-banner-three {
    max-width: 565px;
  }

  .what-we-do-check-mark-block {
    width: 107px;
    height: 107px;
    top: -43px;
  }

  .what-we-do-center-bg-shaddow {
    width: 340px;
    height: 340px;
  }

  .our-value-bg-shape-left {
    width: 700px;
    height: 500px;
    left: -350px;
  }

  .our-value-bg-shape-left.about {
    left: -35%;
  }

  .our-value-bg-shape-right {
    width: 700px;
    height: 500px;
    right: -380px;
  }

  .our-values-item-block-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 50px 40px;
  }

  .our-values-item-title {
    font-size: 28px;
  }

  .our-values-veritucal-border {
    height: 125px;
  }

  .our-mission-list-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .our-mission-list-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .our-mission-banner-block {
    width: 500px;
    height: 490px;
  }

  .our-mission-short-details {
    max-width: 557px;
  }

  .our-mission-banner-image {
    max-width: 480px;
    bottom: 40px;
    right: 60px;
  }

  .our-mission-banner-chart1, .our-mission-banner-chart2, .our-mission-banner-chart3 {
    max-width: 120px;
  }

  .our-mission-banner-chart-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .our-vision-banner-block {
    width: 520px;
    height: 500px;
  }

  .our-vision-short-details {
    max-width: 450px;
  }

  .our-vision-list-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .our-vission-list-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .our-vission-excerpt {
    max-width: 450px;
  }

  .our-vission-banner-image {
    max-width: 480px;
    bottom: 40px;
    right: 60px;
  }

  .our-vission-banner-chart1 {
    max-width: 290px;
  }

  .our-vission-banner-chart2 {
    max-width: 280px;
    top: 150px;
  }

  .faq-bg-shape-left {
    width: 700px;
    height: 500px;
    top: -140px;
    left: -350px;
  }

  .faq-bg-shape-right {
    width: 700px;
    height: 500px;
    bottom: 100px;
    right: -380px;
  }

  .faq-title {
    font-size: 28px;
  }

  .accrodion-dropdown {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .accordion-dropdown-text {
    max-width: 1000px;
    margin-top: 15px;
  }

  .all-integration-section {
    padding-top: 90px;
  }

  .integration-section-gradient-bg-shape-left {
    width: 750px;
    height: 500px;
    bottom: 100px;
    left: -450px;
  }

  .integration-section-gradient-bg-shape-right {
    width: 750px;
    height: 500px;
    top: 80px;
    right: -360px;
  }

  .integration-collection-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .integration-item-block {
    padding-bottom: 36px;
    padding-left: 27px;
    padding-right: 27px;
  }

  .integrations-section-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    top: 80px;
    right: -360px;
  }

  .integration-item-header-block {
    padding: 22px 24px;
  }

  .integration-header-info-wrap {
    padding-left: 20px;
  }

  .integration-name {
    font-size: 28px;
  }

  .compare-pricing-plan-column-block {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .compare-pricing-plan-column-block.button-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .pricing-plan-header {
    flex: none;
  }

  .pricing-plan-price-text {
    font-size: 32px;
  }

  .compare-plan-table-title {
    font-size: 36px;
  }

  .compare-pricing-plan-table {
    overflow: visible;
  }

  .plan-name-block {
    margin-bottom: 14px;
  }

  .compare-pricing-plan-row.heigh-150px {
    height: 150px;
  }

  .compare-pricing-plan-header {
    padding-top: 36px;
    padding-bottom: 36px;
    padding-right: 30px;
  }

  .pricing-tab-link {
    text-decoration: none;
  }

  .pricing-plan-button-link {
    padding: 17px 28px;
  }

  .pricie-section-gradient-bg-shape-left {
    width: 750px;
    height: 500px;
    bottom: 100px;
    left: -450px;
  }

  .pricie-gradient-bg-shape-right {
    width: 750px;
    height: 500px;
    top: 80px;
    right: -360px;
  }

  .contact-section-gradient-bg-shape-left {
    width: 750px;
    height: 500px;
    top: 200px;
    left: -450px;
  }

  .contact-section-gradient-bg-shape-right {
    width: 750px;
    height: 500px;
    top: 80px;
    right: -360px;
  }

  .contact-section-gradient-bg-shape-right.top {
    top: -90px;
  }

  .input-field-level {
    font-size: 20px;
  }

  .contact-form-block {
    padding: 45px;
  }

  .input-text-area {
    min-height: 180px;
  }

  .contact-form-detail-wrap {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
  }

  .contact-form-wrapper {
    justify-content: space-between;
  }

  .input-field {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .contact-form-information-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 40px 30px;
  }

  .submit-button {
    font-size: 24px;
  }

  .contact-info-card-block {
    justify-content: flex-start;
    align-items: center;
  }

  .contact-information-title {
    font-size: 28px;
  }

  .contact-map-wrapper {
    height: 335px;
  }

  .details-section-graident-bg-shape-left-top {
    width: 750px;
    height: 500px;
    top: 360px;
    left: -450px;
  }

  .details-section-graident-bg-shape-left-top.blog-details {
    top: 371px;
  }

  .details-section-graident-bg-shape-right {
    width: 750px;
    height: 500px;
    top: 80px;
    right: -360px;
  }

  .details-section-graident-bg-shape-right.blog-details-top {
    top: -100px;
  }

  .details-section-graident-bg-right {
    width: 750px;
    height: 500px;
    top: 80px;
    right: -360px;
  }

  .details-section-graident-bg-right.team-details-bottom-right {
    bottom: 450px;
  }

  .details-section-graident-bg-right.blog-details-right-bottom {
    bottom: 280px;
  }

  .details-section-graident-bg-shape-left-bottom {
    width: 750px;
    height: 500px;
    left: -450px;
  }

  .team-detail-name {
    margin-bottom: 12px;
    font-size: 36px;
  }

  .social-link-block {
    display: flex;
  }

  .team-experience-logo {
    width: auto;
    height: auto;
  }

  .team-experience-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    margin-top: 24px;
  }

  .team-detail-span {
    margin-bottom: 12px;
    font-size: 24px;
  }

  .team-info-detail ul {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .team-info-detail li {
    font-size: 20px;
  }

  .team-info-detail strong {
    min-width: 160px;
    font-size: 20px;
  }

  .primary-team-detail-wrapper {
    grid-template-columns: .75fr 1fr;
  }

  .primary-team-detail-wrapper.gap-bottom {
    grid-column-gap: 62px;
    grid-row-gap: 62px;
    margin-bottom: 50px;
  }

  .team-skill-title {
    font-size: 20px;
  }

  .secondary-team-detail-wrapper {
    margin-top: 50px;
  }

  .team-skill-wrapper {
    margin-top: 28px;
  }

  .team-detail-summary {
    max-width: 100%;
  }

  .team-details-image-wrap {
    max-width: 480px;
    max-height: 530px;
  }

  .blog-post-rich-text-block h2 {
    margin-top: 50px;
  }

  .blog-post-rich-text-block blockquote {
    margin-top: 50px;
    padding-left: 65px;
    padding-right: 65px;
    font-size: 36px;
  }

  .blog-post-rich-text-block ul {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    margin-top: 32px;
  }

  .blog-post-rich-text-block li {
    font-size: 20px;
  }

  .blog-post-rich-text-block figure {
    margin-top: 50px;
  }

  .blog-author-card-block {
    max-width: 1001px;
    margin-top: 50px;
    padding: 32px;
  }

  .blog-author-personal-info-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .blog-author-bio-data-block {
    max-width: 640px;
  }

  .blog-author-name-link {
    font-size: 24px;
  }

  .blog-info-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .team-contact-form-wrapper {
    margin-top: 120px;
  }

  .team-form-section-title {
    font-size: 40px;
  }

  .contact-form-input-field::placeholder {
    font-size: 18px;
  }

  .features-details-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .service-sidebar-title {
    font-size: 36px;
  }

  .features-categories-block {
    width: 410px;
  }

  .feature-name-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .feature-name-link-block {
    padding: 14px 20px;
  }

  .feature-rich-text-block-part-one h2 {
    margin-top: 50px;
  }

  .feature-rich-text-block-part-one blockquote {
    margin-top: 50px;
    padding-left: 65px;
    padding-right: 65px;
    font-size: 36px;
  }

  .feature-rich-text-block-part-one ul {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    margin-top: 32px;
  }

  .feature-rich-text-block-part-one li {
    font-size: 20px;
  }

  .feature-rich-text-block-part-one figure {
    margin-top: 50px;
  }

  .feature-rich-text-block-part-one h3 {
    margin-top: 40px;
  }

  .feature-rich-text-block-part-one p {
    margin-top: 28px;
  }

  .feature-rich-text-block-part-two h2 {
    margin-top: 50px;
  }

  .feature-rich-text-block-part-two blockquote {
    margin-top: 50px;
    padding-left: 65px;
    padding-right: 65px;
    font-size: 36px;
  }

  .feature-rich-text-block-part-two ul {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    margin-top: 32px;
  }

  .feature-rich-text-block-part-two li {
    font-size: 20px;
  }

  .feature-rich-text-block-part-two figure {
    margin-top: 50px;
  }

  .feature-rich-text-block-part-two h3 {
    margin-top: 40px;
  }

  .feature-rich-text-block-part-two p {
    margin-top: 28px;
  }

  .feature-grid-banner-block {
    margin-top: 40px;
  }

  .integration-rich-text-block h2 {
    margin-top: 50px;
  }

  .integration-rich-text-block blockquote {
    margin-top: 50px;
    font-size: 28px;
  }

  .integration-rich-text-block ul {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    margin-top: 32px;
  }

  .integration-rich-text-block li {
    font-size: 20px;
  }

  .integration-rich-text-block figure {
    margin-top: 50px;
  }

  .integration-rich-text-block h3 {
    margin-top: 40px;
  }

  .integration-rich-text-block p {
    margin-top: 28px;
  }

  .features-banner-block-homev1, .features-block-banner-home-v2 {
    width: 480px;
    height: 420px;
    padding: 43px 43px 87px;
  }

  ._401-banner-image {
    max-width: 480px;
  }

  .utility-info-wrap {
    width: 550px;
  }

  .landing-page-nav-menu-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .landing-page-promotional-video-marquee-text {
    font-size: 60px;
  }

  .landing-page-container-default {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-page-template-features-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .landing-page-hero-image-element {
    width: 30%;
    bottom: 50px;
  }

  .landing-page-template-feature-variation-image-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .landing-page-footer-title {
    font-size: 60px;
  }

  .landing-page-template-showcase-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .landing-page-template-feature-item {
    max-width: 195px;
  }

  .landing-page-core-feature-card {
    padding: 60px 40px;
  }

  .landing-page-template-showcase-page-name {
    transition: color .3s;
  }

  .landing-page-template-feature-variation-item {
    padding: 45px 45px 30px;
  }

  .landing-page-cta-marquee {
    max-width: 550px;
    right: -40px;
  }

  .landing-page-hero-title {
    font-size: 60px;
  }

  .landing-page-template-name {
    font-size: 300px;
  }

  .landing-page-promotional-video-banner-wrapper.landing-page-gradient {
    max-height: 120px;
  }

  .landing-page-cta-wrapper {
    padding-left: 80px;
  }

  .landing-page-request-figma-file-side-image.right {
    right: -75px;
  }

  .landing-page-request-figma-file-side-image.left-image {
    left: -75px;
  }

  .landing-page-padding-top-120px {
    padding-top: 120px;
  }

  .landing-page-padding-bottom-120px {
    padding-bottom: 120px;
  }

  .features-collection-item-content-blocks-v3 {
    max-width: 500px;
  }

  .about-banner-banner-image {
    max-width: none;
    bottom: 37px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 76px;
  }

  h2 {
    font-size: 44px;
  }

  h3 {
    font-size: 36px;
  }

  .section-gap-y-axis-140px {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .padding-top-140px {
    padding-top: 130px;
  }

  .padding-bottom-140px {
    padding-bottom: 130px;
  }

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

  .margin-bottom-40px {
    margin-bottom: 40px;
  }

  .margin-top-32px {
    margin-top: 32px;
  }

  .margin-top-28px {
    margin-top: 28px;
  }

  .container {
    max-width: 1320px;
  }

  .hero-section-v1 {
    padding-top: 238px;
  }

  .hero-wrapper-v1 {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
  }

  .hero-v1-header-block {
    padding-bottom: 42px;
  }

  .hero-v1-title {
    max-width: 550px;
  }

  .hero-v1-excerpt {
    max-width: 525px;
  }

  .margin-top-54px {
    margin-top: 54px;
  }

  .button-wrapper.dispaly-flex.align-item-center.margin-top-80px {
    margin-top: 80px;
  }

  .hero-v1-banner-block {
    width: 599px;
    height: 550px;
  }

  .hero-v1-banner-growth-chart {
    max-width: 636px;
    height: 373px;
    right: -82px;
  }

  .hero-v1-banner-coutomer-chart {
    max-width: 100%;
    left: -40px;
  }

  .hero-v1-banner-comparison-chart {
    max-width: 100%;
    bottom: -79px;
  }

  .primary-button-block {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .nav-dropdown-wrapper {
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-dropdown-wrapper-flex {
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-menu {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .nav-menu-list-wrapper {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
  }

  .menu-link {
    font-size: 20px;
  }

  .header-navbar-wrapper {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
  }

  .nav-dropdown-menu-text {
    font-size: 20px;
  }

  .left-block-shape, .right-block-shape {
    max-width: none;
    max-height: none;
  }

  .hero-section-graident-bg-shape-left {
    width: 797px;
    height: 570px;
    left: -398px;
  }

  .hero-section-graident-bg-shape-right {
    width: 1002px;
    height: 743px;
    right: -501px;
  }

  .footer-link-list-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .footer-content {
    grid-template-columns: 300px 140px 200px 360px;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-copyright-center {
    font-size: 20px;
  }

  .subscribe-button {
    font-size: 17px;
  }

  .footer-subscribe-block.w--current {
    margin-bottom: 20px;
  }

  .footer-newsletter-wrap {
    padding-bottom: 40px;
  }

  .footer-block-wrapper {
    padding-top: 100px;
  }

  .footer-title {
    font-size: 28px;
  }

  .breadcrumb-wrapper {
    padding-bottom: 100px;
  }

  .breadcrumb-title.style-guide, .breadcrumb-title.changelog {
    max-width: 700px;
  }

  .breadcrumb-title.blog {
    max-width: 1150px;
  }

  .breadcrumb-title.team-breadcrumb {
    max-width: 950px;
  }

  .breadcrumb-title.features {
    max-width: 1100px;
  }

  .breadcrumb-title.integration, .breadcrumb-title.contact {
    max-width: 900px;
  }

  .style-guide-color-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .style-guide-grid {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .licenses-details {
    max-width: 740px;
    font-size: 20px;
  }

  .licenses-title {
    font-size: 30px;
  }

  .content-title {
    font-size: 24px;
  }

  .initial-released-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .changlelog-content-sub-title {
    padding-top: 20px;
  }

  .features-section.position-relative.padding-top-100px {
    padding-top: 100px;
  }

  .section-title.text-center.our-values {
    max-width: 630px;
  }

  .section-title.what-we-do {
    max-width: 575px;
  }

  .featured-featured-block {
    padding: 48px 78px 96px;
  }

  .featured-featured-block.margin-bottom-40px {
    padding-bottom: 96px;
  }

  .features-banner-image-v1 {
    width: 311px;
  }

  .features-banner-chart-v1 {
    bottom: -80px;
    left: -200px;
  }

  .feartures-item-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .features-banner-chart-v2 {
    left: -82px;
  }

  .features-banner-chart-v3 {
    max-width: 100%;
    right: -111px;
  }

  .cta-wrapper {
    padding: 70px 80px 82px 70px;
  }

  .cta-title {
    font-size: 44px;
  }

  .cta-banner-image {
    margin-right: 76px;
  }

  .cta-banner-expenses-image {
    right: 40px;
  }

  .cta-center-blur-bg {
    width: 181px;
    height: 181px;
    left: 180px;
  }

  .about-section-graident-bg-shape-left {
    width: 848px;
    height: 628px;
    left: -442px;
  }

  .about-section-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    top: -481px;
    right: -424px;
  }

  .funfact-block-wrapper {
    padding-bottom: 70px;
  }

  .funfact-block-wrapper.our-value-block {
    margin-top: 70px;
    padding-top: 70px;
  }

  .about-us-wrapper {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
  }

  .about-us-excerpt {
    max-width: 660px;
  }

  .integration-item-logo-circle-wrap {
    width: 640px;
    height: 638px;
  }

  .integration-content-block.max-width-563px {
    max-width: 563px;
  }

  .integration-section {
    overflow: hidden;
  }

  .integration-item-logo-circle-block.circle-one {
    width: 526px;
    height: 526px;
  }

  .integration-item-logo-circle-block.circle-two {
    width: 367px;
    height: 368px;
  }

  .integration-item-logo-circle-block.circle-three {
    width: 216px;
    height: 216px;
  }

  .integration-wrapper {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .integration-section-graident-bg-left {
    width: 848px;
    height: 628px;
    left: -424px;
  }

  .integration-section-graident-bg-right {
    width: 848px;
    height: 628px;
  }

  .integration-circle-bg {
    width: 251px;
    height: 251px;
  }

  .integration-brand-icon-block.one {
    top: 0;
    left: 100px;
  }

  .integration-brand-icon-block.three {
    bottom: 55px;
    left: 40px;
  }

  .integration-brand-icon-block.four {
    bottom: 70px;
    right: 25px;
  }

  .integration-brand-icon-block.five {
    right: 25px;
  }

  .blog-section-graident-bg-shape-left {
    width: 848px;
    height: 628px;
    left: -552px;
  }

  .blog-section-graident-bg-shape-left.top {
    top: 526px;
  }

  .blog-section-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .blog-section-graident-bg-shape-right.bottom {
    bottom: 590px;
  }

  .cta-section-graident-bg-shape-right {
    width: 848px;
    right: -424px;
  }

  .cta-section-graident-bg-shape-left {
    width: 848px;
    height: 500px;
    left: -442px;
  }

  .pricing-section-graident-bg-left {
    width: 848px;
    height: 628px;
    left: -424px;
  }

  .pricing-section-graident-bg-right {
    width: 848px;
    height: 628px;
    right: -424px;
  }

  .pricing-tabs-menu, .pricing-tabs-content {
    width: 630px;
  }

  .hero-section-v2 {
    padding-top: 238px;
  }

  .herov2-section-graident-bg-shape-leff {
    width: 848px;
    height: 628px;
    top: 105px;
    left: -383px;
  }

  .herov2-section-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 418px;
    right: -424px;
  }

  .hero-v2-title {
    max-width: 900px;
  }

  .hero-v2-excerpt {
    max-width: 825px;
  }

  .aboutv2-graident-bg-shape-left {
    width: 848px;
    height: 628px;
    left: -442px;
  }

  .aboutv2-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    right: -424px;
  }

  .about-v2-banner-overly-image {
    max-width: 524px;
  }

  .about-us-v2-wrapper {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
  }

  .features-chart-v1 {
    max-width: none;
  }

  .features-image-v2 {
    top: 43px;
    right: -133px;
  }

  .features-image-v3 {
    width: 100%;
    min-width: 428px;
  }

  .feature-section-graident-bg-shape-left {
    width: 848px;
    height: 628px;
    bottom: 120px;
    left: -552px;
  }

  .feature-section-graident-bg-shape-left.top {
    top: 526px;
  }

  .feature-section-graident-bg-shape-left.features-details-bottom {
    bottom: 60px;
  }

  .feature-section-graident-bg-shape-left.home-v1 {
    margin-top: 140px;
  }

  .features-section-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .features-section-graident-bg-shape-right.bottom-bg.homve-v1 {
    bottom: -120px;
  }

  .all-features-wrapper {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .team-graident-bg-shape-leff {
    width: 848px;
    height: 628px;
    left: -442px;
  }

  .team-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    right: -424px;
  }

  .team-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .team-member-wrap {
    width: 410px;
    height: 465px;
  }

  .what-we-do-banner-block {
    grid-column-gap: 37px;
    grid-row-gap: 37px;
  }

  .what-we-do-bg-shape-left {
    width: 848px;
    height: 628px;
    left: -424px;
  }

  .what-we-do-bg-shape-right {
    width: 848px;
    height: 628px;
    right: -424px;
  }

  .what-we-do-wrapper {
    grid-column-gap: 68px;
    grid-row-gap: 68px;
  }

  .what-we-do-excerpt {
    max-width: 557px;
  }

  .what-we-do-banner-wrap.gap-35px {
    grid-column-gap: 37px;
    grid-row-gap: 37px;
  }

  .what-we-do-banner-one, .what-we-do-banner-two {
    max-width: 100%;
  }

  .what-we-do-banner-three {
    max-width: none;
  }

  .what-we-do-center-bg-shaddow {
    width: 386px;
    height: 386px;
  }

  .our-value-bg-shape-left {
    width: 848px;
    height: 628px;
    left: -424px;
  }

  .our-value-bg-shape-right {
    width: 848px;
    height: 628px;
    right: -424px;
  }

  .our-values-item-block-wrapper {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    padding: 60px 55px;
  }

  .all-team-collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .our-mission-banner-block {
    width: 538px;
    height: 509px;
  }

  .our-mission-short-details {
    max-width: 557px;
  }

  .our-mission-banner-image {
    max-width: 100%;
    bottom: 53px;
    right: 83px;
  }

  .our-mission-banner-chart1, .our-mission-banner-chart2, .our-mission-banner-chart3 {
    max-width: 128px;
  }

  .our-vision-banner-block {
    width: 577px;
    height: 546px;
    padding: 72px 46px 46px;
  }

  .our-vision-short-details {
    max-width: 557px;
  }

  .our-vission-banner-image {
    max-width: 100%;
    bottom: 53px;
    right: 83px;
  }

  .our-vission-banner-chart1 {
    max-width: 100%;
    top: 47px;
    right: -73px;
  }

  .our-vission-banner-chart2 {
    max-width: 100%;
    top: 170px;
    right: -46px;
  }

  .faq-bg-shape-left {
    width: 848px;
    height: 628px;
    top: -195px;
    left: -424px;
  }

  .faq-bg-shape-right {
    width: 848px;
    height: 628px;
    bottom: 120px;
    right: -424px;
  }

  .accrodion-dropdown {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .faq-content-wrapper {
    padding-left: 48px;
    padding-right: 48px;
  }

  .accordion-dropdown-body {
    padding-right: 20px;
  }

  .accordion-dropdown-text {
    max-width: 1050px;
    margin-top: 24px;
  }

  .all-integration-section {
    padding-top: 100px;
  }

  .integration-section-gradient-bg-shape-left {
    width: 848px;
    height: 628px;
    bottom: 120px;
    left: -552px;
  }

  .integration-section-gradient-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .integration-item-block {
    padding: 102px 32px 40px;
  }

  .integrations-section-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .integrations-section-graident-bg-shape-right.bottom-bg {
    bottom: 80px;
  }

  .integration-item-header-block {
    padding-left: 41px;
    padding-right: 41px;
  }

  .compare-pricing-plan-column-block {
    padding: 32px 40px;
  }

  .pricing-plan-price-text {
    font-size: 36px;
  }

  .compare-pricing-plan-header {
    padding: 44px 40px 40px;
  }

  .pricie-section-gradient-bg-shape-left {
    width: 848px;
    height: 628px;
    bottom: 120px;
    left: -552px;
  }

  .pricie-gradient-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .contact-section-gradient-bg-shape-left {
    width: 848px;
    height: 628px;
    top: 250px;
    left: -552px;
  }

  .contact-section-gradient-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .contact-section-gradient-bg-shape-right.top {
    top: -115px;
  }

  .input-field-level {
    margin-bottom: 24px;
  }

  .contact-form-block {
    padding: 55px;
  }

  .input-text-area {
    min-height: 200px;
  }

  .contact-form-detail-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .contact-form-wrapper {
    grid-template-columns: minmax(auto, 740px) 1fr;
  }

  .contact-form-information-block {
    padding-left: 40px;
    padding-right: 40px;
  }

  .submit-button {
    padding: 18px 52px;
  }

  .contact-information-title {
    font-size: 36px;
  }

  .contact-map-wrapper {
    height: 350px;
  }

  .details-section-graident-bg-shape-left-top {
    width: 848px;
    height: 628px;
    top: 440px;
    left: -552px;
  }

  .details-section-graident-bg-shape-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .details-section-graident-bg-shape-right.team-details-top-right {
    top: 63px;
  }

  .details-section-graident-bg-shape-right.blog-details-top {
    top: -115px;
  }

  .details-section-graident-bg-right {
    width: 848px;
    height: 628px;
    top: 111px;
    right: -424px;
  }

  .details-section-graident-bg-right.team-details-bottom-right {
    bottom: 524px;
  }

  .details-section-graident-bg-right.blog-details-right-bottom {
    bottom: 347px;
  }

  .details-section-graident-bg-shape-left-bottom {
    width: 848px;
    height: 628px;
    left: -552px;
  }

  .team-detail-name {
    font-size: 40px;
  }

  .team-detail-span {
    font-size: 24px;
  }

  .separator-div.gap-y-axis-26 {
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .team-info-detail ul {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .team-info-detail li {
    justify-content: flex-start;
    align-items: stretch;
  }

  .primary-team-detail-wrapper {
    grid-template-columns: .7fr 1fr;
  }

  .primary-team-detail-wrapper.gap-bottom {
    margin-bottom: 58px;
  }

  .team-skill-content h3 {
    margin-bottom: 20px;
  }

  .secondary-team-detail-wrapper {
    margin-top: 58px;
  }

  .team-experience-content h3 {
    margin-bottom: 20px;
  }

  .team-details-image-wrap {
    max-width: 524px;
    max-height: 552px;
  }

  .blog-post-rich-text-block h2, .blog-post-rich-text-block blockquote, .blog-post-rich-text-block figure {
    margin-top: 54px;
  }

  .blog-author-card-block {
    margin-top: 56px;
  }

  .team-contact-form-wrapper {
    margin-top: 140px;
    padding: 60px 60px 44px;
  }

  .input-label {
    font-size: 20px;
  }

  .features-details-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .features-categories-block {
    padding: 40px;
  }

  .feature-rich-text-block-part-one h2, .feature-rich-text-block-part-one blockquote, .feature-rich-text-block-part-one figure {
    margin-top: 54px;
  }

  .feature-rich-text-block-part-one h3 {
    margin-top: 48px;
  }

  .feature-rich-text-block-part-two h2, .feature-rich-text-block-part-two blockquote, .feature-rich-text-block-part-two figure {
    margin-top: 54px;
  }

  .feature-rich-text-block-part-two h3, .feature-grid-banner-block {
    margin-top: 48px;
  }

  .features-grid-banner-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .integration-rich-text-block h2, .integration-rich-text-block blockquote, .integration-rich-text-block figure {
    margin-top: 54px;
  }

  .integration-rich-text-block h3 {
    margin-top: 48px;
  }

  .utility-page-text {
    margin-top: 20px;
    font-size: 20px;
  }

  .utility-page-image {
    max-width: 600px;
  }

  ._401-banner-image {
    max-width: none;
  }

  .utility-info-wrap {
    width: 650px;
  }

  .landing-page-container-default.template-showcase {
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .landing-page-template-features-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .landing-page-container-fluid {
    padding-left: 80px;
    padding-right: 80px;
  }

  .landing-page-hero-image-element {
    bottom: 80px;
    left: 18%;
  }

  .landing-page-template-feature-item {
    max-width: 300px;
  }

  .landing-page-core-features-shape-two {
    right: -100px;
  }

  .landing-page-core-features-shape-one {
    left: -68px;
  }

  .landing-page-template-name {
    font-size: 350px;
  }

  .landing-page-nav-container {
    padding-left: 120px;
    padding-right: 120px;
  }

  .features-collection-item-content-blocks-v3 {
    max-width: 550px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-v1-title {
    line-height: 1.23;
  }

  .nav-menu {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .header-navbar-wrapper {
    grid-column-gap: 170px;
    grid-row-gap: 170px;
  }

  .footer-content {
    grid-column-gap: 78px;
    grid-row-gap: 78px;
    justify-content: space-between;
  }

  .newsletter-input-field {
    max-width: none;
  }

  .footer-newsletter-wrap {
    padding-bottom: 45px;
  }

  .footer-subscribe-excerpt {
    font-size: 20px;
  }

  .integration-brand-icon {
    flex: none;
  }

  .hero-v2-title {
    line-height: 1.23;
  }

  .team-detail-image {
    max-width: 524px;
  }

  .team-skill-title {
    font-size: 20px;
  }

  .landing-page-template-features-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .landing-page-container-fluid {
    padding-left: 100px;
    padding-right: 100px;
  }

  .landing-page-hero-image-element {
    width: auto;
    bottom: 100px;
    left: 20%;
  }

  .landing-page-core-features-shape-two {
    right: -220px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 26px;
  }

  .section-gap-y-axis-140px {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .padding-top-140px {
    padding-top: 70px;
  }

  .padding-bottom-140px {
    padding-bottom: 70px;
  }

  .margin-top-40px {
    margin-top: 26px;
  }

  .margin-bottom-40px {
    margin-bottom: 26px;
  }

  .margin-top-32px {
    margin-top: 20px;
  }

  .header-section {
    padding-top: 20px;
  }

  .container {
    max-width: 740px;
  }

  .hero-section-v1 {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .hero-wrapper-v1 {
    flex-flow: wrap;
  }

  .hero-wrapper-v1.z-index-1 {
    justify-content: center;
    align-items: stretch;
  }

  .hero-v1-title {
    max-width: none;
  }

  .hero-v1-excerpt {
    max-width: 550px;
  }

  .button-wrapper.dispaly-flex.gap32px {
    flex-flow: wrap;
  }

  .button-wrapper.dispaly-flex.align-item-center.margin-top-80px {
    margin-top: 50px;
  }

  .hero-v1-banner-block {
    width: 500px;
    height: 450px;
  }

  .hero-v1-banner-growth-chart {
    max-width: 480px;
  }

  .hero-v1-banner-coutomer-chart {
    max-width: 320px;
  }

  .hero-v1-banner-comparison-chart {
    max-width: 160px;
    bottom: -50px;
  }

  .primary-button-block {
    font-size: 22px;
  }

  .outline-button-block {
    font-size: 18px;
  }

  .nav-dropdown-list {
    position: relative;
    top: 10px;
  }

  .nav-dropdown-list.w--open {
    text-align: left;
  }

  .nav-dropdown-list.all-pages {
    border: 1px #238f5a;
    height: 100%;
    max-height: 350px;
    margin-top: 10px;
    margin-bottom: 10px;
    left: 0;
    overflow: auto;
  }

  .nav-dropdown-list.all-pages.w--open {
    border-style: solid;
    border-color: #0d1218;
  }

  .nav-dropdown-list.home-page {
    height: 100%;
    max-height: 150px;
    margin-bottom: 10px;
    left: 0;
    overflow: auto;
  }

  .nav-dropdown-wrapper {
    text-align: left;
    margin-top: 0;
    padding: 20px;
  }

  .menu-link-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .nav-dropdown-wrapper-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    border-style: none;
    border-width: 0;
    flex-direction: column;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .header-nav-block {
    padding-bottom: 16px;
  }

  .nav-menu-button-wrapper {
    margin-top: 10px;
  }

  .nav-menu-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mobile-menu-icon {
    font-size: 30px;
    transition: color .3s;
  }

  .menu-button {
    border: 1px solid var(--white);
    background-color: #fff0;
    border-radius: 4px;
    padding: 12px;
  }

  .menu-button.w--open {
    border: 1px solid var(--color--primary-color);
    background-color: var(--color--primary-color);
    color: #fff;
  }

  .mobile-logo-wrap {
    margin-bottom: 16px;
    display: inline-block;
  }

  .nav-dropdown-toggle {
    align-items: center;
  }

  .nav-dropdown-menu-text.margin-top-20px {
    margin-top: 20px;
  }

  .nav-menu-wrap {
    background-color: var(--color--primary-bg-color);
    flex: none;
    min-width: 300px;
    min-height: 100vh;
    max-height: 100vh;
    padding: 20px 20px 0;
    position: fixed;
    top: 0%;
    left: 0%;
    box-shadow: 0 4px 16px #0000001a;
  }

  .left-block-shape {
    max-width: 500px;
    max-height: 500px;
  }

  .left-block-shape.hero-section {
    max-width: 400px;
    max-height: 500px;
  }

  .right-block-shape {
    max-width: 400px;
    max-height: 500px;
    top: auto;
    bottom: 0;
  }

  .right-block-shape.hero-section {
    max-width: 400px;
    max-height: 500px;
  }

  .hero-section-graident-bg-shape-left {
    width: 400px;
    height: 300px;
  }

  .hero-section-graident-bg-shape-right {
    width: 400px;
    height: 300px;
    right: -200px;
  }

  .footer-link-list-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-content: flex-start;
    align-items: stretch;
  }

  .footer-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    padding-top: 30px;
    padding-bottom: 20px;
    display: grid;
  }

  .footer-block-wrapper {
    padding-top: 60px;
  }

  .newsletter-input-block {
    max-width: 400px;
  }

  .subscribe-image-block {
    flex: none;
  }

  .breadcrumb-wrapper {
    padding-top: 160px;
    padding-bottom: 50px;
  }

  .breadcrumb-subtitle {
    margin-bottom: 16px;
  }

  .breadcrumb-title.style-guide, .breadcrumb-title.changelog {
    max-width: 400px;
  }

  .breadcrumb-title.features {
    max-width: 600px;
  }

  .breadcrumb-title.contact {
    max-width: 500px;
  }

  .color-wrapper {
    grid-row-gap: 50px;
  }

  .style-guide-icon-wrapper {
    grid-row-gap: 50px;
    padding-top: 50px;
  }

  .style-guide-content-wrapper {
    grid-row-gap: 0px;
  }

  .style-guide-button-wrapper, .typography-wrapper {
    grid-row-gap: 50px;
    padding-top: 50px;
  }

  .style-guide-grid {
    grid-column-gap: 30px;
    grid-row-gap: 50px;
  }

  .licenses-wrapper {
    margin-top: 40px;
  }

  .features-section.position-relative.padding-top-100px {
    padding-top: 40px;
  }

  .section-title.text-center.features {
    max-width: 500px;
  }

  .section-title.what-we-do {
    width: auto;
  }

  .features-collection-item-block-v1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    place-items: center;
  }

  .features-collection-item-content-block-v1 {
    max-width: none;
  }

  .features-banner-image-v1 {
    max-width: 400px;
  }

  .features-banner-chart-v1 {
    max-width: 250px;
    left: -180px;
  }

  .features-item-wrapper {
    grid-template-columns: 1fr;
  }

  .features-collection-item-block-v2 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .features-banner-block-v2 {
    margin-right: auto;
  }

  .features-banner-image-v2 {
    max-width: none;
  }

  .features-banner-chart-v2 {
    max-width: none;
    bottom: -70px;
    left: -60px;
  }

  .features-banner-block-v3 {
    margin-left: auto;
    margin-right: auto;
  }

  .features-banner-image-v3, .features-banner-chart-v3 {
    max-width: none;
  }

  .cta-wrapper {
    padding-left: 20px;
    padding-right: 30px;
  }

  .cta-block {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: wrap;
  }

  .cta-banner-block {
    margin-left: auto;
    margin-right: auto;
  }

  .cta-excerpt {
    max-width: 550px;
  }

  .cta-banner-image {
    max-width: 100%;
  }

  .cta-bg-card {
    top: -40px;
    right: -50px;
  }

  .funfact-block-wrapper {
    flex-flow: wrap;
    padding-bottom: 40px;
  }

  .about-us-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    margin-top: 50px;
  }

  .about-us-banner-block {
    margin-left: auto;
    margin-right: auto;
  }

  .about-us-excerpt {
    max-width: 600px;
  }

  .about-us-list-item {
    padding-left: 34px;
  }

  .about-us-banner-frame {
    object-fit: cover;
  }

  .integration-brand-icon {
    width: 150px;
  }

  .integration-item-logo-circle-wrap {
    justify-content: center;
    align-items: center;
  }

  .integration-items-logo-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .integration-content-block.max-width-563px {
    max-width: 580px;
  }

  .integration-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .integration-section-graident-bg-left {
    width: 300px;
    height: 250px;
    left: -150px;
  }

  .integration-section-graident-bg-right {
    width: 300px;
    height: 250px;
  }

  .blog-section-graident-bg-shape-left {
    height: 400px;
  }

  .blog-section-graident-bg-shape-right {
    width: 500px;
    height: 400px;
  }

  .blog-author-name, .blog-post-date {
    font-size: 18px;
  }

  .blog-name {
    font-size: 32px;
  }

  .cta-section-graident-bg-shape-right, .cta-section-graident-bg-shape-left {
    width: 500px;
    height: 400px;
  }

  .pricing-section-graident-bg-left, .pricing-section-graident-bg-right {
    width: 300px;
    height: 250px;
    left: -150px;
  }

  .pricing-table-tabs {
    flex-flow: row-reverse wrap-reverse;
  }

  .pricing-tabs-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-tabs-content {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-tab-link-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pricing-link-excerpt {
    max-width: 380px;
    margin-top: 20px;
  }

  .pricing-range-block {
    position: absolute;
    inset: 20px 20px auto auto;
  }

  .tab-pane-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-table-tab-content-list-item {
    font-size: 20px;
  }

  .hero-wrapper-v2 {
    flex-flow: wrap;
  }

  .hero-section-v2 {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .herov2-section-graident-bg-shape-leff {
    width: 400px;
    height: 300px;
  }

  .herov2-section-graident-bg-shape-right {
    width: 400px;
    height: 300px;
    right: -200px;
  }

  .hero-v2-excerpt {
    max-width: 550px;
  }

  .aboutv2-graident-bg-shape-left, .aboutv2-graident-bg-shape-right {
    width: 500px;
    height: 400px;
  }

  .aboutv2-banner {
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
  }

  .about-us-v2-banner-block {
    margin-left: auto;
    margin-right: auto;
  }

  .about-v2-banner-overly-image {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    top: auto;
    bottom: 0%;
  }

  .funfact-v2-block-wrapper {
    flex-flow: wrap;
  }

  .about-us-v2-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .features-image-v1 {
    max-width: none;
  }

  .features-chart-v1 {
    max-width: none;
    left: -80px;
  }

  .features-item-block-v2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .features-image-v2 {
    max-width: 400px;
  }

  .features-chart-v2 {
    max-width: none;
    top: auto;
    bottom: 10%;
    left: -50px;
  }

  .features-item-block-v3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .features-image-v3 {
    max-width: 350px;
    right: 0;
  }

  .features-chart-v3 {
    max-width: 200px;
    bottom: 10px;
    right: 5px;
  }

  .features-banner-block-homev3 {
    justify-content: flex-start;
    align-items: center;
    width: 450px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .feature-section-graident-bg-shape-left, .features-section-graident-bg-shape-right.top, .features-section-graident-bg-shape-right.bottom-bg {
    width: 500px;
    height: 400px;
  }

  .all-features-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .team-graident-bg-shape-leff, .team-graident-bg-shape-right {
    width: 500px;
    height: 400px;
  }

  .team-collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .team-member-wrap {
    width: 340px;
  }

  .what-we-do-banner-block {
    margin-left: auto;
    margin-right: auto;
  }

  .what-we-do-bg-shape-left {
    width: 450px;
    height: 300px;
  }

  .what-we-do-bg-shape-right {
    width: 450px;
    height: 350px;
  }

  .what-we-do-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
  }

  .what-we-do-excerpt, .what-we-do-excerpt.margin-top-20px {
    max-width: none;
  }

  .our-goal-excerpt {
    max-width: 500px;
  }

  .what-we-do-banner-one {
    max-width: 300px;
  }

  .what-we-do-banner-two {
    max-width: 240px;
  }

  .what-we-do-banner-three {
    max-width: 560px;
  }

  .our-value-bg-shape-left {
    width: 400px;
    height: 350px;
  }

  .our-value-bg-shape-right {
    width: 450px;
    height: 350px;
  }

  .our-values-item-block-wrapper.margin-top-54px {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-end;
  }

  .our-values-item-excerpt {
    max-width: 260px;
  }

  .our-values-item-excerpt.extra-widht {
    max-width: 325px;
  }

  .our-values-veritucal-border.hide-small-tab-device {
    display: none;
  }

  .all-team-collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .our-mission-section-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .our-mission-excerpt {
    max-width: 500px;
  }

  .our-mission-banner-block {
    margin-left: auto;
    margin-right: auto;
  }

  .our-mission-short-details, .our-mission-short-details.margin-top-20px {
    max-width: none;
  }

  .our-vission-section-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .our-vision-banner-block {
    margin-left: auto;
    margin-right: auto;
  }

  .our-vision-short-details, .our-vision-short-details.margin-top-20px {
    max-width: none;
  }

  .our-vission-excerpt {
    max-width: 500px;
  }

  .faq-content-wrapper {
    max-width: 700px;
  }

  .accordion-toggle {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .all-integration-section {
    padding-top: 50px;
  }

  .integration-item-block, .integration-item-header-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pricing-listing-section-wrapper.z--index1 {
    overflow: auto;
  }

  .pricing-table-wrapper {
    width: 820px;
  }

  .compare-pricing-plan-column-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .compare-pricing-plan-table {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: none;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .plan-name-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    margin-bottom: 5px;
  }

  .compare-pricing-plan-row.heigh-150px {
    height: 120px;
  }

  .contact-form-block {
    padding: 30px 20px;
  }

  .input-text-area {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form-wrapper {
    grid-template-columns: 1fr;
    place-items: start stretch;
    margin-left: auto;
    margin-right: auto;
  }

  .input-field {
    min-height: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-map-wrapper {
    height: 320px;
  }

  .team-detail-name {
    margin-bottom: 5px;
    font-size: 28px;
  }

  .social-link-block.gap-x-axis-30 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .team-detail-image {
    object-fit: cover;
  }

  .team-experience-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .primary-team-detail-wrapper.gap-bottom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: .8fr 1fr;
  }

  .team-detail-image-block {
    display: flex;
  }

  .team-detail-content {
    padding: 25px 20px;
  }

  .secondary-team-detail-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1.15fr 1fr;
  }

  .team-details-image-wrap {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-post-rich-text-block blockquote {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-post-rich-text-block ul {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .blog-author-image-link-wrap {
    flex: none;
  }

  .blog-author-name-link {
    font-size: 18px;
  }

  .team-contact-form-wrapper {
    margin-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .features-details-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: wrap;
  }

  .features-categories-block {
    width: 100%;
    margin-bottom: 0;
    padding: 30px;
  }

  .feature-collection-list-wrapper {
    margin-top: 24px;
  }

  .feature-name-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .feature-name-link-block {
    padding: 24px;
  }

  .feature-rich-text-block-part-one blockquote {
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-rich-text-block-part-one ul {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .feature-rich-text-block-part-two blockquote {
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-rich-text-block-part-two ul, .integration-rich-text-block ul {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .integration-icon-block {
    width: 100px;
    height: 100px;
  }

  .integration-icon.large-size {
    width: 56px;
  }

  .features-banner-block-homev1 {
    width: 480px;
    height: 420px;
    margin-left: auto;
    margin-right: auto;
  }

  .features-block-banner-home-v2 {
    justify-content: flex-end;
    align-items: center;
    width: 440px;
    height: 420px;
  }

  .landing-page-nav-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-page-promotional-video-marquee-text {
    font-size: 38px;
  }

  .landing-page-container-default {
    max-width: 740px;
  }

  .landing-page-section-heading {
    font-size: 30px;
  }

  .landing-page-footer-except {
    font-size: 18px;
  }

  .landing-page-template-showcase-tab-menu {
    margin-bottom: 40px;
  }

  .landing-page-cta-heading {
    font-size: 30px;
  }

  .landing-page-hero-overlay {
    background-position: 0 0, 0 0;
  }

  .landing-page-nav-list-item.show-in-tablet {
    display: block;
  }

  .landing-page-nav-list-item.show-in-tablet.nav-brand-logo {
    margin-bottom: 20px;
  }

  .landing-page-template-features-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .landing-page-request-figma-shape-three {
    width: 250px;
    height: 250px;
  }

  .landing-page-footer-brand-wrapper {
    margin-top: 40px;
  }

  .landing-page-core-features-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-page-promotional-video-shape-two {
    filter: blur(160px);
    width: 290px;
    height: 290px;
    bottom: -200px;
    right: -60px;
  }

  .landing-page-cta-content-wrapper {
    max-width: 300px;
  }

  .landing-page-request-figma-shape-one {
    width: 300px;
    height: 300px;
    left: 0;
  }

  .landing-page-footer.landing-page-footer-bg-image {
    background-position: 0 0;
  }

  .landing-page-hero-image-element {
    bottom: 45px;
  }

  .landing-page-footer-title {
    font-size: 38px;
  }

  .landing-page-footer-copyright-text {
    text-align: center;
  }

  .landing-page-promotional-video-marquee-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-right: 20px;
  }

  .landing-page-featured-section-container, .landing-page-template-showcase-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-request-figma-file-lower-block.landing-page-padding-bottom-120px {
    background-size: cover;
  }

  .landing-page-promotional-footer-shape-one {
    width: 350px;
    height: 350px;
    left: -60px;
  }

  .landing-page-promotioanl-video-section.landing-page-promotional-video-bg {
    background-position: 0 0;
    background-size: auto;
  }

  .landing-page-nav-list-wrapper {
    background-color: var(--color--primary-bg-color);
    width: 350px;
    min-height: 100vh;
    padding: 24px;
    position: fixed;
    top: 0;
    left: 0;
  }

  .landing-page-feature-variation-text {
    font-size: 18px;
  }

  .landing-page-blurry-block-two {
    filter: blur(200px);
    width: 400px;
    height: 400px;
    top: 160px;
    right: 40px;
  }

  .landing-page-request-figma-shape-two {
    width: 270px;
    height: 270px;
  }

  .landing-page-promotional-video-shape-one {
    background-color: #bb2cff;
    width: 350px;
    height: 350px;
    bottom: -200px;
    left: -60px;
  }

  .landing-page-footer-blurry-block-two {
    width: 300px;
    height: 300px;
    top: 100px;
    right: -60px;
  }

  .landing-page-hero-content-wrapper {
    top: -50px;
  }

  .landing-page-footer-lower-container {
    margin-top: 40px;
  }

  .landing-page-footer-link-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .landing-page-hero-except {
    font-size: 18px;
  }

  .landing-page-core-features-shape-one {
    width: 200px;
    height: 200px;
  }

  .landing-page-cta-marquee {
    max-width: 400px;
    right: -150px;
    transform: rotate(-30deg);
  }

  .landing-page-copyright-content-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .landing-page-nav-button-block {
    margin-right: 0;
  }

  .landing-page-nav-button-block.tablet-hide {
    display: none;
  }

  .landing-page-template-name-wrapper {
    top: -140px;
  }

  .landing-page-hero-section {
    height: auto;
  }

  .landing-page-hero-section.landing-page-hero-bg-image {
    background-position: 100% 0;
  }

  .landing-page-hero-title {
    font-size: 38px;
  }

  .landing-page-hamburger-menu.w--open {
    background-color: #0000;
  }

  .landing-page-hamburger-menu.landing-page-gradient.w--open {
    background-color: var(--color--primary-bg-color);
  }

  .landing-page-logo-link {
    z-index: auto;
  }

  .landing-page-blurry-block-one {
    filter: blur(180px);
    width: 350px;
    height: 350px;
    top: 200px;
    left: 40px;
  }

  .landing-page-core-features-shape-five {
    right: -25px;
  }

  .landing-page-template-name {
    font-size: 180px;
  }

  .landing-page-request-figma-shape-four {
    width: 300px;
    height: 300px;
  }

  .landing-page-request-figma-file-side-image.right {
    width: 22%;
  }

  .landing-page-request-figma-file-side-image.left-image {
    width: 20%;
  }

  .landing-page-core-features-shape-three {
    left: -25px;
  }

  .landing-page-nav-menu-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .landing-page-hero-padding-top {
    padding-top: 200px;
  }

  .landing-page-padding-top-120px {
    padding-top: 80px;
  }

  .landing-page-padding-bottom-120px {
    padding-bottom: 80px;
  }

  .footer-contact-location {
    font-size: 18px;
  }

  .features-collection-item-content-blocks-v3, .about-banner-banner-image {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 24px;
  }

  .section-gap-y-axis-140px {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .padding-top-140px {
    padding-top: 50px;
  }

  .padding-bottom-140px {
    padding-bottom: 50px;
  }

  .margin-top-40px {
    margin-top: 20px;
  }

  .margin-bottom-40px {
    margin-bottom: 20px;
  }

  .margin-top-32px, .margin-top-28px {
    margin-top: 16px;
  }

  .container {
    max-width: 630px;
  }

  .hero-section-v1 {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section-sub-title-with-bg-color {
    margin-bottom: 10px;
  }

  .hero-v1-title.margin-top-20px {
    margin-top: 14px;
  }

  .hero-v1-excerpt {
    margin-top: 10px;
  }

  .margin-top-54px {
    margin-top: 32px;
  }

  .button-wrapper.dispaly-flex.align-item-center.margin-top-80px {
    margin-top: 40px;
  }

  .hero-v1-banner-block {
    width: 420px;
    height: 400px;
  }

  .hero-v1-banner-growth-chart {
    max-width: 390px;
    right: 0;
  }

  .hero-v1-banner-coutomer-chart {
    max-width: 280px;
    bottom: 20px;
    left: -10px;
  }

  .hero-v1-banner-comparison-chart {
    max-width: 120px;
    bottom: -10px;
  }

  .primary-button-block {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }

  .primary-button-block.small-size {
    padding: 8px 18px;
  }

  .button-text-block {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .outline-button-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .margin-top-24px {
    margin-top: 16px;
  }

  .navbar-logo {
    padding-left: 0;
  }

  .menu-link-dropdown {
    flex-direction: column;
    align-items: center;
  }

  .nav-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .nav-dropdown-list-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .header-nav-inner-block {
    max-width: 100%;
  }

  .left-block-shape, .left-block-shape.hero-section, .right-block-shape, .right-block-shape.hero-section {
    max-width: 300px;
    max-height: 400px;
  }

  .footer-link-list-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    padding-bottom: 30px;
  }

  .newsletter-form, .newsletter-form-block {
    width: 100%;
  }

  .footer-link-list-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-newsletter-block {
    width: 100%;
  }

  .footer-copyright-center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsletter-input-field {
    width: 100%;
  }

  .footer-newsletter-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }

  .footer-block-wrapper {
    padding-top: 50px;
  }

  .footer-title {
    font-size: 24px;
  }

  .newsletter-input-block {
    max-width: 480px;
  }

  .breadcrumb-wrapper {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .breadcrumb-subtitle {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }

  .color-wrapper {
    grid-row-gap: 30px;
    padding-top: 0;
  }

  .style-guide-icon-wrapper {
    grid-row-gap: 30px;
    padding-top: 30px;
  }

  .style-guide-details-block {
    padding-bottom: 30px;
  }

  .style-guide-button-wrapper, .typography-wrapper {
    grid-row-gap: 30px;
    padding-top: 30px;
  }

  .style-guide-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .licenses-wrapper {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .license-inner {
    width: 100%;
  }

  .licenses-details {
    max-width: 445px;
    font-size: 16px;
  }

  .licenses-title {
    font-size: 24px;
  }

  .changelog-content {
    width: 400px;
  }

  .changlelog-content-sub-title {
    margin-top: 20px;
    font-size: 18px;
  }

  .features-section.position-relative.padding-top-100px {
    padding-top: 30px;
  }

  .section-title.text-center.features {
    max-width: 450px;
  }

  .section-title.team {
    max-width: 400px;
  }

  .margin-bottom-20px {
    margin-bottom: 14px;
  }

  .margin-top-20px {
    margin-top: 14px;
  }

  .featured-featured-block.margin-bottom-40px {
    padding-left: 30px;
    padding-right: 30px;
  }

  .features-banner-chart-v1 {
    max-width: 220px;
    left: -80px;
  }

  .feartures-item-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-banner-image-v2 {
    max-width: 350px;
  }

  .features-banner-chart-v2 {
    max-width: 160px;
    left: -20px;
  }

  .features-banner-image-v3 {
    max-width: 350px;
  }

  .features-banner-chart-v3 {
    max-width: 160px;
    right: -10px;
  }

  .cta-wrapper {
    padding: 40px 20px 50px;
  }

  .cta-title {
    font-size: 32px;
  }

  .cta-banner-expenses-image, .cta-bg-card {
    right: 0;
  }

  .about-section-graident-bg-shape-left {
    width: 500px;
    height: 300px;
  }

  .about-section-graident-bg-shape-right {
    width: 500px;
    height: 350px;
    top: -250px;
  }

  .funfact-block-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    place-items: start center;
    padding-bottom: 30px;
    display: grid;
  }

  .funfact-item-block.left-alignment {
    justify-content: flex-start;
    align-items: center;
  }

  .fun-fact-number-wrapper {
    height: 34px;
  }

  .fun-fact-number, .fun-fact-heading-text {
    font-size: 34px;
  }

  .fun-fact-item-divider {
    display: none;
  }

  .about-us-wrapper {
    justify-content: center;
    margin-top: 30px;
  }

  .about-us-banner-block {
    max-width: 450px;
  }

  .about-us-list-item {
    background-position: 0 2px;
    background-size: 20px;
    padding-left: 30px;
  }

  .integration-brand-icon {
    width: 26px;
  }

  .integration-item-logo-circle-wrap {
    width: 450px;
    overflow: hidden;
  }

  .integration-item-logo-circle-block.circle-one {
    width: 380px;
    height: 380px;
  }

  .integration-section-graident-bg-left {
    left: -150px;
  }

  .integration-brand-icon-block, .integration-brand-icon-block-two {
    border-radius: 26px;
    width: 52px;
    height: 52px;
  }

  .blog-section-graident-bg-shape-left {
    width: 520px;
    height: 300px;
  }

  .blog-section-graident-bg-shape-right {
    width: 420px;
    height: 300px;
  }

  .blog-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .blog-title-link {
    margin-top: 14px;
  }

  .horizontal-divider-blog-item {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .blog-card-footer-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .blog-name {
    font-size: 30px;
  }

  .cta-section-graident-bg-shape-right, .cta-section-graident-bg-shape-left {
    width: 400px;
    height: 300px;
  }

  .pricing-excerpt {
    max-width: 500px;
  }

  .pricing-section-graident-bg-left {
    width: 250px;
    left: -150px;
  }

  .pricing-section-graident-bg-right {
    left: -150px;
  }

  .pricing-tabs-content {
    width: 100%;
    max-width: 480px;
  }

  .pricing-table-tab-content-list-item {
    background-position: 0 8px;
    background-size: 16px;
    padding-left: 24px;
  }

  .hero-wrapper-v2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .hero-section-v2 {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .hero-v2-banner-wrapper {
    column-count: 2;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .hero-v2-title {
    max-width: none;
  }

  .hero-v2-title.margin-top-20px {
    margin-top: 14px;
  }

  .hero-v2-excerpt {
    margin-top: 10px;
  }

  .hero-v2-banenr-one {
    margin-bottom: 30px;
  }

  .hero-v2-banenr-user-sticker {
    margin-top: 10px;
    transform: none;
  }

  .hero-v2-banner-sales-sticker {
    max-width: 180px;
    margin-top: 0;
    margin-bottom: 30px;
    transform: none;
  }

  .aboutv2-graident-bg-shape-left {
    width: 420px;
    height: 300px;
  }

  .aboutv2-graident-bg-shape-right {
    width: 400px;
    height: 300px;
  }

  .about-us-v2-banner-block {
    max-width: 450px;
  }

  .about-v2-banner-overly-image {
    max-width: 90%;
  }

  .funfact-v2-block-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: stretch;
    margin-top: 30px;
  }

  .about-us-v2-wrapper {
    justify-content: center;
  }

  .features-image-v1 {
    max-width: 240px;
    margin-right: 20px;
  }

  .features-chart-v1 {
    max-width: 200px;
    bottom: 60px;
    left: 30px;
  }

  .features-image-v2 {
    max-width: 400px;
    right: 0;
  }

  .features-chart-v2 {
    max-width: 200px;
    top: auto;
    bottom: 40px;
    left: 20px;
  }

  .features-item-block-v3 {
    justify-items: center;
  }

  .features-image-v3 {
    right: 0;
  }

  .features-chart-v3 {
    width: 100%;
    max-width: 160px;
    bottom: 40px;
    left: 20px;
  }

  .features-banner-block-homev3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    max-width: 480px;
    padding-bottom: 30px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .feature-section-graident-bg-shape-left {
    width: 500px;
    height: 300px;
  }

  .features-section-graident-bg-shape-right.top {
    width: 500px;
    height: 300px;
    right: -400px;
  }

  .features-section-graident-bg-shape-right.bottom-bg {
    width: 400px;
    height: 300px;
  }

  .team-graident-bg-shape-leff {
    width: 420px;
    height: 300px;
  }

  .team-graident-bg-shape-right {
    width: 400px;
    height: 300px;
  }

  .team-collection-list {
    grid-template-columns: 1fr;
  }

  .team-member-wrap {
    width: 410px;
    height: 456px;
  }

  .what-we-do-banner-block {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  .what-we-do-bg-shape-left {
    width: 350px;
    height: 250px;
  }

  .what-we-do-bg-shape-right {
    width: 400px;
    height: 300px;
  }

  .what-we-do-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .what-we-do-banner-wrap.gap-35px {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .what-we-do-banner-one {
    max-width: 240px;
  }

  .what-we-do-banner-two {
    max-width: 192px;
  }

  .what-we-do-banner-three {
    max-width: 100%;
  }

  .our-value-bg-shape-left {
    width: 350px;
    height: 300px;
  }

  .our-value-bg-shape-right {
    width: 400px;
    height: 300px;
  }

  .our-values-item-excerpt, .our-values-item-excerpt.extra-widht {
    max-width: none;
  }

  .our-values-veritucal-border {
    display: none;
  }

  .all-team-collection-list {
    grid-template-columns: 1fr;
  }

  .our-mission-banner-block {
    width: 100%;
    max-width: 480px;
  }

  .our-mission-banner-image {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  .our-mission-banner-chart-wrap {
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-right: 0;
  }

  .our-vision-banner-block {
    width: 100%;
    max-width: 480px;
  }

  .our-vission-banner-image {
    max-width: 320px;
  }

  .our-vission-banner-chart1 {
    max-width: 240px;
    right: 10px;
  }

  .our-vission-banner-chart2 {
    max-width: 240px;
    top: auto;
    bottom: 20px;
    right: 10px;
  }

  .faq-title {
    font-size: 20px;
  }

  .accrodion-dropdown {
    padding-top: 24px;
    padding-bottom: 20px;
  }

  .faq-content-wrapper {
    max-width: 540px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .accordion-dropdown-body {
    padding-right: 10px;
  }

  .accordion-dropdown-text {
    margin-top: 12px;
  }

  .accordion-toggle {
    align-items: flex-start;
  }

  .icon-block {
    flex: none;
  }

  .all-integration-section {
    padding-top: 30px;
  }

  .integration-collection-list {
    grid-row-gap: 90px;
    grid-template-columns: 1fr;
  }

  .compare-pricing-plan-column-block {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .pricing-plan-price-text {
    font-size: 32px;
  }

  .compare-pricing-plan-table {
    flex: none;
  }

  .compare-pricing-plan-row.heigh-150px {
    height: 100px;
  }

  .compare-pricing-plan-header {
    padding: 20px;
  }

  .pricing-plan-button-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form-block {
    padding: 50px 30px;
  }

  .contact-form-wrapper {
    grid-template-columns: 1fr;
  }

  .input-field {
    min-height: 60px;
    padding: 20px;
  }

  .contact-info-wrapper {
    max-width: 300px;
  }

  .contact-map-wrapper {
    border-radius: 24px;
    height: 300px;
  }

  .details-section-graident-bg-shape-right.team-details-top-right {
    right: -450px;
  }

  .social-link-block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .team-experience-logo-block {
    width: 52px;
    height: 52px;
  }

  .team-detail-image {
    max-width: 80%;
  }

  .team-experience-wrapper {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
  }

  .social-link-icon {
    width: 40px;
    height: 40px;
  }

  .separator-div.gap-y-axis-26 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .primary-team-detail-wrapper {
    grid-template-columns: 1fr;
  }

  .primary-team-detail-wrapper.gap-bottom {
    grid-template-columns: .8fr;
    place-items: start stretch;
    margin-bottom: 30px;
  }

  .team-detail-content {
    width: 450px;
    max-width: 100%;
  }

  .team-experience-secondary-content h4 {
    font-size: 18px;
  }

  .secondary-team-detail-wrapper {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-columns: 1.15fr;
    margin-top: 30px;
  }

  .team-experience-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .team-skill-wrapper {
    margin-top: 16px;
  }

  .blog-post-rich-text-block h2 {
    margin-top: 30px;
  }

  .blog-post-rich-text-block blockquote {
    margin-top: 30px;
    padding: 24px 30px;
    font-size: 26px;
  }

  .blog-post-rich-text-block ul {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 18px;
  }

  .blog-post-rich-text-block figure, .blog-author-card-block {
    margin-top: 30px;
  }

  .blog-author-personal-info-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog-author-social-link-block-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .blog-info-wrap {
    flex-flow: wrap;
  }

  .team-contact-form-wrapper {
    margin-top: 60px;
  }

  .team-form-section-title {
    font-size: 30px;
  }

  .textarea-field {
    min-height: 180px;
    padding: 16px;
  }

  .group-input-feld-block {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    flex-flow: wrap;
  }

  .contact-form-input-field {
    min-height: 60px;
    padding: 16px;
  }

  .single-field-block.input-gap-left {
    margin-left: 0;
  }

  .features-details-section.padding-top-140px {
    padding-bottom: 30px;
  }

  .features-details-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .feature-sidebar-title-block {
    justify-content: space-between;
    align-items: center;
  }

  .service-sidebar-title {
    font-size: 24px;
  }

  .service-side-bar-arrow-icon {
    justify-content: center;
    align-items: center;
  }

  .service-side-bar-arrow-icon.only-show-mobile-device {
    display: inline-flex;
  }

  .features-categories-block {
    padding: 20px;
  }

  .feature-collection-list-wrapper {
    margin-top: 16px;
  }

  .feature-name-list {
    grid-template-columns: 1fr;
  }

  .feature-name-link-block {
    padding: 20px 16px;
  }

  .feature-rich-text-block-part-one h2 {
    margin-top: 30px;
  }

  .feature-rich-text-block-part-one blockquote {
    margin-top: 30px;
    padding: 24px 30px;
    font-size: 26px;
  }

  .feature-rich-text-block-part-one ul {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 18px;
  }

  .feature-rich-text-block-part-one figure {
    margin-top: 30px;
  }

  .feature-rich-text-block-part-one h3 {
    margin-top: 24px;
  }

  .feature-rich-text-block-part-one p {
    margin-top: 16px;
  }

  .feature-rich-text-block-part-two h2 {
    margin-top: 30px;
  }

  .feature-rich-text-block-part-two blockquote {
    margin-top: 30px;
    padding: 24px 30px;
    font-size: 26px;
  }

  .feature-rich-text-block-part-two ul {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 18px;
  }

  .feature-rich-text-block-part-two figure {
    margin-top: 30px;
  }

  .feature-rich-text-block-part-two h3 {
    margin-top: 24px;
  }

  .feature-rich-text-block-part-two p {
    margin-top: 16px;
  }

  .feature-grid-banner-block {
    margin-top: 24px;
  }

  .features-grid-banner-list {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .integration-rich-text-block h2, .integration-rich-text-block blockquote {
    margin-top: 30px;
  }

  .integration-rich-text-block ul {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 18px;
  }

  .integration-rich-text-block figure {
    margin-top: 30px;
  }

  .integration-rich-text-block h3 {
    margin-top: 24px;
  }

  .integration-rich-text-block p {
    margin-top: 16px;
  }

  .integration-header-icon-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 28px 32px;
  }

  .integration-icon-block {
    width: 80px;
    height: 80px;
  }

  .integration-icon.large-size, .saaxent-icon {
    width: 50px;
  }

  .features-banner-block-homev1, .features-block-banner-home-v2 {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 480px;
    padding-right: 20px;
  }

  .utility-page-text {
    max-width: 80%;
    font-size: 18px;
  }

  .utility-page-image {
    max-width: 80%;
  }

  ._401-banner-image {
    max-width: 420px;
  }

  .utility-info-wrap {
    width: 400px;
  }

  .landing-page-promotional-video-marquee-text {
    font-size: 36px;
  }

  .landing-page-request-figma-file-button-wrapper {
    margin-top: 40px;
  }

  .landing-page-section-heading {
    font-size: 26px;
  }

  .landing-page-cta-image-container.left {
    width: auto;
  }

  .landing-page-cta-image-container.right {
    width: auto;
    position: static;
  }

  .landing-page-template-showcase-tab-menu {
    padding: 12px;
  }

  .laning-page-template-feature-variation-grid {
    grid-template-columns: 1fr;
  }

  .landing-page-mobile-device-image {
    position: static;
  }

  .landing-page-section-heading-wrapper {
    margin-bottom: 40px;
  }

  .landing-page-template-features-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-page-request-figma-shape-three {
    filter: blur(100px);
  }

  .landing-page-footer-brand-wrapper {
    flex-flow: wrap;
  }

  .landing-page-hero-image {
    margin-top: -10%;
  }

  .landing-page-featured-section-item {
    max-width: 300px;
  }

  .landing-page-core-features-grid {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .landing-page-promotional-video-shape-two {
    width: 260px;
    height: 260px;
    right: -20px;
  }

  .landing-page-cta-content-wrapper {
    max-width: none;
    margin-bottom: 30px;
  }

  .landing-page-hero-image-element {
    width: 55%;
    position: absolute;
    left: 20px;
    right: auto;
  }

  .landing-page-footer-title {
    font-size: 36px;
  }

  .landing-page-featured-section-container {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .landing-page-request-figma-file-main-image {
    width: 95%;
  }

  .landing-page-template-showcase-grid {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .landing-page-promotional-video-lightbox {
    width: 70px;
    height: 70px;
  }

  .landing-page-request-figma-file-image-block {
    margin-top: -70px;
  }

  .landing-page-footer-logo {
    max-width: 220px;
  }

  .landing-page-template-showcase-tab-link {
    padding: 12px 20px;
  }

  .landing-page-blurry-block-two {
    filter: blur(130px);
    width: 300px;
    height: 300px;
  }

  .landing-page-promotional-video-shape-one {
    width: 300px;
    height: 300px;
    left: -20px;
  }

  .landing-page-header-logo {
    max-width: 220px;
  }

  .landing-page-core-features-shape-one {
    width: 160px;
    height: 160px;
  }

  .landing-page-cta-marquee {
    max-width: none;
    max-height: 350px;
    position: static;
    transform: none;
  }

  .landing-page-template-name-wrapper {
    top: -80px;
  }

  .landing-page-hero-title {
    font-size: 36px;
  }

  .landing-page-blurry-block-one {
    filter: blur(130px);
    width: 250px;
    height: 250px;
  }

  .landing-page-template-name {
    font-size: 120px;
  }

  .landing-page-request-figma-shape-four {
    filter: blur(100px);
  }

  .landing-page-hero-image-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .landing-request-figma-file-upper-block {
    padding-bottom: 110px;
  }

  .landing-page-cta-wrapper {
    padding-top: 40px;
    padding-bottom: 0;
    padding-right: 40px;
  }

  .landing-page-request-figma-file-side-image.right {
    top: 60px;
    right: -10px;
  }

  .landing-page-request-figma-file-side-image.left-image {
    top: 60px;
    left: -10px;
  }

  .landing-page-template-feature-text {
    font-size: 20px;
  }

  .landing-page-padding-top-120px {
    padding-top: 60px;
  }

  .landing-page-padding-bottom-120px {
    padding-bottom: 60px;
  }

  .about-banner-banner-image {
    max-width: 350px;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 22px;
  }

  .padding-top-140px {
    padding-top: 50px;
  }

  .padding-bottom-140px, .hero-section-v1 {
    padding-bottom: 50px;
  }

  .hero-wrapper-v1.z-index-1 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .title-highlight-span.feature {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    display: inline;
  }

  .button-wrapper.dispaly-flex.gap32px {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .button-wrapper.dispaly-flex.align-item-center.margin-top-80px {
    margin-top: 30px;
  }

  .hero-v1-banner-block {
    border-radius: 20px;
    width: 100%;
    min-width: 290px;
    height: 420px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .hero-v1-banner-growth-chart {
    width: 100%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  .hero-v1-banner-coutomer-chart {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    bottom: 150px;
    left: 0;
    right: 0%;
  }

  .hero-v1-banner-comparison-chart {
    width: 100%;
    max-width: 130px;
    margin-left: auto;
    margin-right: auto;
    bottom: 10px;
    left: 0;
    right: 0;
  }

  .primary-button-block {
    padding: 11px 18px;
  }

  .button-text {
    font-size: 18px;
  }

  .outline-button-block {
    padding: 11px 18px;
    font-size: 20px;
  }

  .nav-dropdown-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-dropdown-wrapper-flex {
    padding-left: 15px;
    padding-right: 10px;
  }

  .logo {
    width: 150px;
    min-width: 150px;
  }

  .mobile-menu-icon {
    font-size: 26px;
  }

  .menu-button {
    padding: 8px 10px;
  }

  .header-navbar-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .nav-dropdown-menu-text.margin-top-20px {
    margin-top: 16px;
  }

  .nav-menu-wrap {
    min-width: 260px;
  }

  .left-block-shape, .left-block-shape.hero-section {
    max-width: 200px;
    max-height: 300px;
  }

  .right-block-shape {
    max-width: 200px;
    max-height: 300px;
    top: auto;
    bottom: 0;
  }

  .right-block-shape.hero-section {
    max-width: 200px;
    max-height: 300px;
  }

  .hero-section-graident-bg-shape-right {
    width: 300px;
    height: 200px;
  }

  .copy-right-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-link-list-wrapper {
    flex-flow: wrap;
  }

  .footer-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .newsletter-form {
    flex-flow: wrap;
  }

  .footer-link-list-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer-copyright-center {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subscribe-button {
    padding: 14px 22px;
  }

  .footer-subscribe-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .newsletter-input-field {
    max-width: 290px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .footer-newsletter-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-subscribe-excerpt {
    max-width: 320px;
  }

  .breadcrumb-wrapper {
    padding-top: 120px;
    padding-bottom: 50px;
  }

  .breadcrumb-title.style-guide, .breadcrumb-title.changelog {
    max-width: none;
  }

  .style-guide-heading {
    font-size: 24px;
  }

  .style-guide-color-grid {
    grid-template-columns: 1fr 1fr;
  }

  .license-single-item {
    padding: 20px;
  }

  .license-link {
    font-size: 16px;
  }

  .licenses-title {
    font-size: 20px;
  }

  .initial-released-block {
    display: block;
  }

  .changelog-content {
    width: 240px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .initial-text {
    margin-bottom: 10px;
  }

  .featured-featured-block.margin-bottom-40px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-item-heading {
    font-size: 20px;
  }

  .features-banner-block-v1 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .features-banner-image-v1 {
    max-width: 240px;
  }

  .features-banner-chart-v1 {
    max-width: 160px;
    margin-top: 20px;
    bottom: -40px;
    left: 0;
  }

  .feartures-item-block {
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-collection-item-block-v2 {
    justify-content: space-between;
    align-items: center;
  }

  .features-banner-block-v2 {
    flex-flow: column;
    margin-right: auto;
    display: flex;
  }

  .features-banner-image-v2 {
    max-width: 250px;
  }

  .features-banner-chart-v2 {
    max-width: 130px;
    bottom: -90px;
    left: 0;
  }

  .features-collection-item-block-v3 {
    justify-content: space-between;
    align-items: center;
  }

  .features-collection-item-content-block-v3 {
    flex-flow: column;
    flex: none;
    max-width: none;
  }

  .features-banner-block-v3 {
    flex-flow: column;
    align-items: center;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    left: 0;
    right: 0;
  }

  .left-bottom-block-shape {
    max-width: 260px;
    max-height: 300px;
  }

  .features-banner-image-v3 {
    max-width: 260px;
  }

  .features-banner-chart-v3 {
    max-width: 140px;
    margin-top: 16px;
    right: 0;
  }

  .cta-title {
    font-size: 30px;
  }

  .cta-banner-image {
    margin-right: 0;
  }

  .cta-bg-card {
    margin-top: 10px;
    right: -10px;
  }

  .about-section-graident-bg-shape-left {
    width: 400px;
    height: 200px;
  }

  .about-section-graident-bg-shape-right {
    width: 400px;
  }

  .funfact-block-wrapper {
    flex-flow: column;
    padding-bottom: 20px;
  }

  .fun-fact-number-wrapper {
    height: 30px;
  }

  .fun-fact-number, .fun-fact-heading-text {
    font-size: 30px;
  }

  .about-us-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .integration-brand-icon {
    width: 22px;
  }

  .integration-item-logo-circle-wrap {
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 330px;
    overflow: hidden;
  }

  .integration-item-logo-circle-block.circle-one {
    width: 240px;
    height: 240px;
  }

  .integration-item-logo-circle-block.circle-two {
    width: 140px;
    height: 140px;
  }

  .integration-item-logo-circle-block.circle-four {
    border-radius: 35px;
    width: 60px;
    height: 60px;
    top: 51%;
  }

  .integration-item-logo-circle-block.circle-three {
    width: 140px;
    height: 140px;
  }

  .integration-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .site-logo-wrap {
    max-width: 36px;
  }

  .integration-section-graident-bg-right {
    height: 200px;
  }

  .integration-brand-icon-block {
    border-radius: 22px;
    width: 40px;
    height: 40px;
  }

  .integration-brand-icon-block.one {
    top: -25px;
    left: 100px;
  }

  .integration-brand-icon-block.two {
    top: 60px;
    left: -15px;
  }

  .integration-brand-icon-block.three {
    bottom: 10px;
    left: 10px;
  }

  .integration-brand-icon-block.four {
    bottom: 10px;
    right: 10px;
  }

  .integration-brand-icon-block.five {
    top: 60px;
    right: -15px;
  }

  .site-logo {
    width: 30px;
  }

  .integration-brand-icon-block-two {
    border-radius: 22px;
    width: 44px;
    height: 44px;
  }

  .blog-section-graident-bg-shape-left {
    width: 480px;
    height: 200px;
  }

  .blog-section-graident-bg-shape-right {
    width: 380px;
    height: 200px;
  }

  .blog-section-graident-bg-shape-right.top {
    top: 5%;
  }

  .blog-name {
    font-size: 22px;
  }

  .cta-section-graident-bg-shape-right {
    width: 380px;
    height: 200px;
  }

  .cta-section-graident-bg-shape-left {
    height: 200px;
    bottom: -120px;
  }

  .pricing-section-graident-bg-left {
    width: 200px;
    height: 200px;
  }

  .pricing-link-block {
    flex-flow: wrap;
  }

  .pricing-link-info-wrap, .pricing-link-excerpt {
    margin-top: 10px;
  }

  .prize-rate {
    font-size: 32px;
  }

  .pricing-table-tab-content-list-item {
    background-position: 0 8px;
    background-size: 14px;
    padding-left: 20px;
  }

  .hero-wrapper-v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hero-section-v2 {
    padding-bottom: 50px;
  }

  .herov2-section-graident-bg-shape-leff {
    width: 350px;
    height: 200px;
  }

  .herov2-section-graident-bg-shape-right {
    width: 300px;
    height: 200px;
  }

  .herov2-banner-wrap {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-v2-banenr-one, .hero-v2-banner-sales-sticker {
    max-width: 140px;
    margin-bottom: 20px;
  }

  .aboutv2-graident-bg-shape-left {
    width: 400px;
    height: 200px;
  }

  .aboutv2-graident-bg-shape-right {
    width: 360px;
    height: 200px;
  }

  .funfact-v2-block-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: stretch;
  }

  .about-us-v2-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .features-image-v1 {
    width: 100%;
    max-width: 200px;
  }

  .features-chart-v1 {
    width: 100%;
    max-width: 180px;
    bottom: 40px;
    left: auto;
    right: 20px;
  }

  .features-item-block-v2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .features-image-v2 {
    width: 100%;
    max-width: 260px;
    right: auto;
  }

  .features-chart-v2 {
    width: 100%;
    max-width: 140px;
    top: 40px;
    bottom: auto;
  }

  .features-image-v3 {
    width: 100%;
  }

  .features-banner-block-homev3 {
    justify-content: center;
    align-items: flex-start;
    height: 360px;
  }

  .feature-section-graident-bg-shape-left {
    width: 400px;
    height: 200px;
    left: -300px;
  }

  .features-section-graident-bg-shape-right.top {
    width: 400px;
    height: 250px;
  }

  .features-section-graident-bg-shape-right.bottom-bg {
    width: 400px;
    height: 200px;
  }

  .all-features-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .team-graident-bg-shape-leff {
    width: 400px;
    height: 200px;
  }

  .team-graident-bg-shape-right {
    width: 380px;
    height: 200px;
  }

  .team-member-wrap {
    width: 280px;
    height: 340px;
  }

  .what-we-do-banner-block {
    max-width: 300px;
  }

  .what-we-do-bg-shape-left {
    width: 320px;
    height: 200px;
  }

  .what-we-do-bg-shape-right {
    width: 380px;
    height: 200px;
  }

  .what-we-do-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .what-we-do-banner-one {
    border-radius: 16px;
    max-width: 150px;
  }

  .what-we-do-banner-two {
    border-radius: 16px;
    max-width: 120px;
  }

  .what-we-do-banner-three {
    border-radius: 16px;
  }

  .what-we-do-check-mark-block {
    width: 60px;
    height: 60px;
  }

  .our-value-bg-shape-left {
    width: 320px;
    height: 200px;
  }

  .our-value-bg-shape-right {
    width: 380px;
    height: 200px;
  }

  .our-values-item-block-wrapper.margin-top-54px {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-misson-list-horizontonal-border {
    height: 63%;
  }

  .our-mission-banner-block {
    height: 290px;
  }

  .our-mission-banner-image {
    max-width: 260px;
    bottom: 20px;
  }

  .our-mission-banner-chart1, .our-mission-banner-chart2, .our-mission-banner-chart3 {
    max-width: 25%;
  }

  .our-mission-banner-chart-wrap {
    margin-top: 20px;
  }

  .our-vision-banner-block {
    height: 380px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .our-vision-list-wrapper {
    max-width: 360px;
  }

  .our-visson-list-horizontonal-border {
    height: 51%;
  }

  .our-vission-banner-image {
    max-width: 240px;
    margin-top: 25px;
  }

  .our-vission-banner-chart1 {
    max-width: 200px;
  }

  .our-vission-banner-chart2 {
    max-width: 220px;
  }

  .faq-title {
    margin-right: 0;
  }

  .accrodion-dropdown {
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-content-wrapper {
    max-width: none;
    padding-left: 14px;
    padding-right: 14px;
  }

  .accordion-dropdown-body {
    padding-right: 0;
  }

  .accordion-toggle {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .icon-block {
    flex: none;
  }

  .all-integration-section {
    padding-top: 24px;
  }

  .integration-collection-list {
    grid-row-gap: 70px;
  }

  .integration-item-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .integration-item-header-block {
    padding-left: 20px;
    padding-right: 20px;
    top: -40px;
  }

  .integration-header-info-wrap {
    max-width: 130px;
    padding-left: 12px;
  }

  .integration-name {
    font-size: 22px;
  }

  .compare-pricing-plan-column-block {
    padding: 12px 16px;
  }

  .compare-pricing-plan-column-block.button-block {
    padding-top: 20px;
  }

  .input-field-level {
    margin-bottom: 12px;
  }

  .contact-form-block {
    padding: 40px 20px;
  }

  .input-text-area {
    min-height: 120px;
  }

  .input-field {
    padding-left: 16px;
    padding-right: 16px;
  }

  .input-field::placeholder {
    font-size: 16px;
  }

  .contact-form-information-block.margin-top-32px {
    padding-left: 14px;
    padding-right: 14px;
  }

  .contact-map-wrapper {
    border-radius: 20px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .team-detail-name {
    font-size: 24px;
  }

  .team-experience-logo-block {
    width: 60px;
    height: 60px;
  }

  .team-experience-wrapper {
    grid-template-columns: 1fr;
  }

  .team-info-detail li {
    font-size: 16px;
  }

  .team-info-detail strong {
    min-width: 110px;
    font-size: 16px;
  }

  .team-detail-inner-content {
    max-width: 100%;
  }

  .primary-team-detail-wrapper.gap-bottom {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
  }

  .team-detail-content {
    width: 100%;
  }

  .team-experience-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .team-details-image-wrap {
    max-width: 350px;
    max-height: 400px;
  }

  .blog-detail-image-block {
    border-radius: 20px;
  }

  .blog-post-rich-text-block blockquote {
    padding: 20px;
    font-size: 22px;
  }

  .blog-post-rich-text-block img {
    border-radius: 16px;
  }

  .blog-author-personal-info-block {
    flex-flow: wrap;
  }

  .blog-author-bio-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
  }

  .blog-author-social-link-block-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    align-items: stretch;
    margin-left: 0;
  }

  .team-contact-form-wrapper {
    padding: 30px 16px;
  }

  .team-form-section-title {
    font-size: 25px;
  }

  .textarea-field {
    min-height: 160px;
    font-size: 16px;
  }

  .contact-form-input-field {
    font-size: 16px;
  }

  .input-label {
    font-size: 18px;
  }

  .service-sidebar-title {
    font-size: 22px;
  }

  .service-side-bar-arrow-icon.only-show-mobile-device {
    width: 18px;
  }

  .features-categories-block {
    padding: 16px;
  }

  .feature-name-link-block {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .fetures-name {
    font-size: 18px;
  }

  .feature-rich-text-block-part-one blockquote {
    padding: 20px;
    font-size: 22px;
  }

  .feature-rich-text-block-part-one img {
    border-radius: 16px;
  }

  .feature-rich-text-block-part-two blockquote {
    padding: 20px;
    font-size: 22px;
  }

  .feature-rich-text-block-part-two img, .feature-grid-banner-image-wrap {
    border-radius: 16px;
  }

  .integration-rich-text-block blockquote {
    padding: 10px 16px;
    font-size: 22px;
  }

  .integration-rich-text-block img {
    border-radius: 16px;
  }

  .integration-header-icon-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px 24px;
  }

  .integration-icon-block {
    width: 70px;
    height: 70px;
  }

  .integration-icon.large-size {
    width: 45px;
  }

  .integration-plus-icon {
    width: 50px;
  }

  .saaxent-icon {
    width: 45px;
  }

  .features-banner-block-homev1 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: flex-start;
    max-width: 360px;
    height: 400px;
    padding-bottom: 30px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-block-banner-home-v2 {
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 360px;
    height: 320px;
    padding: 16px 16px 20px;
  }

  .utility-page-content-404-banner {
    padding-left: 15px;
    padding-right: 15px;
  }

  ._401-banner-image {
    max-width: 280px;
  }

  .utility-info-wrap {
    width: 280px;
    max-width: none;
  }

  .landing-page-promotional-video-marquee-text {
    font-size: 32px;
  }

  .landing-page-cta-image-container {
    width: 100%;
  }

  .landing-page-cta-image-container.right {
    display: none;
    position: static;
  }

  .landing-page-template-showcase-tab-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 24px;
    flex-flow: wrap;
    width: 100%;
    max-width: 340px;
  }

  .landing-page-nav-list-item {
    text-align: left;
    width: 100%;
  }

  .landing-page-nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .landing-page-template-features-grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .landing-page-request-figma-shape-three {
    width: 200px;
    height: 200px;
  }

  .landing-page-hero-image {
    margin-top: 0%;
  }

  .landing-page-promotional-video-shape-two {
    width: 160px;
    height: 160px;
    bottom: -100px;
  }

  .landing-page-promotional-video-marquee-icon {
    width: 50px;
  }

  .landing-page-request-figma-shape-one {
    width: 200px;
    height: 200px;
    top: 0;
  }

  .landing-page-hero-image-element {
    bottom: 35px;
  }

  .landing-page-footer-title {
    font-size: 28px;
  }

  .landing-page-core-features-shape-four {
    left: 20px;
  }

  .landing-page-promotional-footer-shape-one {
    top: -60px;
  }

  .landing-page-footer-logo {
    max-width: 170px;
  }

  .landing-page-template-showcase-tab-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .landing-page-nav-list-wrapper {
    width: 280px;
  }

  .landing-page-blurry-block-two {
    width: 250px;
    height: 250px;
    top: 100px;
    right: 20px;
  }

  .landing-page-request-figma-shape-two {
    width: 200px;
    height: 200px;
    top: 0;
  }

  .landing-page-template-feature-variation-item.footer-styles {
    padding: 20px 15px;
  }

  .landing-page-promotional-video-shape-one {
    width: 200px;
    height: 200px;
    bottom: -100px;
  }

  .landing-page-header-logo {
    max-width: 170px;
  }

  .landing-page-footer-link-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .landing-page-cta-marquee {
    flex-direction: column;
    grid-template-columns: 1fr;
    place-items: center;
    max-height: none;
  }

  .landing-page-hero-title {
    font-size: 28px;
  }

  .landing-page-blurry-block-one {
    width: 200px;
    height: 200px;
    left: 20px;
  }

  .landing-page-core-features-shape-five {
    left: 20px;
  }

  .landing-page-template-name {
    font-size: 80px;
  }

  .landing-page-promotional-video-banner-wrapper {
    max-height: 98px;
  }

  .landing-page-request-figma-shape-four {
    width: 200px;
    height: 200px;
    left: -40px;
  }

  .landing-page-cta-wrapper {
    max-height: none;
    padding: 30px 20px;
  }

  .landing-page-core-features-shape-three {
    left: 20px;
  }

  .about-banner-banner-image {
    max-width: 75%;
    bottom: 20px;
    right: 15px;
  }
}

#w-node-_93505da5-a728-61e0-5a80-9ecc42e44133-82317a27 {
  place-self: start end;
}

#w-node-_2b0c1726-b4f5-2c96-da60-461b95846092-95846040, #w-node-_0a25f793-43c5-0d70-a71c-3fad16f64325-5524bab0, #w-node-_0a25f793-43c5-0d70-a71c-3fad16f6432c-5524bab0, #w-node-_0a25f793-43c5-0d70-a71c-3fad16f64333-5524bab0, #w-node-_0a25f793-43c5-0d70-a71c-3fad16f6433a-5524bab0, #w-node-_0a25f793-43c5-0d70-a71c-3fad16f64341-5524bab0, #w-node-_0a25f793-43c5-0d70-a71c-3fad16f64348-5524bab0, #w-node-b56cecbe-024b-de99-d0f4-1d5ae2c2d8f4-6e459799 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_93505da5-a728-61e0-5a80-9ecc42e44133-99aadf8f, #w-node-_961c33fe-39d6-d88f-9bc1-2b1c22553fb3-99aadf8f, #w-node-_82e54770-b920-3dbd-d898-04e8cb67ea47-3b70c38c, #w-node-_82e54770-b920-3dbd-d898-04e8cb67ea75-3b70c38c {
  place-self: start end;
}

#w-node-_3e9ac271-7e3a-cc7d-c58d-470a94f20f0e-0c0ce497 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-_3e9ac271-7e3a-cc7d-c58d-470a94f20ecd-0c0ce497 {
    place-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_59cfe758-886d-2926-0a71-8ad0ef2639e9-99aadf8f, #w-node-_82e54770-b920-3dbd-d898-04e8cb67ea56-3b70c38c {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_05926a5d-8bfd-d29f-f73b-56b57d61c1fa-c9da49d1 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_93505da5-a728-61e0-5a80-9ecc42e44133-82317a27, #w-node-_93505da5-a728-61e0-5a80-9ecc42e44133-99aadf8f, #w-node-_961c33fe-39d6-d88f-9bc1-2b1c22553fb3-99aadf8f, #w-node-_82e54770-b920-3dbd-d898-04e8cb67ea47-3b70c38c, #w-node-_82e54770-b920-3dbd-d898-04e8cb67ea75-3b70c38c {
    justify-self: center;
  }
}

@font-face {
  font-family: 'Outfit';
  src: url('https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66a8b2a2b8075abafca5ad7b_Outfit-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url('https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66a8b2a29f664521bd808d44_Outfit-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url('https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66a8b2a2bbdad5ce9462764e_Outfit-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url('https://cdn.prod.website-files.com/66a8a10b0e8d98b882317a1c/66a8b2a2d177c986987b4bfe_Outfit-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body,
.page-wrapper,
.main-wrapper,
.hero-section-v1,
.navbar-section,
.footer-section {
  background: #050505 !important;
  color: #f4efe3 !important;
}

.hero-section-v1 {
  background: radial-gradient(circle at 72% 34%, rgba(214, 178, 94, .18), transparent 28%), radial-gradient(circle at 83% 64%, rgba(214, 178, 94, .12), transparent 24%), linear-gradient(180deg, #020202 0%, #080808 55%, #020202 100%) !important;
}

.navbar-wrapper,
.nav-dropdown-list,
.footer-block-wrapper,
.features-collection-item-block-v1,
.features-collection-item-block-v2,
.features-collection-item-block-v3,
.features-collection-item-block-v4,
.pricing-card-block,
.integration-brand-icon-block,
.integration-brand-icon-block-two,
.newsletter-input-block {
  background-color: rgba(10, 10, 10, .92) !important;
  border-color: rgba(214, 178, 94, .24) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(214, 178, 94, .06) !important;
}

.section-sub-title-with-bg-color,
.features-item-name,
.section-title-highlight-span,
.title-highlight-span,
.menu-link:hover,
.nav-dropdown-link:hover,
.footer-link-block:hover,
.footer-link-block:hover .footer-link-text,
.footer-title,
.features-item-heading {
  color: #d6b25e !important;
}

.section-sub-title-with-bg-color,
.primary-button-block,
.subscribe-button,
.w-button,
.primary-button-bg-color-overly,
.what-we-do-center-bg-shaddow,
.landing-page-cta-wrapper {
  background-color: #d6b25e !important;
  background-image: linear-gradient(135deg, #f6de92 0%, #d6b25e 42%, #8f6f25 100%) !important;
  color: #050505 !important;
}

.outline-button-block,
.navbar-button,
.newsletter-input-field,
.w-input,
.w-select {
  background-color: rgba(5, 5, 5, .55) !important;
  border-color: rgba(214, 178, 94, .55) !important;
  color: #f4efe3 !important;
}

.hero-v1-title,
.section-title,
.footer-subscribe-title,
.menu-link,
.button-text,
.footer-link-text {
  color: #fffaf0 !important;
}

.hero-v1-excerpt,
.features-item-description,
.footer-subscribe-excerpt,
.features-section-excerpt,
.footer-copyright-text,
.newsletter-input-field::placeholder {
  color: rgba(244, 239, 227, .72) !important;
}

.hero-v1-banner-block,
.features-banner-block-v1,
.features-banner-block-v2,
.features-banner-block-v3,
.features-banner-block-v4 {
  filter: sepia(1) saturate(1.35) hue-rotate(354deg) brightness(.82) contrast(1.08) !important;
}

.hero-section-graident-bg-shape-left,
.hero-section-graident-bg-shape-right,
.graident-bg-shape,
.gradient-bg-shape,
.left-block-shape,
.right-block-shape {
  opacity: .72 !important;
  color: #d6b25e !important;
}

svg path[fill="#5542f6"],
svg path[fill="#2929D9"],
svg path[fill="#2E00AB"],
svg path[fill="#6441A5"],
svg path[stroke="#5542f6"] {
  fill: #d6b25e !important;
  stroke: #d6b25e !important;
}

* {
  scrollbar-color: #d6b25e #050505;
}

.ai-page {
  --ai-black: #030303;
  --ai-panel: rgba(12, 12, 10, .88);
  --ai-line: rgba(214, 178, 94, .22);
  --ai-gold: #d6b25e;
  --ai-gold-light: #f8df92;
  --ai-text: #fffaf0;
  --ai-muted: rgba(255, 250, 240, .68);
  background: #030303;
  color: var(--ai-text);
  overflow: hidden;
}

.ai-container {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
}

.ai-hero {
  position: relative;
  min-height: 100vh;
  /*padding: 120px 0 56px;*/
  background: radial-gradient(circle at 73% 31%, rgba(214, 178, 94, .16), transparent 26%), radial-gradient(circle at 82% 70%, rgba(214, 178, 94, .12), transparent 22%), linear-gradient(180deg, #030303 0%, #090806 55%, #030303 100%);
}

.ai-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(214, 178, 94, .055) 1px, transparent 1px), linear-gradient(to bottom, rgba(214, 178, 94, .035) 1px, transparent 1px);
  background-size: 110px 110px;
  mask-image: radial-gradient(circle at 70% 35%, black, transparent 72%);
}

.ai-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr .95fr;
  gap: 54px;
  align-items: center;
}

.ai-eyebrow {
  color: var(--ai-gold);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .32em;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.ai-hero-copy h1 {
  color: var(--ai-text);
  max-width: 650px;
  margin: 0;
  font-size: clamp(48px, 6vw, 82px);
  line-height: 1.03;
  letter-spacing: -.045em;
}

.ai-hero-copy h1::first-line {
  color: var(--ai-text);
}

.ai-hero-copy p {
  color: var(--ai-muted);
  max-width: 560px;
  margin: 24px 0 0;
  font-size: 17px;
  line-height: 1.75;
}

.ai-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 34px;
}

.ai-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 0 26px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  transition: transform .30s ease, border-color .30s ease, box-shadow .30s ease, background .30s ease;
}

.ai-btn::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -80%;
  width: 55%;
  height: 220%;
  background: linear-gradient(
    108deg,
    transparent           12%,
    rgba(255,248,210,.22) 38%,
    rgba(255,255,255,.45) 50%,
    rgba(255,248,210,.22) 62%,
    transparent           88%
  );
  transform: skewX(-10deg);
  pointer-events: none;
  z-index: 1;
  transition: none;
}

.ai-btn:hover::after {
  left: 140%;
  transition: left .55s cubic-bezier(.4, 0, .2, 1);
}

.ai-btn:hover {
  transform: translateY(-2px) scale(1.015);
}

.ai-btn-gold {
  color: #050505;
  border: 1px solid rgba(246, 222, 146, .8);
  background: linear-gradient(135deg, #f8df92 0%, #d6b25e 46%, #8d6b22 100%);
  box-shadow: 0 14px 38px rgba(214, 178, 94, .22);
}

.ai-btn-gold:hover {
  box-shadow:
    0 0 0 1px rgba(249, 227, 139, .38),
    0 0 36px rgba(214, 178, 94, .32),
    0 16px 44px rgba(214, 178, 94, .24);
}

.ai-btn-outline {
  color: var(--ai-text);
  border: 1px solid rgba(214, 178, 94, .52);
  background: rgba(0, 0, 0, .22);
}

.ai-btn-outline:hover {
  border-color: rgba(246, 222, 146, .72);
  box-shadow:
    0 0 0 1px rgba(214, 178, 94, .20),
    0 0 28px rgba(214, 178, 94, .18);
}

.ai-hero-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 430px;
}

.ai-orbit {
  position: absolute;
  width: min(510px, 88vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: repeating-radial-gradient(circle, rgba(214, 178, 94, .22) 0 1px, transparent 1px 22px);
  opacity: .55;
}

.ai-ring-one,
.ai-ring-two {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(214, 178, 94, .65);
  box-shadow: 0 0 32px rgba(214, 178, 94, .28);
}

.ai-ring-one {
  width: 420px;
  height: 86px;
  bottom: 38px;
}

.ai-ring-two {
  width: 320px;
  height: 56px;
  bottom: 58px;
}

.ai-hero-logo {
  position: relative;
  z-index: 2;
  width: min(360px, 72vw);
  filter: drop-shadow(0 30px 70px rgba(214, 178, 94, .24));
}

.ai-service-cards {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: -46px;
}

.ai-service-cards article,
.ai-packages article,
.ai-phases div {
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
  border: 1px solid var(--ai-line);
  border-radius: 12px;
  padding: 24px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 18px 50px rgba(0,0,0,.25);
}

.ai-service-cards span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: var(--ai-gold);
  border: 1px solid rgba(214, 178, 94, .28);
  border-radius: 10px;
  margin-bottom: 16px;
}

.ai-service-cards h3,
.ai-packages h3,
.ai-method-list h3,
.ai-program h2,
.ai-section-head h2 {
  color: var(--ai-text);
}

.ai-service-cards p,
.ai-packages p,
.ai-section-head p,
.ai-program p {
  color: var(--ai-muted);
}

.ai-service-cards a {
  color: var(--ai-gold);
  text-decoration: none;
}

.ai-stats {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 16px;
  border: 1px solid var(--ai-line);
  border-radius: 12px;
  background: rgba(0, 0, 0, .34);
}

.ai-stats div {
  text-align: center;
  padding: 24px 12px;
  border-right: 1px solid rgba(214, 178, 94, .18);
}

.ai-stats div:last-child {
  border-right: 0;
}

.ai-stats strong {
  display: block;
  color: var(--ai-gold-light);
  font-size: 34px;
  line-height: 1;
}

.ai-stats span {
  display: block;
  color: var(--ai-muted);
  margin-top: 8px;
  font-size: 13px;
}

.ai-section {
  padding: 105px 0;
  background: #030303;
}

.ai-section-dark {
  background: #070706;
}

.ai-section-head {
  margin-bottom: 42px;
}

.ai-section-head h2 {
  max-width: 850px;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(40px, 4.8vw, 46px);
  line-height: .98;
  font-weight: 400;
  letter-spacing: -.045em;
}

.ai-section-head h2 em {
    color: #d6b25e;
    font-style: italic;
}

.ai-method-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 32px;
  align-items: center;
}

.ai-method-orbit {
  min-height: 420px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: repeating-radial-gradient(circle, rgba(214, 178, 94, .16) 0 1px, transparent 1px 28px);
  border: 1px solid rgba(214, 178, 94, .22);
}

.ai-method-orbit div {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--ai-muted);
  background: #050505;
  border: 1px solid rgba(214, 178, 94, .45);
}

.ai-method-orbit strong {
  color: var(--ai-gold-light);
  font-size: 24px;
}

.ai-method-list {
  border-top: 1px solid var(--ai-line);
}

.ai-method-list div {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 20px;
  align-items: center;
  padding: 22px 0;
  border-bottom: 1px solid var(--ai-line);
}

.ai-method-list span,
.ai-packages span {
  color: var(--ai-gold);
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ai-packages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.ai-packages article.featured {
  border-color: rgba(246, 222, 146, .55);
  box-shadow: 0 22px 70px rgba(214, 178, 94, .12), inset 0 0 0 1px rgba(246, 222, 146, .12);
}

.ai-program {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 42px;
  align-items: start;
}

.ai-phases {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.ai-phases div {
  color: var(--ai-muted);
}

.ai-phases strong {
  display: inline-block;
  color: var(--ai-text);
  margin-top: 8px;
}

@media screen and (max-width: 991px) {
  .ai-hero-grid,
  .ai-method-grid,
  .ai-program {
    grid-template-columns: 1fr;
  }

  .ai-service-cards,
  .ai-stats,
  .ai-packages {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 640px) {
  .ai-container {
    width: min(100% - 28px, 1120px);
  }

  .ai-hero {
    padding-top: 96px;
  }

  .ai-service-cards,
  .ai-stats,
  .ai-packages,
  .ai-phases {
    grid-template-columns: 1fr;
  }

  .ai-stats div {
    border-right: 0;
    border-bottom: 1px solid rgba(214, 178, 94, .18);
  }
}

.ai-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 0px 0;
  background: linear-gradient(180deg, rgba(3,3,3,.86), rgba(3,3,3,.25) 72%, transparent);
  backdrop-filter: blur(12px);
}

/* Anchor scroll offset — every nav target leaves clearance for the fixed
   header (~76px) so section headings are never hidden underneath it.      */
section[id] {
  scroll-margin-top: 96px;
}

.ai-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.ai-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border: 0;
}

.ai-brand img {
  width: 215px;
  height: auto;
  display: block;
}

.ai-nav-links {
  display: flex;
  align-items: center;
  gap: 34px;
}

.ai-nav-links a,
.ai-nav-cta,
.ai-footer a {
  color: rgba(255, 250, 240, .78);
  text-decoration: none;
  border: 0;
  font-size: 13px;
  font-weight: 500;
}

.ai-nav-links a:hover,
.ai-nav-cta:hover,
.ai-footer a:hover {
  color: #d6b25e;
}

.ai-nav-cta::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -80%;
  width: 55%;
  height: 220%;
  background: linear-gradient(
    108deg,
    transparent           12%,
    rgba(255,248,210,.20) 38%,
    rgba(255,255,255,.40) 50%,
    rgba(255,248,210,.20) 62%,
    transparent           88%
  );
  transform: skewX(-10deg);
  pointer-events: none;
  z-index: 1;
  transition: none;
}

.ai-nav-cta:hover {
  transform: scale(1.04);
  box-shadow: 0 0 22px rgba(214, 178, 94, .22);
  transition: transform .30s ease, box-shadow .30s ease;
}

.ai-nav-cta:hover::after {
  left: 140%;
  transition: left .55s cubic-bezier(.4, 0, .2, 1);
}

.ai-nav-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 22px;
  overflow: hidden;
  border: 1px solid rgba(214, 178, 94, .65);
  border-radius: 999px;
  color: #fffaf0;
}

.ai-footer {
  padding: 74px 0 26px;
  background: #030303;
  border-top: 1px solid rgba(214, 178, 94, .2);
  color: #fffaf0;
}

.ai-footer-grid {
  display: grid;
  grid-template-columns: 1.45fr repeat(3, 1fr);
  gap: 42px;
}

.ai-footer-logo {
  width: 160px;
  margin-bottom: 22px;
}

.ai-footer p {
  max-width: 390px;
  color: rgba(255, 250, 240, .68);
  line-height: 1.7;
}

.ai-footer h3 {
  color: #d6b25e;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin: 0 0 18px;
}

.ai-footer a {
  display: block;
  margin-bottom: 12px;
}

.ai-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 56px;
  padding-top: 22px;
  border-top: 1px solid rgba(214, 178, 94, .14);
  color: rgba(255, 250, 240, .48);
  font-size: 13px;
}

@media screen and (max-width: 900px) {
  .ai-nav-links {
    display: none;
  }

  .ai-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 640px) {
  .ai-brand img {
    width: 125px;
  }

  .ai-nav-cta {
    min-height: 38px;
    padding: 0 16px;
  }

  .ai-footer-grid {
    grid-template-columns: 1fr;
  }

  .ai-footer-bottom {
    flex-direction: column;
  }
}

.ai-hero {
  min-height: 108vh !important;
  /*padding-top: 132px !important;*/
  background: radial-gradient(circle at 74% 32%, rgba(246, 222, 146, .18), transparent 24%), radial-gradient(circle at 78% 58%, rgba(214, 178, 94, .14), transparent 20%), linear-gradient(180deg, #010101 0%, #060503 50%, #020202 100%) !important;
}

.ai-hero-grid {
  grid-template-columns: .88fr 1.12fr !important;
  gap: 38px !important;
}

.ai-hero-copy h1 {
  max-width: 760px !important;
  font-size: clamp(56px, 7.25vw, 104px) !important;
  line-height: .93 !important;
  letter-spacing: -.07em !important;
  /*color: transparent !important;
  background: linear-gradient(180deg, #fff8df 0%, #f8df92 26%, #d6b25e 58%, #7d5d17 100%) !important;*/
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: 0 18px 70px rgba(214, 178, 94, .22) !important;
}

.ai-hero-copy p {
  max-width: 610px !important;
  font-size: 18px !important;
}

.ai-hero-visual {
  min-height: 620px !important;
  isolation: isolate;
  perspective: 1000px;
}

.ai-hero-visual::before {
  content: "";
  position: absolute;
  width: min(690px, 96vw);
  height: min(690px, 96vw);
  border-radius: 50%;
  background: repeating-radial-gradient(circle, rgba(214, 178, 94, .22) 0 1px, transparent 1px 22px), radial-gradient(circle, rgba(246, 222, 146, .12), transparent 56%);
  box-shadow: inset 0 0 80px rgba(214, 178, 94, .05);
  opacity: .72;
  transform: translateY(-34px);
  z-index: 0;
}

.ai-hero-visual::after {
  content: "";
  position: absolute;
  bottom: 82px;
  width: min(620px, 86vw);
  height: 118px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(246, 222, 146, .44) 0%, rgba(214, 178, 94, .2) 22%, rgba(214, 178, 94, .06) 46%, transparent 68%);
  filter: blur(2px);
  z-index: 1;
}

.ai-orbit {
  width: min(690px, 96vw) !important;
  opacity: .52 !important;
  background: repeating-radial-gradient(circle, rgba(214, 178, 94, .18) 0 1px, transparent 1px 25px) !important;
  transform: translateY(-34px);
}

.ai-ring-one,
.ai-ring-two {
  z-index: 4 !important;
  border-color: rgba(255, 224, 130, .94) !important;
  box-shadow: 0 0 12px rgba(255, 224, 130, .9), 0 0 42px rgba(214, 178, 94, .52), inset 0 0 18px rgba(255, 224, 130, .42) !important;
  background: transparent !important;
}

.ai-ring-one {
  width: min(610px, 86vw) !important;
  height: 84px !important;
  bottom: 100px !important;
  transform: rotateX(68deg);
}

.ai-ring-two {
  width: min(470px, 68vw) !important;
  height: 58px !important;
  bottom: 116px !important;
  transform: rotateX(68deg);
  opacity: .78;
}

.ai-hero-logo {
  width: min(420px, 68vw) !important;
  z-index: 5 !important;
  transform: translateY(-42px);
  filter: drop-shadow(0 22px 46px rgba(214, 178, 94, .24)) drop-shadow(0 0 62px rgba(246, 222, 146, .28)) !important;
}

.ai-visual-lines {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.ai-visual-lines span {
  position: absolute;
  bottom: 104px;
  width: 1px;
  height: var(--h, 170px);
  left: var(--x, 50%);
  background: linear-gradient(180deg, transparent, rgba(214, 178, 94, .36), rgba(255, 224, 130, .95), transparent);
  box-shadow: 0 0 14px rgba(255, 224, 130, .75);
  opacity: .86;
}

.ai-visual-lines span::before,
.ai-visual-lines span::after {
  content: "";
  position: absolute;
  left: -3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffe082;
  box-shadow: 0 0 18px rgba(255, 224, 130, .95);
}

.ai-visual-lines span::before { top: 22%; }
.ai-visual-lines span::after { bottom: 12%; }
.ai-visual-lines span:nth-child(1) { --x: 5%; --h: 142px; }
.ai-visual-lines span:nth-child(2) { --x: 13%; --h: 238px; }
.ai-visual-lines span:nth-child(3) { --x: 78%; --h: 210px; }
.ai-visual-lines span:nth-child(4) { --x: 86%; --h: 320px; }
.ai-visual-lines span:nth-child(5) { --x: 93%; --h: 178px; }
.ai-visual-lines span:nth-child(6) { --x: 68%; --h: 146px; }

.ai-visual-particles {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.ai-visual-particles span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s, 5px);
  height: var(--s, 5px);
  border-radius: 50%;
  background: #ffe082;
  box-shadow: 0 0 18px rgba(255, 224, 130, .95);
  opacity: .95;
}

.ai-visual-particles span:nth-child(1) { --x: 16%; --y: 27%; --s: 4px; }
.ai-visual-particles span:nth-child(2) { --x: 29%; --y: 17%; --s: 5px; }
.ai-visual-particles span:nth-child(3) { --x: 58%; --y: 11%; --s: 4px; }
.ai-visual-particles span:nth-child(4) { --x: 81%; --y: 22%; --s: 3px; }
.ai-visual-particles span:nth-child(5) { --x: 89%; --y: 47%; --s: 5px; }
.ai-visual-particles span:nth-child(6) { --x: 12%; --y: 59%; --s: 5px; }

@media screen and (max-width: 991px) {
  .ai-hero-grid {
    grid-template-columns: 1fr !important;
  }

  .ai-hero-copy h1 {
    font-size: clamp(48px, 11vw, 84px) !important;
  }

  .ai-hero-visual {
    min-height: 520px !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-hero-copy h1 {
    font-size: clamp(44px, 13vw, 64px) !important;
  }

  .ai-hero-visual {
    min-height: 430px !important;
  }

  .ai-hero-logo {
    width: min(300px, 76vw) !important;
  }
}

.ai-hero-copy h1 {
  max-width: 680px !important;
  font-size: clamp(42px, 5.15vw, 14px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

@media screen and (max-width: 991px) {
  .ai-hero-copy h1 {
    font-size: clamp(40px, 8.6vw, 68px) !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-hero-copy h1 {
    font-size: clamp(34px, 10vw, 52px) !important;
  }
}

.ai-hero-logo {
  transform: translateY(-42px) translateZ(0) !important;
  animation: ai-logo-float-y 5.8s ease-in-out infinite !important;
  will-change: transform, filter;
}

.ai-ring-one {
  animation: ai-platform-glow 3.8s ease-in-out infinite !important;
}

.ai-ring-two {
  animation: ai-platform-glow 3.8s ease-in-out infinite reverse !important;
}

.ai-visual-particles span {
  animation: ai-particle-twinkle 3.2s ease-in-out infinite;
}

.ai-visual-particles span:nth-child(2),
.ai-visual-particles span:nth-child(5) {
  animation-delay: .8s;
}

.ai-visual-particles span:nth-child(3),
.ai-visual-particles span:nth-child(6) {
  animation-delay: 1.5s;
}

@keyframes ai-logo-float-y {
  0%, 100% {
    transform: translateY(-42px) translateZ(0) scale(1);
    filter: drop-shadow(0 22px 46px rgba(214, 178, 94, .22)) drop-shadow(0 0 54px rgba(246, 222, 146, .22));
  }

  50% {
    transform: translateY(-72px) translateZ(0) scale(1.018);
    filter: drop-shadow(0 34px 62px rgba(214, 178, 94, .32)) drop-shadow(0 0 78px rgba(246, 222, 146, .34));
  }
}

@keyframes ai-platform-glow {
  0%, 100% {
    opacity: .82;
    box-shadow: 0 0 10px rgba(255, 224, 130, .7), 0 0 34px rgba(214, 178, 94, .42), inset 0 0 16px rgba(255, 224, 130, .34);
  }

  50% {
    opacity: 1;
    box-shadow: 0 0 18px rgba(255, 224, 130, .95), 0 0 58px rgba(214, 178, 94, .62), inset 0 0 24px rgba(255, 224, 130, .52);
  }
}

@keyframes ai-particle-twinkle {
  0%, 100% {
    transform: translateY(0) scale(.85);
    opacity: .55;
  }

  50% {
    transform: translateY(-12px) scale(1.18);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ai-hero-logo,
  .ai-ring-one,
  .ai-ring-two,
  .ai-visual-particles span {
    animation: none !important;
  }
}

.ai-hero-logo {
  animation-name: ai-logo-visible-float !important;
  animation-duration: 2.8s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
  transform-origin: center center !important;
}

.ai-ring-one,
.ai-ring-two {
  animation-name: ai-ring-visible-pulse !important;
  animation-duration: 2.8s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: infinite !important;
}

@keyframes ai-logo-visible-float {
  0%, 100% {
    transform: translateY(-28px) scale(1) !important;
    filter: drop-shadow(0 18px 38px rgba(214, 178, 94, .18)) drop-shadow(0 0 44px rgba(246, 222, 146, .2)) !important;
  }

  50% {
    transform: translateY(-98px) scale(1.035) !important;
    filter: drop-shadow(0 54px 78px rgba(214, 178, 94, .42)) drop-shadow(0 0 96px rgba(246, 222, 146, .45)) !important;
  }
}

@keyframes ai-ring-visible-pulse {
  0%, 100% {
    transform: rotateX(68deg) scale(1) !important;
    opacity: .74;
  }

  50% {
    transform: rotateX(68deg) scale(1.08) !important;
    opacity: 1;
  }
}

.ai-hero-logo {
  position: relative !important;
  top: 0;
  animation: ai-logo-real-updown 2.6s ease-in-out infinite !important;
}

@keyframes ai-logo-real-updown {
  0%, 100% {
    top: 0;
  }

  50% {
    top: -72px;
  }
}

.ai-service-cards {
  gap: 18px !important;
  align-items: stretch;
}

.ai-service-cards article {
  position: relative;
  min-height: 240px;
  padding: 25px 22px 22px !important;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(13, 12, 8, .92), rgba(3, 3, 3, .96)),
    linear-gradient(135deg, #6e5018, #d6b25e 28%, #f9e38b 50%, #d6b25e 72%, #6e5018) !important;
  background-clip: padding-box, border-box !important;
  background-origin: padding-box, border-box !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 18px 45px rgba(0, 0, 0, .38), 0 0 36px rgba(214, 178, 94, .15) !important;
  transition: transform .28s ease, box-shadow .28s ease;
}

.ai-service-cards article::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 16% 8%, rgba(249, 227, 139, .12), transparent 28%);
  opacity: .55;
}

.ai-service-cards article:hover {
  transform: translateY(-6px);
  background:
    linear-gradient(145deg, rgba(13, 12, 8, .92), rgba(3, 3, 3, .96)),
    linear-gradient(135deg, #8b6820, #e2c070 25%, #fff6d6 50%, #e2c070 75%, #8b6820) !important;
  background-clip: padding-box, border-box !important;
  background-origin: padding-box, border-box !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 24px 70px rgba(187, 136, 52, .18), 0 0 54px rgba(214, 178, 94, .22) !important;
}

.ai-service-cards span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ai-service-cards span i {
  font-size: 31px;
  line-height: 1;
  background: linear-gradient(135deg, #f9e38b 0%, #e1b85a 45%, #bb8834 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #f9e38b;
  filter: drop-shadow(0 0 10px rgba(249, 227, 139, .22));
}

.ai-service-cards h4,
.ai-service-cards h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  color: #fffaf0 !important;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.02em;
}

.ai-service-cards p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: rgba(255, 250, 240, .68) !important;
  font-size: 13px;
  line-height: 1.7;
}

.ai-service-cards a {
  position: absolute;
  left: 22px;
  bottom: 14px;
  color: #f9e38b !important;
  font-size: 18px;
  line-height: 0;
  text-decoration: none !important;
  text-shadow: 0 0 12px rgba(249, 227, 139, .28);
}

.ai-manifesto {
  position: relative;
  padding: 118px 0 112px;
  background: radial-gradient(circle at 16% 16%, rgba(249, 227, 139, .09), transparent 26%), linear-gradient(180deg, #030303 0%, #090806 50%, #030303 100%);
  border-top: 1px solid rgba(249, 227, 139, .12);
  /*border-bottom: 1px solid rgba(249, 227, 139, .12);*/
  overflow: hidden;
}

.ai-manifesto::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .035) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .025) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(90deg, black, transparent 78%);
}

.ai-manifesto-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.22fr .88fr;
  gap: 84px;
  align-items: start;
}

.ai-manifesto-num {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
  color: #d6b25e;
  font-size: 11px;
  letter-spacing: .32em;
  text-transform: uppercase;
}

.ai-manifesto-num::after {
  content: "";
  width: 82px;
  height: 1px;
  background: linear-gradient(90deg, rgba(249, 227, 139, .42), transparent);
}

.ai-manifesto-left h2 {
  max-width: 780px;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(43px, 5.25vw, 56px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.055em;
}

.ai-manifesto-left h2 em {
  color: #d6b25e;
  font-style: italic;
  text-shadow: 0 0 32px rgba(214, 178, 94, .16);
}

.ai-manifesto-tags {
  display: grid;
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  gap: 26px 72px;
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid rgba(249, 227, 139, .14);
}

.ai-manifesto-tags span {
  color: rgba(249, 227, 139, .76);
  font-size: 11px;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.ai-manifesto-right {
  padding-top: 10px;
  border-top: 1px solid rgba(249, 227, 139, .14);
}

.ai-manifesto-right article {
  padding: 27px 0 28px;
  border-bottom: 1px solid rgba(249, 227, 139, .14);
}

.ai-manifesto-right h3 {
  margin: 0 0 14px;
  color: #f9e38b;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.ai-manifesto-right p {
  margin: 0;
  color: rgba(255, 250, 240, .72);
  font-size: 14px;
  line-height: 1.85;
}

@media screen and (max-width: 991px) {
  .ai-manifesto-grid {
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .ai-manifesto-left h2 {
    font-size: clamp(40px, 8vw, 64px);
  }
}

@media screen and (max-width: 640px) {
  .ai-manifesto {
    padding: 84px 0;
  }

  .ai-manifesto-tags {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

.ai-audience {
  position: relative;
  padding: 112px 0 104px;
  background: radial-gradient(circle at 50% 0%, rgba(249, 227, 139, .08), transparent 28%), linear-gradient(180deg, #030303 0%, #070908 52%, #030303 100%);
  overflow: hidden;
}

.ai-audience::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .028) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .02) 1px, transparent 1px);
  background-size: 112px 112px;
  opacity: .62;
}

.ai-audience-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 72px;
  align-items: end;
  margin-bottom: 42px;
}

.ai-audience-head h2 {
  max-width: 650px;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(40px, 4.8vw, 66px);
  line-height: .98;
  font-weight: 400;
  letter-spacing: -.045em;
}

.ai-audience-head h2 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-audience-head > p {
  margin: 0 0 12px;
  padding-left: 36px;
  border-left: 1px solid rgba(249, 227, 139, .18);
  color: rgba(255, 250, 240, .7);
  font-size: 15px;
  line-height: 1.85;
}

.ai-audience-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ai-audience-grid article {
  position: relative;
  min-height: 470px;
  padding: 27px 24px 24px;
  background: linear-gradient(180deg, rgba(12, 15, 15, .94), rgba(4, 5, 5, .96));
  border: 1px solid rgba(249, 227, 139, .16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 22px 70px rgba(0,0,0,.34);
  overflow: hidden;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.ai-audience-grid article:hover {
  transform: translateY(-7px);
  border-color: rgba(249, 227, 139, .36);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(214, 178, 94, .20),
    0 0 38px rgba(214, 178, 94, .18),
    0 28px 72px rgba(0, 0, 0, .52);
}

.ai-audience-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 26px;
}

.ai-audience-top span {
  color: #d6b25e;
  font-size: 16px;
  letter-spacing: .12em;
}

.ai-audience-top i,
.ai-audience-result i {
  font-size: 36px;
  background: linear-gradient(135deg, #f9e38b 0%, #d6a84b 48%, #bb8834 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(249, 227, 139, .18));
}

.ai-audience-grid h3 {
  margin: 0 0 22px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 29px;
  line-height: 1.05;
  font-weight: 400;
  letter-spacing: -.03em;
}

.ai-audience-grid h3::after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin-top: 18px;
  background: rgba(249, 227, 139, .46);
}

.ai-audience-grid article > p {
  min-height: 112px;
  margin: 0 0 22px;
  color: rgba(255, 250, 240, .7);
  font-size: 13px;
  line-height: 1.75;
}

.ai-audience-purpose {
  margin-bottom: 16px;
  padding: 15px 14px;
  color: rgba(255, 250, 240, .72);
  font-size: 13px;
  line-height: 1.65;
  border: 1px solid rgba(249, 227, 139, .13);
  background: rgba(255, 255, 255, .018);
}

.ai-audience-purpose small {
  display: block;
  margin-bottom: 8px;
  color: #d6b25e;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.ai-audience-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
}

.ai-audience-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  color: rgba(255, 250, 240, .82);
  border: 1px solid rgba(249, 227, 139, .18);
  background: rgba(0, 0, 0, .18);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ai-audience-result {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 14px;
  align-items: center;
  padding-top: 20px;
  border-top: 1px solid rgba(249, 227, 139, .2);
  color: rgba(255, 250, 240, .82);
  font-size: 13px;
  line-height: 1.55;
}

.ai-audience-result i {
  font-size: 28px;
}

.ai-audience-note {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
  align-items: center;
  margin-top: 34px;
  text-align: center;
}

.ai-audience-note span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(249, 227, 139, .18), transparent);
}

.ai-audience-note p {
  margin: 0;
  color: rgba(255, 250, 240, .7);
  font-size: 15px;
}

.ai-audience-note em {
  color: #d6b25e;
  font-style: italic;
}

@media screen and (max-width: 1180px) {
  .ai-audience-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 760px) {
  .ai-audience-head {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ai-audience-head > p {
    padding-left: 0;
    border-left: 0;
  }

  .ai-audience-grid {
    grid-template-columns: 1fr;
  }

  .ai-audience-note {
    grid-template-columns: 1fr;
  }
}

.ai-method-orbit {
  position: relative !important;
  min-height: 560px !important;
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.ai-method-orbit::before,
.ai-method-orbit::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
}

.ai-method-orbit::before {
  width: min(96%, 520px);
  aspect-ratio: 1;
  border: 1px solid rgba(249, 227, 139, .22);
  box-shadow: 0 0 0 72px rgba(249, 227, 139, .07), 0 0 0 144px rgba(249, 227, 139, .045);
}

.ai-method-orbit::after {
  width: min(62%, 335px);
  aspect-ratio: 1;
  border: 1px solid rgba(249, 227, 139, .12);
}

.ai-method-core {
  position: relative !important;
  z-index: 2;
  width: 172px !important;
  height: 172px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px;
  border-radius: 50% !important;
  border: 1px solid rgba(249, 227, 139, .78) !important;
  background: radial-gradient(circle, rgba(249, 227, 139, .08), rgba(5, 5, 5, .96) 64%) !important;
  color: rgba(255, 250, 240, .72) !important;
  box-shadow: 0 0 70px rgba(214, 178, 94, .12) !important;
}

.ai-method-core span {
  color: #d6b25e !important;
  font-size: 10px !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}

.ai-method-core strong {
  color: #fffaf0 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
}

.ai-orbit-label {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 15px;
  color: #fffaf0;
  border: 1px solid rgba(249, 227, 139, .18);
  background: linear-gradient(180deg, rgba(15, 15, 12, .96), rgba(5, 5, 5, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 16px 34px rgba(0, 0, 0, .24);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ai-orbit-label::before {
  content: "";
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 50%;
  background: #d6b25e;
  box-shadow: 0 0 12px rgba(249, 227, 139, .52);
}

.ai-orbit-label-1 {
  top: 1%;
  left: 50%;
  transform: translateX(-50%);
}

.ai-orbit-label-2 {
  top: 47%;
  right: -8px;
}

.ai-orbit-label-3 {
  right: 70px;
  bottom: 11%;
}

.ai-orbit-label-4 {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.ai-orbit-label-5 {
  left: 70px;
  bottom: 11%;
}

.ai-orbit-label-6 {
  top: 47%;
  left: -8px;
}

.ai-orbit-label-7 {
  top: 16%;
  left: 48px;
}

@media screen and (max-width: 991px) {
  .ai-method-orbit {
    min-height: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 22px 0 0;
  }

  .ai-method-orbit::before,
  .ai-method-orbit::after {
    display: none;
  }

  .ai-method-core {
    grid-column: 1 / -1;
    justify-self: center;
    margin-bottom: 12px;
  }

  .ai-orbit-label {
    position: relative;
    inset: auto;
    transform: none !important;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    text-align: center;
    white-space: normal;
  }
}

@media screen and (max-width: 560px) {
  .ai-method-orbit {
    grid-template-columns: 1fr;
  }

  .ai-method-core {
    width: 150px !important;
    height: 150px !important;
  }
}

.ai-process {
  position: relative;
  padding: 112px 0 104px;
  /*background: radial-gradient(circle at 18% 8%, rgba(249, 227, 139, .09), transparent 26%), linear-gradient(180deg, #030303 0%, #080705 48%, #030303 100%);*/
  border-top: 1px solid rgba(249, 227, 139, .12);
  border-bottom: 1px solid rgba(249, 227, 139, .1);
  overflow: hidden;
}

.ai-process::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .028) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .018) 1px, transparent 1px);
  background-size: 110px 110px;
  opacity: .54;
}

.ai-process-head {
  position: relative;
  z-index: 1;
  margin-bottom: 58px;
}

.ai-process-head h2 {
  max-width: 900px;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(46px, 6vw, 62px);
  line-height: 1.05;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-process-head h2 em {
  color: #d6b25e;
  font-style: italic;
  text-shadow: 0 0 34px rgba(214, 178, 94, .14);
}

.ai-process-timeline {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border-top: 1px solid rgba(249, 227, 139, .2);
}

.ai-process-timeline article {
  position: relative;
  min-height: 184px;
  padding: 38px 18px 0;
  border-right: 1px solid rgba(249, 227, 139, .12);
}

.ai-process-timeline article:last-child {
  border-right: 0;
}

.ai-process-timeline article::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #030303;
  border: 1px solid #d6b25e;
  box-shadow: 0 0 18px rgba(249, 227, 139, .28);
}

.ai-process-timeline article span {
  display: block;
  margin-bottom: 14px;
  color: #d6b25e;
  font-size: 11px;
  letter-spacing: .24em;
}

.ai-process-timeline article h3 {
  margin: 0 0 12px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 23px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -.025em;
}

.ai-process-timeline article p {
  margin: 0;
  color: rgba(255, 250, 240, .68);
  font-size: 12px;
  line-height: 1.75;
}

.ai-process-timeline article:hover h3 {
  color: #f9e38b;
}

.ai-process-timeline article:hover::before {
  background: #d6b25e;
  box-shadow: 0 0 26px rgba(249, 227, 139, .48);
}

@media screen and (max-width: 1180px) {
  .ai-process-timeline {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    border-top: 0;
  }

  .ai-process-timeline article {
    min-height: 190px;
    border-top: 1px solid rgba(249, 227, 139, .18);
  }
}

@media screen and (max-width: 760px) {
  .ai-process {
    padding: 84px 0;
  }

  .ai-process-head {
    margin-bottom: 38px;
  }

  .ai-process-head h2 {
    font-size: clamp(40px, 12vw, 58px);
  }

  .ai-process-timeline {
    grid-template-columns: 1fr;
    border-top: 1px solid rgba(249, 227, 139, .18);
  }

  .ai-process-timeline article {
    min-height: auto;
    padding: 28px 0 28px 34px;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid rgba(249, 227, 139, .13);
  }

  .ai-process-timeline article::before {
    top: 33px;
    left: 0;
  }

  .ai-process-timeline article::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 45px;
    bottom: -1px;
    width: 1px;
    background: rgba(249, 227, 139, .13);
  }

  .ai-process-timeline article:last-child::after {
    display: none;
  }
}

#paketler.ai-section-dark {
  position: relative;
  padding: 112px 0 96px;
  background: radial-gradient(circle at 50% 0%, rgba(249, 227, 139, .08), transparent 30%), linear-gradient(180deg, #030303 0%, #070908 54%, #030303 100%);
  overflow: hidden;
}

#paketler.ai-section-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .022) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .018) 1px, transparent 1px);
  background-size: 120px 120px;
}

.ai-packages-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .9fr .72fr;
  gap: 76px;
  align-items: center;
  margin-bottom: 38px;
}

.ai-packages-head h2 {
  max-width: 620px;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(44px, 5vw, 44px);
  line-height: .98;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-packages-head h2 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-packages-head > p {
  margin: 0;
  padding-left: 34px;
  border-left: 1px solid rgba(249, 227, 139, .18);
  color: rgba(255, 250, 240, .78);
  font-size: 15px;
  line-height: 1.85;
}

.ai-packages {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.ai-package-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 650px;
  padding: 28px 24px 24px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(11, 15, 15, .96), rgba(4, 5, 5, .98)) !important;
  border: 1px solid rgba(249, 227, 139, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 24px 70px rgba(0,0,0,.34) !important;
}

.ai-package-card.featured {
  border-color: rgba(249, 227, 139, .72) !important;
  box-shadow: 0 0 0 1px rgba(249, 227, 139, .14), 0 28px 90px rgba(187, 136, 52, .16) !important;
}

.ai-package-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 210px;
  padding: 9px 18px;
  color: #1b1204;
  background: linear-gradient(135deg, #f9e38b, #d6a84b 62%, #bb8834);
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* ── Package hero image — bleeds edge-to-edge; title + desc overlaid at bottom ── */
.ai-package-hero {
  position: relative;
  /* Card padding is 30px top / 26px sides — pull out to bleed edge-to-edge */
  margin: -30px -26px 22px;
  width: calc(100% + 52px);
  height: 320px;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  flex-shrink: 0;
}

.ai-package-hero-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

/* Bottom gradient: keeps the image visible up top, darkens toward the text */
.ai-package-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0)    0%,
    rgba(0,0,0,.04) 32%,
    rgba(6,9,9,.42)  56%,
    rgba(6,9,9,.80)  78%,
    rgba(6,9,9,.94) 100%
  );
  pointer-events: none;
}

/* Number + icon row: absolute over the top of the hero image */
.ai-package-hero .ai-package-top {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 3;
  padding: 18px 22px;
  margin-bottom: 0;
}

/* Title + description: overlaid at the bottom of the hero image */
.ai-package-hero-text {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 3;
  padding: 0 24px 20px;
}
.ai-package-hero-text h3 {
  margin: 0 0 10px !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.9), 0 1px 3px rgba(0,0,0,.95);
}
.ai-package-hero-text p {
  margin: 0 !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
  color: rgba(255, 250, 240, .82) !important;
  font-size: 13px;
  line-height: 1.6;
  text-shadow: 0 1px 10px rgba(0,0,0,.9);
}

.ai-package-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 14px;
}

.ai-package-top span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 28px;
  color: #f9e38b !important;
  border: 1px solid rgba(249, 227, 139, .46);
  border-radius: 4px;
  font-size: 14px !important;
  letter-spacing: .08em !important;
  background: rgba(0,0,0,.38);
}

.ai-package-top i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(249, 227, 139, .58);
  border-radius: 50%;
  color: #d6b25e;
  font-size: 29px;
  filter: drop-shadow(0 0 10px rgba(249, 227, 139, .16));
}

.ai-package-card h3 {
  position: relative;
  z-index: 3;
  margin: 0 0 13px;
  color: #fffaf0 !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 31px;
  line-height: 1.02;
  font-weight: 400;
  letter-spacing: -.035em;
  text-shadow: 0 2px 14px rgba(0,0,0,.85), 0 1px 3px rgba(0,0,0,.9);
}

.ai-package-card > p {
  position: relative;
  z-index: 3;
  min-height: 74px;
  margin: 0 0 22px;
  padding-bottom: 19px;
  color: rgba(255, 250, 240, .78) !important;
  border-bottom: 1px solid rgba(249, 227, 139, .12);
  font-size: 13px;
  line-height: 1.7;
  text-shadow: 0 1px 8px rgba(0,0,0,.8);
}

.ai-package-block,
.ai-package-audience,
.ai-package-system {
  padding-bottom: 19px;
  margin-bottom: 19px;
  border-bottom: 1px solid rgba(249, 227, 139, .12);
}

.ai-package-system {
  border-bottom: 0;
  margin-bottom: 18px;
}

.ai-package-card h4 {
  margin: 0 0 12px;
  color: #d6b25e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.ai-package-block ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-package-block li {
  position: relative;
  padding-left: 21px;
  color: rgba(255, 250, 240, .76);
  font-size: 12px;
  line-height: 1.45;
}

.ai-package-block li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-grid;
  place-items: center;
  width: 13px;
  height: 13px;
  border: 1px solid rgba(249, 227, 139, .72);
  border-radius: 50%;
  color: #f9e38b;
  font-size: 8px;
  line-height: 1;
}

.ai-package-audience > div,
.ai-package-system > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ai-package-card:nth-child(3) .ai-package-audience > div,
.ai-package-card:nth-child(3) .ai-package-system > div,
.ai-package-card.featured .ai-package-system > div {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ai-package-audience span,
.ai-package-system span {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 8px;
  min-width: 0;
  color: rgba(255, 250, 240, .72) !important;
  text-align: center;
}

.ai-package-audience i,
.ai-package-system i,
.ai-package-benefits i {
  color: #d6b25e;
  font-size: 23px;
  filter: drop-shadow(0 0 10px rgba(249, 227, 139, .14));
}

.ai-package-audience small,
.ai-package-system small {
  color: rgba(255, 250, 240, .72);
  font-size: 10px;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
}

.ai-package-card > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  margin-top: auto;
  color: #f9e38b !important;
  border: 1px solid rgba(249, 227, 139, .62);
  border-radius: 4px;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ai-package-card.featured > a {
  color: #1b1204 !important;
  background: linear-gradient(135deg, #f9e38b, #d6a84b 62%, #bb8834);
  border-color: transparent;
}

.ai-package-card > a span {
  color: inherit !important;
  font-size: 17px !important;
  letter-spacing: 0 !important;
}

.ai-package-benefits {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
  padding: 20px 28px;
  border: 1px solid rgba(249, 227, 139, .16);
  border-radius: 10px;
  background: rgba(4, 5, 5, .72);
}

.ai-package-benefits div {
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 15px;
  align-items: center;
}

.ai-package-benefits i {
  font-size: 31px;
}

.ai-package-benefits p {
  margin: 0;
  color: rgba(255, 250, 240, .68);
  font-size: 12px;
  line-height: 1.55;
}

.ai-package-benefits strong {
  display: block;
  margin-bottom: 4px;
  color: #fffaf0;
  font-size: 14px;
}

@media screen and (max-width: 1180px) {
  .ai-packages {
    grid-template-columns: 1fr !important;
  }

  .ai-package-card {
    min-height: auto;
  }

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

@media screen and (max-width: 760px) {
  .ai-packages-head {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ai-packages-head > p {
    padding-left: 0;
    border-left: 0;
  }

  .ai-package-audience > div,
  .ai-package-system > div,
  .ai-package-card:nth-child(3) .ai-package-audience > div,
  .ai-package-card:nth-child(3) .ai-package-system > div,
  .ai-package-card.featured .ai-package-system > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-package-benefits {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}

#program.ai-section {
  position: relative;
  /*padding: 118px 0 112px;*/
  background: radial-gradient(circle at 16% 24%, rgba(249, 227, 139, .14), transparent 34%), radial-gradient(circle at 78% 18%, rgba(187, 136, 52, .12), transparent 32%), radial-gradient(circle at 50% 100%, rgba(214, 178, 94, .08), transparent 42%), linear-gradient(180deg, #050403 0%, #0a0804 48%, #030303 100%);
  overflow: hidden;
}

#program.ai-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .018) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .014) 1px, transparent 1px);
  background-size: 96px 96px;
  opacity: .7;
}

.ai-program {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: .82fr 1.18fr !important;
  gap: 86px !important;
  align-items: center !important;
}

.ai-program-days {
  display: grid;
  align-content: center;
  min-height: 430px;
}

.ai-program-days strong {
  display: block;
  color: transparent;
  -webkit-text-stroke: 1px rgba(214, 178, 94, .86);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(120px, 17vw, 245px);
  line-height: .72;
  font-weight: 400;
  letter-spacing: -.09em;
}

.ai-program-days span {
  display: block;
  margin-top: -10px;
  color: #d6b25e;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(104px, 15vw, 205px);
  line-height: .72;
  font-weight: 400;
  letter-spacing: -.085em;
}

.ai-program-days small {
  display: block;
  margin-top: 48px;
  color: #d6b25e;
  font-size: 10px;
  letter-spacing: .38em;
  text-transform: uppercase;
}

.ai-program-content {
  max-width: 690px;
}

.ai-program-content h2 {
  margin: 0;
  color: #fffaf0 !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(44px, 5.2vw, 40px);
  line-height: 1.04;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-program-content h2 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-program-content > p {
  max-width: 610px;
  margin: 28px 0 40px;
  color: rgba(255, 250, 240, .78) !important;
  font-size: 15px;
  line-height: 1.9;
}

.ai-phases {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding-top: 22px;
  border-top: 1px solid rgba(249, 227, 139, .18);
}

.ai-phases div {
  position: relative;
  padding: 0 18px 0 0 !important;
  color: rgba(255, 250, 240, .74) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ai-phases span {
  display: block;
  margin-bottom: 12px;
  color: #d6b25e;
  font-size: 10px;
  letter-spacing: .26em;
}

.ai-phases strong {
  display: block !important;
  margin: 0 !important;
  color: #fffaf0 !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
}

.ai-program-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 298px;
  min-height: 52px;
  margin-top: 48px;
  padding: 0 28px;
  color: #f9e38b !important;
  border: 1px solid rgba(249, 227, 139, .62);
  border-radius: 999px;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.ai-program-cta:hover {
  transform: translateY(-3px);
  color: #1b1204 !important;
  background: linear-gradient(135deg, #f9e38b, #d6a84b 62%, #bb8834);
}

.ai-program-cta span {
  font-size: 18px;
  letter-spacing: 0;
}

@media screen and (max-width: 991px) {
  .ai-program {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .ai-program-days {
    min-height: auto;
  }

  .ai-program-days strong,
  .ai-program-days span {
    text-align: center;
  }

  .ai-program-days small {
    text-align: center;
  }

  .ai-program-content {
    max-width: none;
  }
}

@media screen and (max-width: 640px) {
  #program.ai-section {
    padding: 86px 0;
  }

  .ai-program-days strong {
    font-size: clamp(104px, 35vw, 150px);
  }

  .ai-program-days span {
    font-size: clamp(92px, 31vw, 132px);
  }

  .ai-phases {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ai-phases div {
    padding: 0 0 18px !important;
    border-bottom: 1px solid rgba(249, 227, 139, .12) !important;
  }

  .ai-program-cta {
    width: 100%;
    min-width: 0;
    text-align: center;
  }
}

.ai-package-card > a,
.ai-package-badge,
.ai-orbit-label {
  border-radius: 999px !important;
}

.ai-orbit-label {
  padding-left: 18px;
  padding-right: 18px;
}

.ai-menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  margin-left: 10px;
  padding: 0;
  border: 1px solid rgba(249, 227, 139, .42);
  border-radius: 999px;
  background: rgba(5, 5, 5, .68);
  cursor: pointer;
}

.ai-menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 99px;
  background: #f9e38b;
  transition: transform .25s ease, opacity .25s ease;
}

.ai-header.is-menu-open .ai-menu-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.ai-header.is-menu-open .ai-menu-toggle span:nth-child(2) {
  opacity: 0;
}

.ai-header.is-menu-open .ai-menu-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.ai-mobile-menu {
  display: none;
}

@media screen and (max-width: 991px) {
  .ai-nav {
    gap: 12px;
  }

  .ai-nav-links {
    display: none !important;
  }

  .ai-nav-cta {
    margin-left: auto;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(249, 227, 139, .54);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ai-menu-toggle {
    display: inline-flex;
  }

  .ai-mobile-menu {
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    z-index: 99;
    display: grid;
    width: min(100% - 28px, 420px);
    padding: 16px;
    border: 1px solid rgba(249, 227, 139, .22);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(9, 8, 5, .98), rgba(3, 3, 3, .98));
    box-shadow: 0 28px 80px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255,255,255,.04);
    transform: translate(-50%, -8px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .24s ease, transform .24s ease, visibility .24s ease;
  }

  .ai-header.is-menu-open .ai-mobile-menu {
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .ai-mobile-menu a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 14px;
    color: rgba(255, 250, 240, .84);
    border-bottom: 1px solid rgba(249, 227, 139, .1);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .08em;
  }

  .ai-mobile-menu a:last-child {
    border-bottom: 0;
  }

  .ai-mobile-menu a:hover {
    color: #f9e38b;
  }
}

@media screen and (max-width: 520px) {
  .ai-brand img {
    max-width: 128px;
  }

  .ai-nav-cta {
    min-height: 40px;
    padding: 0 13px;
    font-size: 11px;
  }

  .ai-menu-toggle {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}

.ai-why {
  position: relative;
  padding: 112px 0 96px;
  background: radial-gradient(circle at 20% 18%, rgba(249, 227, 139, .12), transparent 34%), radial-gradient(circle at 82% 72%, rgba(187, 136, 52, .1), transparent 34%), linear-gradient(180deg, #050403 0%, #0a0804 48%, #030303 100%);
  overflow: hidden;
}

.ai-why::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .018) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .014) 1px, transparent 1px);
  background-size: 104px 104px;
}

.ai-why-head,
.ai-why-grid {
  position: relative;
  z-index: 1;
}

.ai-why-head h2 {
  max-width: 900px;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(46px, 6vw, 78px);
  line-height: .96;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-why-head h2 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-why-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 56px;
  border-top: 1px solid rgba(249, 227, 139, .18);
  border-bottom: 1px solid rgba(249, 227, 139, .1);
}

.ai-why-grid article {
  min-height: 176px;
  padding: 34px 18px 30px;
  border-right: 1px solid rgba(249, 227, 139, .13);
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0));
}

.ai-why-grid article:last-child {
  border-right: 0;
}

.ai-why-grid span {
  display: block;
  margin-bottom: 24px;
  color: #d6b25e;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 34px;
  font-style: italic;
  line-height: 1;
  letter-spacing: -.03em;
}

.ai-why-grid p {
  margin: 0;
  color: rgba(255, 250, 240, .76);
  font-size: 13px;
  line-height: 1.65;
}

@media screen and (max-width: 991px) {
  .ai-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-why-grid article:nth-child(2n) {
    border-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .ai-why {
    padding: 86px 0 74px;
  }

  .ai-why-grid {
    grid-template-columns: 1fr;
  }

  .ai-why-grid article {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid rgba(249, 227, 139, .12);
  }

  .ai-why-grid article:last-child {
    border-bottom: 0;
  }
}

.ai-why-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  border-top: 1px solid rgba(249, 227, 139, .2) !important;
  border-bottom: 0 !important;
}

.ai-why-grid article {
  position: relative;
  min-height: 184px;
  padding: 38px 18px 0 !important;
  border-right: 1px solid rgba(249, 227, 139, .12) !important;
  background: transparent !important;
}

.ai-why-grid article:last-child {
  border-right: 0 !important;
}

.ai-why-grid article::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #030303;
  border: 1px solid #d6b25e;
  box-shadow: 0 0 18px rgba(249, 227, 139, .28);
}

.ai-why-grid span {
  display: block;
  margin-bottom: 14px !important;
  color: #d6b25e;
  font-family: inherit !important;
  font-size: 11px !important;
  font-style: normal !important;
  letter-spacing: .24em !important;
}

.ai-why-grid h3 {
  margin: 0 0 12px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 23px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -.025em;
}

.ai-why-grid p {
  color: rgba(255, 250, 240, .68) !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
}

.ai-why-grid article:hover h3 {
  color: #f9e38b;
}

.ai-why-grid article:hover::before {
  background: #d6b25e;
  box-shadow: 0 0 26px rgba(249, 227, 139, .48);
}

@media screen and (max-width: 1180px) {
  .ai-why-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-top: 0 !important;
  }

  .ai-why-grid article {
    border-top: 1px solid rgba(249, 227, 139, .18) !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-why-grid {
    grid-template-columns: 1fr !important;
    border-top: 1px solid rgba(249, 227, 139, .18) !important;
  }

  .ai-why-grid article {
    min-height: auto;
    padding: 28px 0 28px 34px !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(249, 227, 139, .13) !important;
  }

  .ai-why-grid article::before {
    top: 33px;
    left: 0;
  }

  .ai-why-grid article::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 45px;
    bottom: -1px;
    width: 1px;
    background: rgba(249, 227, 139, .13);
  }

  .ai-why-grid article:last-child::after {
    display: none;
  }
}

.ai-intelligence {
  position: relative;
  padding: 112px 0 104px;
  background: radial-gradient(circle at 18% 10%, rgba(249, 227, 139, .08), transparent 30%), linear-gradient(180deg, #030303 0%, #080808 52%, #030303 100%);
  border-top: 1px solid rgba(249, 227, 139, .1);
  overflow: hidden;
}

.ai-intelligence::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .018) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .012) 1px, transparent 1px);
  background-size: 110px 110px;
  opacity: .65;
}

.ai-intelligence-head,
.ai-intelligence-grid {
  position: relative;
  z-index: 1;
}

.ai-intelligence-head h2 {
  max-width: 850px;
  margin: 0 0 52px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(44px, 5.8vw, 72px);
  line-height: .98;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-intelligence-head h2 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ai-intelligence-grid article {
  display: flex;
  flex-direction: column;
  min-height: 188px;
  padding: 28px 24px 22px;
  border: 1px solid rgba(249, 227, 139, .14);
  background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.006));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 48px rgba(0,0,0,.24);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.ai-intelligence-grid article:hover {
  transform: translateY(-5px);
  border-color: rgba(249, 227, 139, .38);
  box-shadow: 0 24px 64px rgba(187, 136, 52, .12), inset 0 1px 0 rgba(255,255,255,.035);
}

.ai-intelligence-grid span {
  display: block;
  margin-bottom: 18px;
  color: #d6b25e;
  font-size: 10px;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.ai-intelligence-grid h3 {
  margin: 0 0 14px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 21px;
  line-height: 1.18;
  font-weight: 500;
  letter-spacing: -.025em;
}

.ai-intelligence-grid p {
  margin: 0;
  color: rgba(255, 250, 240, .7);
  font-size: 12px;
  line-height: 1.75;
}

.ai-intelligence-grid small {
  display: block;
  margin-top: auto;
  padding-top: 22px;
  color: rgba(249, 227, 139, .68);
  font-size: 10px;
  letter-spacing: .18em;
}

@media screen and (max-width: 1180px) {
  .ai-intelligence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 640px) {
  .ai-intelligence {
    padding: 86px 0;
  }

  .ai-intelligence-grid {
    grid-template-columns: 1fr;
  }
}

.ai-showreel {
  position: relative;
  padding: 112px 0 118px;
  background: radial-gradient(circle at 50% 22%, rgba(249, 227, 139, .12), transparent 30%), linear-gradient(180deg, #030303 0%, #090806 54%, #030303 100%);
  border-top: 1px solid rgba(249, 227, 139, .1);
  overflow: hidden;
}

.ai-showreel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .018) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .012) 1px, transparent 1px);
  background-size: 118px 118px;
}

.ai-showreel-head,
.ai-showreel-stage {
  position: relative;
  z-index: 1;
}

.ai-showreel-head {
  display: grid;
  grid-template-columns: 1.05fr .7fr;
  gap: 56px;
  align-items: end;
  margin-bottom: 46px;
}

.ai-showreel-head h2 {
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(46px, 6vw, 74px);
  line-height: .96;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-showreel-head h2 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-showreel-head p {
  margin: 0 0 8px;
  color: rgba(255, 250, 240, .72);
  font-size: 14px;
  line-height: 1.85;
}

.ai-showreel-frame {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 520px;
  border: 1px solid rgba(249, 227, 139, .2);
  border-radius: 24px;
  background: radial-gradient(circle at 50% 50%, rgba(249, 227, 139, .16), transparent 22%), linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%), #050505;
  box-shadow: 0 34px 100px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.035);
  overflow: hidden;
}

.ai-showreel-frame::before {
  content: "";
  position: absolute;
  inset: 26px;
  border: 1px solid rgba(249, 227, 139, .12);
  border-radius: 18px;
}

.ai-showreel-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, rgba(249, 227, 139, .035) 0 1px, transparent 1px 82px), linear-gradient(180deg, transparent, rgba(0,0,0,.46));
  opacity: .75;
}

.ai-showreel-play {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  border: 1px solid rgba(249, 227, 139, .74);
  border-radius: 50%;
  color: #1b1204;
  background: linear-gradient(135deg, #f9e38b, #d6a84b 62%, #bb8834);
  box-shadow: 0 0 0 18px rgba(249, 227, 139, .055), 0 0 70px rgba(249, 227, 139, .24);
  font-size: 28px;
}

.ai-showreel-play i {
  margin-left: 5px;
}

.ai-showreel-label,
.ai-showreel-status {
  position: absolute;
  z-index: 2;
  color: #f9e38b;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.ai-showreel-label {
  left: 34px;
  bottom: 32px;
  font-size: 12px;
  font-weight: 700;
}

.ai-showreel-status {
  right: 34px;
  bottom: 32px;
  font-size: 10px;
  color: rgba(255, 250, 240, .62);
}

.ai-showreel-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(249, 227, 139, .14);
  border-top: 0;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}

.ai-showreel-meta div {
  padding: 22px 24px;
  border-right: 1px solid rgba(249, 227, 139, .12);
  background: rgba(5, 5, 5, .62);
}

.ai-showreel-meta div:last-child {
  border-right: 0;
}

.ai-showreel-meta span {
  display: block;
  margin-bottom: 7px;
  color: #d6b25e;
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.ai-showreel-meta strong {
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 22px;
  font-weight: 400;
}

@media screen and (max-width: 991px) {
  .ai-showreel-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .ai-showreel-frame {
    min-height: 390px;
  }
}

@media screen and (max-width: 640px) {
  .ai-showreel {
    padding: 86px 0;
  }

  .ai-showreel-frame {
    min-height: 300px;
    border-radius: 18px;
  }

  .ai-showreel-play {
    width: 86px;
    height: 86px;
    font-size: 22px;
  }

  .ai-showreel-label,
  .ai-showreel-status {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 18px;
    text-align: center;
  }

  .ai-showreel-meta {
    grid-template-columns: 1fr;
  }

  .ai-showreel-meta div {
    border-right: 0;
    border-bottom: 1px solid rgba(249, 227, 139, .12);
  }
}

.ai-contact {
  position: relative;
  padding: 112px 0 118px;
  background: radial-gradient(circle at 18% 22%, rgba(249, 227, 139, .12), transparent 32%), radial-gradient(circle at 84% 70%, rgba(187, 136, 52, .1), transparent 34%), linear-gradient(180deg, #030303 0%, #090806 54%, #030303 100%);
  border-top: 1px solid rgba(249, 227, 139, .1);
  overflow: hidden;
}

.ai-contact::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .018) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .012) 1px, transparent 1px);
  background-size: 110px 110px;
}

.ai-contact-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 54px;
  align-items: start;
}

.ai-contact-copy h2 {
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(44px, 5.4vw, 70px);
  line-height: .98;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-contact-copy h2 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-contact-copy p {
  max-width: 560px;
  margin: 28px 0 34px;
  color: rgba(255, 250, 240, .72);
  font-size: 15px;
  line-height: 1.85;
}

.ai-contact-info {
  display: grid;
  gap: 12px;
}

.ai-contact-info a,
.ai-contact-info span {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 250, 240, .78);
  text-decoration: none;
  font-size: 14px;
}

.ai-contact-info i {
  color: #d6b25e;
}

.ai-contact-form {
  display: grid;
  gap: 18px;
  padding: 30px;
  border: 1px solid rgba(249, 227, 139, .18);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.008));
  box-shadow: 0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
}

.ai-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.ai-contact-form label {
  display: grid;
  gap: 9px;
  color: #d6b25e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.ai-contact-form label strong {
  color: #f9e38b;
}

.ai-contact-form input,
.ai-contact-form select,
.ai-contact-form textarea {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(249, 227, 139, .22);
  border-radius: 14px;
  outline: 0;
  background: rgba(3, 3, 3, .62);
  color: #fffaf0;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}

.ai-contact-form textarea {
  min-height: 132px;
  padding-top: 15px;
  resize: vertical;
}

.ai-contact-form input:focus,
.ai-contact-form select:focus,
.ai-contact-form textarea:focus {
  border-color: rgba(249, 227, 139, .64);
  box-shadow: 0 0 0 4px rgba(249, 227, 139, .06);
}

.ai-contact-form button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  border: 0;
  border-radius: 999px;
  color: #1b1204;
  background: linear-gradient(135deg, #f9e38b, #d6a84b 62%, #bb8834);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  transition: transform .30s ease, box-shadow .30s ease;
}

.ai-contact-form button::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -80%;
  width: 55%;
  height: 220%;
  background: linear-gradient(
    108deg,
    transparent           12%,
    rgba(255,248,210,.22) 38%,
    rgba(255,255,255,.45) 50%,
    rgba(255,248,210,.22) 62%,
    transparent           88%
  );
  transform: skewX(-10deg);
  pointer-events: none;
  z-index: 1;
  transition: none;
}

.ai-contact-form button:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow:
    0 0 0 1px rgba(249, 227, 139, .38),
    0 0 36px rgba(214, 178, 94, .32),
    0 16px 44px rgba(214, 178, 94, .24);
}

.ai-contact-form button:hover::after {
  left: 140%;
  transition: left .55s cubic-bezier(.4, 0, .2, 1);
}

.ai-hp {
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
}

@media screen and (max-width: 991px) {
  .ai-contact-grid,
  .ai-form-row {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 640px) {
  .ai-contact {
    padding: 86px 0;
  }

  .ai-contact-form {
    padding: 22px;
    border-radius: 18px;
  }
}

.ai-form-alert {
  padding: 14px 16px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}

.ai-form-alert.success {
  color: #f9e38b;
  border: 1px solid rgba(249, 227, 139, .34);
  background: rgba(249, 227, 139, .08);
}

.ai-form-alert.error {
  color: #ffd3c7;
  border: 1px solid rgba(255, 116, 86, .34);
  background: rgba(255, 116, 86, .08);
}

.ai-contact-form label > span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

#program.ai-section {
  padding: 0 !important;
  min-height: 660px;
  background: #020202 !important;
  border-top: 1px solid rgba(214, 178, 94, .22);
  border-bottom: 1px solid rgba(214, 178, 94, .12);
}

#program.ai-section::before {
  background: radial-gradient(circle at 71% 6%, rgba(249, 227, 139, .18), transparent 2.2%), radial-gradient(circle at 57% 55%, rgba(249, 227, 139, .12), transparent 1.3%), linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 35%, #020202 50%, #020202 100%) !important;
  opacity: 1 !important;
}

.ai-program {
  width: 100% !important;
  max-width: 100% !important;
  min-height: min(460px, calc(100vh - 80px));
  grid-template-columns: 35% 62% !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
}

.ai-program-days {
  position: relative;
  height: min(420px, calc(100vh - 130px)) !important;
  min-height: 0 !important;
  overflow: hidden;
  background: #030303;
}

.ai-program-days::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, transparent 66%, rgba(0,0,0,.58) 89%, #020202 100%);
  pointer-events: none;
}

.ai-program-days img {
  width: 100%;
  height: 100%;
  min-height: 0;
  height: 100%;
  object-fit: cover;
  object-position: 0% center;
  display: block;
}

.ai-program-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: none !important;
  padding: 22px clamp(34px, 5vw, 86px) 24px clamp(28px, 4.4vw, 74px);
  background: radial-gradient(circle at 48% 3%, rgba(249, 227, 139, .13), transparent 9%), linear-gradient(90deg, rgba(6,5,4,.9), #020202 40%, #020202 100%);
}

.ai-program-content::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 72px;
  width: 1px;
  height: 148px;
  background: linear-gradient(180deg, rgba(249, 227, 139, .48), rgba(249, 227, 139, .08));
}

.ai-program-content::after {
  content: "";
  position: absolute;
  left: 24px;
  top: 162px;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  background: #d6b25e;
  box-shadow: 0 0 24px rgba(249, 227, 139, .62);
}

.ai-program-content .ai-manifesto-num {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 16px;
  color: #f9d978;
  font-size: 11px;
  letter-spacing: .42em;
  white-space: nowrap;
}

.ai-program-content .ai-manifesto-num::after {
  content: "";
  width: 210px;
  height: 1px;
  background: linear-gradient(90deg, rgba(249, 227, 139, .48), transparent);
}

.ai-program-content h2 {
  max-width: 960px;
  font-size: clamp(32px, 3.0vw, 46px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.05em !important;
  text-shadow: 0 0 26px rgba(0,0,0,.65);
}

.ai-program-content h2 em {
  display: inline;
  color: #d6b25e !important;
  text-shadow: 0 0 38px rgba(214, 178, 94, .18);
}

.ai-program-content > p {
  max-width: 780px !important;
  margin: 12px 0 14px !important;
  color: rgba(255, 250, 240, .72) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

.ai-phases {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding: 0 22px !important;
  border: 1px solid rgba(214, 178, 94, .48) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
  background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.006));
  box-shadow: inset 0 0 0 1px rgba(249, 227, 139, .05), 0 0 38px rgba(214, 178, 94, .08);
}

.ai-phases::before,
.ai-phases::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(214, 178, 94, .48);
}

.ai-phases::before {
  left: 6%;
  transform: skewX(-25deg);
}

.ai-phases::after {
  right: 6%;
  transform: skewX(-25deg);
}

.ai-phases div {
  min-height: 116px;
  padding: 18px 16px 16px !important;
  text-align: center;
  border-right: 1px solid rgba(214, 178, 94, .3) !important;
}

.ai-phases div:last-child {
  border-right: 0 !important;
}

.ai-phases div:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translateY(-50%) rotate(45deg);
  background: #f9e38b;
  box-shadow: 0 0 22px rgba(249, 227, 139, .72);
}

.ai-phases span {
  margin-bottom: 13px !important;
  color: #f0c55d !important;
  font-size: 10px !important;
  letter-spacing: .34em !important;
  text-transform: uppercase;
}

.ai-phases i {
  display: block;
  min-height: 24px;
  margin-bottom: 11px;
  color: #d6b25e;
  font-size: 23px;
  line-height: 1;
}

.ai-phases strong {
  color: #fffaf0 !important;
  font-size: 19px !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em;
}

.ai-program-cta {
  align-self: center;
  min-width: min(520px, 100%) !important;
  min-height: 58px !important;
  margin-top: 32px !important;
  border-color: rgba(249, 227, 139, .72) !important;
  border-radius: 0 !important;
  clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0 50%);
  box-shadow: 0 0 28px rgba(214, 178, 94, .18), inset 0 0 18px rgba(249, 227, 139, .08);
  background: rgba(5, 5, 5, .72);
}

@media screen and (max-width: 1180px) {
  .ai-program {
    grid-template-columns: 1fr !important;
  }

  .ai-program-days,
  .ai-program-days img {
    min-height: 520px !important;
  }

  .ai-program-content {
    padding: 64px 28px 78px;
  }
}

@media screen and (max-width: 760px) {
  #program.ai-section,
  .ai-program {
    min-height: 0;
  }

  .ai-program-days,
  .ai-program-days img {
    min-height: 360px !important;
  }

  .ai-program-content::before,
  .ai-program-content::after {
    display: none;
  }

  .ai-program-content .ai-manifesto-num::after {
    width: 72px;
  }

  .ai-phases {
    grid-template-columns: 1fr !important;
    clip-path: none;
    padding: 0 !important;
    border-left: 1px solid rgba(214, 178, 94, .4) !important;
    border-right: 1px solid rgba(214, 178, 94, .4) !important;
  }

  .ai-phases::before,
  .ai-phases::after,
  .ai-phases div::after {
    display: none;
  }

  .ai-phases div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(214, 178, 94, .24) !important;
  }

  .ai-program-cta {
    clip-path: none;
    border-radius: 999px !important;
  }
}

.ai-program-cta {
  position: relative !important;
  isolation: isolate;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(28px, 5vw, 72px) !important;
  width: min(520px, 100%) !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 32px auto 0 !important;
  padding: 0 62px !important;
  color: #f2c965 !important;
  border: 1px solid rgba(249, 227, 139, .72) !important;
  border-radius: 0 !important;
  clip-path: polygon(4.5% 0, 95.5% 0, 100% 50%, 95.5% 100%, 4.5% 100%, 0 50%) !important;
  background: radial-gradient(circle at 50% 100%, rgba(249, 227, 139, .18), transparent 9%), linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.006)), #070604 !important;
  box-shadow: 0 0 0 1px rgba(249, 227, 139, .08), 0 0 34px rgba(214, 178, 94, .22), inset 0 0 22px rgba(249, 227, 139, .08) !important;
  overflow: hidden;
  text-decoration: none !important;
}

.ai-program-cta::before {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: -1;
  clip-path: inherit;
  border: 1px solid rgba(249, 227, 139, .16);
  background: radial-gradient(circle at 50% 104%, rgba(249, 227, 139, .2), transparent 7%), radial-gradient(circle at 96% 50%, rgba(249, 227, 139, .16), transparent 13%), radial-gradient(circle at 4% 50%, rgba(249, 227, 139, .12), transparent 13%);
}

.ai-program-cta::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 9px;
  height: 9px;
  transform: translateX(-50%) rotate(45deg);
  background: #f9e38b;
  box-shadow: 0 0 18px rgba(249, 227, 139, .9), 0 0 42px rgba(249, 227, 139, .52);
}

.ai-program-cta span {
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .42em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap;
}

.ai-program-cta i {
  color: #f9d978;
  font-size: 24px;
  line-height: 1;
  filter: drop-shadow(0 0 8px rgba(249, 227, 139, .55));
}

.ai-program-cta:hover {
  transform: translateY(-2px) !important;
  color: #f9e38b !important;
  background: radial-gradient(circle at 50% 100%, rgba(249, 227, 139, .24), transparent 10%), linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.008)), #080604 !important;
  box-shadow: 0 0 0 1px rgba(249, 227, 139, .12), 0 0 46px rgba(214, 178, 94, .34), inset 0 0 26px rgba(249, 227, 139, .12) !important;
}

@media screen and (max-width: 640px) {
  .ai-program-cta {
    height: 54px !important;
    padding: 0 28px !important;
    gap: 18px !important;
    clip-path: polygon(7% 0, 93% 0, 100% 50%, 93% 100%, 7% 100%, 0 50%) !important;
  }

  .ai-program-cta span {
    font-size: 10px !important;
    letter-spacing: .22em !important;
  }

  .ai-program-cta i {
    font-size: 20px;
  }
}

.ai-program-cta {
  width: min(646px, 100%) !important;
  height: 74px !important;
  min-height: 74px !important;
  margin-top: 32px !important;
  padding: 0 74px 0 82px !important;
  gap: 58px !important;
  color: #e7bf57 !important;
  border: 0 !important;
  clip-path: polygon(3.1% 0, 96.9% 0, 100% 50%, 96.9% 100%, 3.1% 100%, 0 50%) !important;
  background: linear-gradient(#070604, #070604) padding-box, linear-gradient(90deg, #c89435 0%, #f9e38b 9%, #8f6222 23%, #2d210f 50%, #8f6222 77%, #f9e38b 91%, #c89435 100%) border-box !important;
  box-shadow: 0 0 20px rgba(249, 227, 139, .2), 0 0 42px rgba(150, 95, 22, .22), inset 0 0 34px rgba(249, 227, 139, .055) !important;
}

.ai-program-cta::before {
  inset: 1px !important;
  z-index: -2 !important;
  clip-path: polygon(3.1% 0, 96.9% 0, 100% 50%, 96.9% 100%, 3.1% 100%, 0 50%) !important;
  border: 1px solid rgba(249, 227, 139, .78) !important;
  background: radial-gradient(circle at 50% 100%, rgba(249, 227, 139, .34), transparent 4.5%), radial-gradient(circle at 2% 50%, rgba(249, 227, 139, .22), transparent 7%), radial-gradient(circle at 98% 50%, rgba(249, 227, 139, .24), transparent 8%), linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 42%), #070604 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 238, 164, .14), inset 0 0 28px rgba(195, 136, 45, .11);
}

.ai-program-cta::after {
  bottom: -3px !important;
  width: 7px !important;
  height: 7px !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 10px rgba(255, 240, 160, 1), 0 0 26px rgba(249, 227, 139, .85), 0 0 58px rgba(214, 178, 94, .6) !important;
}

.ai-program-cta span {
  color: #e4bb54 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .46em !important;
  text-shadow: 0 0 12px rgba(249, 227, 139, .18) !important;
}

.ai-program-cta i {
  position: relative;
  top: 1px;
  color: #f2cf66 !important;
  font-size: 31px !important;
  font-weight: 300 !important;
  filter: drop-shadow(0 0 8px rgba(249, 227, 139, .7)) !important;
}

.ai-program-cta:hover {
  transform: none !important;
  color: #f2cf66 !important;
  background: linear-gradient(#080604, #080604) padding-box, linear-gradient(90deg, #d6a84b 0%, #fff0a0 9%, #a97425 23%, #3a2a12 50%, #a97425 77%, #fff0a0 91%, #d6a84b 100%) border-box !important;
  box-shadow: 0 0 25px rgba(249, 227, 139, .24), 0 0 56px rgba(150, 95, 22, .28), inset 0 0 38px rgba(249, 227, 139, .07) !important;
}

@media screen and (max-width: 760px) {
  .ai-program-cta {
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 34px !important;
    gap: 22px !important;
    clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0 50%) !important;
  }

  .ai-program-cta::before {
    clip-path: polygon(6% 0, 94% 0, 100% 50%, 94% 100%, 6% 100%, 0 50%) !important;
  }

  .ai-program-cta span {
    font-size: 10px !important;
    letter-spacing: .24em !important;
  }

  .ai-program-cta i {
    font-size: 23px !important;
  }
}

.ai-program-cta {
  position: relative !important;
  display: block !important;
  width: min(655px, 100%) !important;
  height: auto !important;
  aspect-ratio: 655 / 97 !important;
  min-height: 0 !important;
  margin: 32px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  text-decoration: none !important;
}

.ai-program-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 0 !important;
  clip-path: none !important;
  background-image: url('../../../Landing%20Page/6.png') !important;
  background-repeat: no-repeat !important;
  background-size: 1648px 927px !important;
  background-position: -809px -807px !important;
  box-shadow: none !important;
}

.ai-program-cta::after {
  display: none !important;
}

.ai-program-cta span,
.ai-program-cta i {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.ai-program-cta:hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: brightness(1.08);
}

@media screen and (max-width: 760px) {
  .ai-program-cta {
    width: 100% !important;
    max-width: 655px !important;
    height: auto !important;
    padding: 0 !important;
    aspect-ratio: 655 / 97 !important;
    clip-path: none !important;
    border-radius: 0 !important;
  }

  .ai-program-cta::before {
    background-size: 1648px 927px !important;
    background-position: -809px -807px !important;
  }
}

.ai-program-cta {
  position: relative !important;
  display: block !important;
  width: min(655px, 100%) !important;
  aspect-ratio: 655 / 97 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  background: url('../images/butongoruselim.jpg') center / contain no-repeat !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transition: transform .35s ease, filter .35s ease !important;
}

.ai-program-cta::before,
.ai-program-cta::after {
  display: none !important;
}

.ai-program-cta span,
.ai-program-cta i {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.ai-program-cta:hover {
  transform: none !important;
  filter: brightness(1.06);
  background: url('../images/butongoruselim.jpg') center / contain no-repeat !important;
  box-shadow: none !important;
}

/* ── Shine sweep — double-layer overlay blend ── */
.ai-program-cta::after {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  top: -60% !important;
  left: -90% !important;
  width: 58% !important;
  height: 220% !important;
  background: linear-gradient(
    108deg,
    transparent            5%,
    rgba(214,178, 94, .18) 22%,
    rgba(255,236,160, .55) 40%,
    rgba(255,252,220, .92) 50%,
    rgba(255,236,160, .55) 60%,
    rgba(214,178, 94, .18) 78%,
    transparent            95%
  ) !important;
  transform: skewX(-10deg) !important;
  mix-blend-mode: overlay !important;
  pointer-events: none !important;
  z-index: 2 !important;
  transition: none !important;
}

.ai-program-cta:hover {
  transform: scale(1.015) !important;
  filter: brightness(1.06) !important;
}

.ai-program-cta:hover::after {
  left: 140% !important;
  transition: left .55s cubic-bezier(.4, 0, .2, 1) !important;
}

@media screen and (max-width: 760px) {
  .ai-program-cta {
    width: 100% !important;
    max-width: 655px !important;
    aspect-ratio: 655 / 97 !important;
    margin-top: 26px !important;
  }
}

.ai-program-days {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 660px !important;
  background: #020202 !important;
}

.ai-program-days img {
  width: 100% !important;
  height: auto !important;
  max-height: 720px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.ai-program-days::after {
  background: linear-gradient(90deg, transparent 0%, transparent 72%, rgba(0,0,0,.38) 90%, #020202 100%) !important;
}

@media screen and (max-width: 1180px) {
  .ai-program-days {
    min-height: auto !important;
    padding: 0 !important;
  }

  .ai-program-days img {
    max-height: none !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-program-days,
  .ai-program-days img {
    min-height: 0 !important;
  }
}

.ai-phases {
  position: relative !important;
  isolation: isolate;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: min(706px, 100%) !important;
  min-height: 151px !important;
  margin-top: 18px !important;
  padding: 0 38px !important;
  border: 0 !important;
  clip-path: polygon(5.4% 0, 94.6% 0, 100% 50%, 94.6% 100%, 5.4% 100%, 0 50%) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.004)), #050403 !important;
  box-shadow: 0 0 34px rgba(214, 178, 94, .12), inset 0 0 26px rgba(214, 178, 94, .045) !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  clip-path: inherit !important;
  background: linear-gradient(90deg, #8c6529, #d7a84f 7%, #5d421d 24%, #bd8a3a 50%, #5d421d 76%, #d7a84f 93%, #8c6529) !important;
}

.ai-phases::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: -1 !important;
  clip-path: inherit !important;
  background: radial-gradient(circle at 29.4% 50%, rgba(249, 227, 139, .92), transparent 1.1%), radial-gradient(circle at 51.2% 50%, rgba(249, 227, 139, .92), transparent 1.1%), radial-gradient(circle at 73.1% 50%, rgba(249, 227, 139, .92), transparent 1.1%), linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.006)), #050403 !important;
  box-shadow: inset 0 0 32px rgba(0,0,0,.65), inset 0 0 12px rgba(249, 227, 139, .045) !important;
}

.ai-phases div {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 151px !important;
  padding: 27px 12px 18px !important;
  text-align: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ai-phases div:not(:last-child) {
  border-right: 1px solid rgba(214, 178, 94, .58) !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: -4px !important;
  top: 50% !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 10px rgba(255,240,160,1), 0 0 28px rgba(249, 227, 139, .84) !important;
}

.ai-phases span {
  display: block !important;
  margin: 0 0 23px !important;
  color: #e7bd58 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .36em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-shadow: 0 0 12px rgba(249, 227, 139, .18) !important;
}

.ai-phases i {
  display: block !important;
  min-height: 34px !important;
  margin: 0 0 13px !important;
  color: #b98a3c !important;
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
  filter: drop-shadow(0 0 7px rgba(249, 227, 139, .22)) !important;
}

.ai-phases strong {
  display: block !important;
  max-width: 128px !important;
  margin: 0 auto !important;
  color: #fff8eb !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(0,0,0,.7) !important;
}

@media screen and (max-width: 1180px) {
  .ai-phases {
    width: 100% !important;
  }

  .ai-phases span {
    font-size: 11px !important;
    letter-spacing: .24em !important;
  }

  .ai-phases strong {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-phases {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 0 !important;
    clip-path: none !important;
    border: 1px solid rgba(214, 178, 94, .62) !important;
  }

  .ai-phases::before,
  .ai-phases::after {
    clip-path: none !important;
  }

  .ai-phases div {
    min-height: 145px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(214, 178, 94, .42) !important;
  }

  .ai-phases div:not(:last-child)::after {
    right: 50% !important;
    top: auto !important;
    bottom: -4px !important;
    transform: translateX(50%) rotate(45deg) !important;
  }

  .ai-phases div:last-child {
    border-bottom: 0 !important;
  }
}

.ai-phases {
  width: min(706px, 100%) !important;
  min-height: 150px !important;
  padding: 0 34px !important;
  clip-path: polygon(5.4% 0, 94.6% 0, 100% 50%, 94.6% 100%, 5.4% 100%, 0 50%) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ai-phases::before {
  inset: 0 !important;
  clip-path: inherit !important;
  background: linear-gradient(90deg, #9c7331, #d2a04a 11%, #8b6429 50%, #d2a04a 89%, #9c7331) !important;
}

.ai-phases::after {
  inset: 1px !important;
  clip-path: inherit !important;
  background: radial-gradient(circle at 29.7% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 11px), radial-gradient(circle at 51.4% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 11px), radial-gradient(circle at 73.1% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 11px), linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)), #050403 !important;
  box-shadow: inset 0 0 44px rgba(0,0,0,.72) !important;
}

.ai-phases div {
  min-height: 72px !important;
  padding: 8px 10px 8px !important;
}

.ai-phases div:not(:last-child) {
  border-right: 1px solid rgba(201, 148, 63, .72) !important;
}

.ai-phases div:not(:last-child)::after {
  right: -4px !important;
  width: 7px !important;
  height: 7px !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 12px rgba(255,240,160,1), 0 0 30px rgba(249,227,139,.85) !important;
}

.ai-phases span {
  margin-bottom: 8px !important;
  color: #e8bd58 !important;
  font-size: 10px !important;
  letter-spacing: .30em !important;
}

.ai-phase-icon {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 auto 8px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 6px rgba(249, 227, 139, .24));
}

.ai-phase-search {
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23' cy='23' r='15' stroke='%23B98937' stroke-width='2.2'/%3E%3Ccircle cx='23' cy='23' r='11' stroke='%23D6B25E' stroke-width='1.1' opacity='.65'/%3E%3Cpath d='M34.5 34.5L46 46' stroke='%23B98937' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.ai-phase-clap {
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 20H43V42H13V20Z' stroke='%23B98937' stroke-width='2.1'/%3E%3Cpath d='M13 20L41 13L43 20' stroke='%23D6B25E' stroke-width='1.7'/%3E%3Cpath d='M18 18L21 25M28 16L31 23M38 13.8L41 20' stroke='%23B98937' stroke-width='1.5'/%3E%3Cpath d='M24 28L34 33L24 38V28Z' stroke='%23B98937' stroke-width='1.8'/%3E%3C/svg%3E") !important;
}

.ai-phase-broadcast {
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 25V42' stroke='%23B98937' stroke-width='2'/%3E%3Cpath d='M18 42H36' stroke='%23B98937' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M22 42L27 25L32 42' stroke='%23B98937' stroke-width='1.7'/%3E%3Cpath d='M21 18C19 20 18 22.5 18 25.5M33 18C35 20 36 22.5 36 25.5' stroke='%23D6B25E' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M16 13C12.8 16.3 11 20.6 11 25.3M38 13C41.2 16.3 43 20.6 43 25.3' stroke='%23B98937' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='27' cy='23' r='3' stroke='%23B98937' stroke-width='1.8'/%3E%3C/svg%3E") !important;
}

.ai-phase-chart {
  background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 43H45' stroke='%23B98937' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15 31H22V43H15V31Z' stroke='%23B98937' stroke-width='2'/%3E%3Cpath d='M26 24H33V43H26V24Z' stroke='%23B98937' stroke-width='2'/%3E%3Cpath d='M37 17H44V43H37V17Z' stroke='%23B98937' stroke-width='2'/%3E%3Cpath d='M14 17H23M23 17V26' stroke='%23D6B25E' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M31 13H42V24' stroke='%23D6B25E' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.ai-phases strong {
  max-width: 125px !important;
  font-size: 23px !important;
  line-height: 1.03 !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  }
}

.ai-phases {
  position: relative !important;
  isolation: isolate !important;
  width: min(706px, 100%) !important;
  min-height: 151px !important;
  margin-top: 18px !important;
  padding: 1px 35px !important;
  border: 0 !important;
  clip-path: polygon(5.3% 0, 94.7% 0, 100% 50%, 94.7% 100%, 5.3% 100%, 0 50%) !important;
  background: linear-gradient(90deg, #9b7130 0%, #e3b75a 7%, #7a5521 24%, #c89435 50%, #7a5521 76%, #e3b75a 93%, #9b7130 100%) !important;
  box-shadow: 0 0 24px rgba(214, 178, 94, .16) !important;
  overflow: hidden !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  clip-path: polygon(5.2% 0, 94.8% 0, 100% 50%, 94.8% 100%, 5.2% 100%, 0 50%) !important;
  background: radial-gradient(circle at 29.8% 50%, rgba(255,240,160,.98) 0 3px, rgba(249,227,139,.36) 4px, transparent 17px), radial-gradient(circle at 51.4% 50%, rgba(255,240,160,.98) 0 3px, rgba(249,227,139,.36) 4px, transparent 17px), radial-gradient(circle at 73.1% 50%, rgba(255,240,160,.98) 0 3px, rgba(249,227,139,.36) 4px, transparent 17px), linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)), #050403 !important;
  box-shadow: inset 0 0 38px rgba(0,0,0,.78), inset 0 0 18px rgba(214,178,94,.045) !important;
}

.ai-phases::after {
  display: none !important;
}

.ai-phases div {
  position: relative !important;
  z-index: 2 !important;
  min-height: 149px !important;
  padding: 27px 10px 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ai-phases div:not(:last-child) {
  border-right: 1px solid rgba(201, 148, 63, .68) !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: -4px !important;
  top: 50% !important;
  z-index: 3 !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 10px rgba(255,240,160,1), 0 0 32px rgba(249,227,139,.9) !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    padding: 1px !important;
    clip-path: none !important;
  }

  .ai-phases::before {
    clip-path: none !important;
  }
}

.ai-phases {
  position: relative !important;
  isolation: isolate !important;
  width: min(706px, 100%) !important;
  min-height: 151px !important;
  margin-top: 18px !important;
  padding: 0 38px !important;
  clip-path: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  clip-path: none !important;
  background: url("data:image/svg+xml,%3Csvg width='706' height='151' viewBox='0 0 706 151' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38 1H668L705 75.5L668 150H38L1 75.5L38 1Z' stroke='%23C9953D' stroke-width='1.15'/%3E%3C/svg%3E") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
}

.ai-phases::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px 39px !important;
  z-index: 0 !important;
  display: block !important;
  background: radial-gradient(circle at 25% 50%, #fff0a0 0 3px, rgba(249,227,139,.45) 4px, transparent 18px), radial-gradient(circle at 50% 50%, #fff0a0 0 3px, rgba(249,227,139,.45) 4px, transparent 18px), radial-gradient(circle at 75% 50%, #fff0a0 0 3px, rgba(249,227,139,.45) 4px, transparent 18px), linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)), rgba(5,4,3,.78) !important;
  box-shadow: inset 0 0 34px rgba(0,0,0,.82) !important;
}

.ai-phases div {
  position: relative !important;
  z-index: 2 !important;
  min-height: 151px !important;
  padding: 27px 10px 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ai-phases div:not(:last-child) {
  border-right: 1px solid rgba(201, 148, 63, .62) !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: -4px !important;
  top: 50% !important;
  z-index: 4 !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 10px rgba(255,240,160,1), 0 0 32px rgba(249,227,139,.85) !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    padding: 0 !important;
    border: 1px solid rgba(201, 148, 63, .62) !important;
    overflow: hidden !important;
  }

  .ai-phases::before {
    display: none !important;
  }

  .ai-phases::after {
    inset: 0 !important;
  }
}

.ai-phases {
  position: relative !important;
  isolation: isolate !important;
  width: min(706px, 100%) !important;
  min-height: 151px !important;
  margin-top: 18px !important;
  padding: 0 !important;
  border: 1px solid rgba(201, 148, 63, .78) !important;
  border-radius: 22px !important;
  clip-path: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,0)), rgba(5, 4, 3, .82) !important;
  box-shadow: 0 0 26px rgba(214, 178, 94, .12), inset 0 0 34px rgba(0,0,0,.74), inset 0 0 12px rgba(214,178,94,.045) !important;
  overflow: hidden !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: inherit !important;
  clip-path: none !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 25% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 50% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 75% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px) !important;
  box-shadow: inset 0 1px 0 rgba(249, 227, 139, .16), inset 0 -1px 0 rgba(249, 227, 139, .08) !important;
}

.ai-phases::after {
  display: none !important;
}

.ai-phases div {
  position: relative !important;
  z-index: 2 !important;
  min-height: 151px !important;
  padding: 27px 10px 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ai-phases div:not(:last-child) {
  border-right: 1px solid rgba(201, 148, 63, .62) !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: -4px !important;
  top: 50% !important;
  z-index: 4 !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 10px rgba(255,240,160,1), 0 0 32px rgba(249,227,139,.85) !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    border-radius: 18px !important;
  }
}

.ai-phases img.ai-phase-icon {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  min-height: 0 !important;
  margin: 0 auto 12px !important;
  object-fit: contain !important;
  background: none !important;
  filter: drop-shadow(0 0 7px rgba(249, 227, 139, .24)) !important;
}

.ai-phases img.ai-phase-icon {
  filter: none !important;
  box-shadow: none !important;
}

.ai-phases strong {
  font-size: 19px !important;
  line-height: 1.08 !important;
}

@media screen and (max-width: 1180px) {
  .ai-phases strong {
    font-size: 18px !important;
  }
}

.ai-phases strong {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
}

@media screen and (max-width: 1180px) {
  .ai-phases strong {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
}

.ai-program-content .ai-phases::before {
  background-image: none !important;
  background-color: transparent !important;
  background: radial-gradient(circle at 25% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 50% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 75% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px) !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(249, 227, 139, .16), inset 0 -1px 0 rgba(249, 227, 139, .08) !important;
}

.ai-program-content .ai-phases::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.ai-program-content::before,
.ai-program-content::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ai-program .ai-phases,
.ai-program .ai-phases::before,
.ai-program .ai-phases::after {
  transform: none !important;
}

@media screen and (max-width: 760px) {
  .ai-phases div:not(:last-child) {
    border-bottom: 1px solid rgba(201, 148, 63, .44) !important;
  }

  .ai-phases div:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 8px;
    height: 8px;
    transform: translateX(-50%) rotate(45deg);
    background: #fff0a0;
    box-shadow: 0 0 10px rgba(255,240,160,.9), 0 0 28px rgba(249,227,139,.72);
  }

  .ai-phases div:last-child {
    border-bottom: 0 !important;
  }
}

.ai-manifesto-grid {
  grid-template-columns: .78fr 1.22fr !important;
  gap: 48px !important;
}

.ai-manifesto-right {
  display: grid !important;
  gap: 16px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.ai-manifesto-right article {
  display: grid !important;
  grid-template-columns: 250px 1fr !important;
  align-items: center !important;
  min-height: 178px !important;
  padding: 22px 34px 22px 30px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  /* Layer 1: subtle radial glow overlay — padding-box (transparent, sits on top)   */
  /* Layer 2: opaque dark fill           — padding-box (covers gradient in content) */
  /* Layer 3: gradient border            — border-box  (shows only in 1px strip)    */
  background-image:
    radial-gradient(circle at 14% 50%, rgba(249, 227, 139, .09), transparent 22%),
    linear-gradient(160deg, rgba(6, 5, 3, .97) 0%, rgba(2, 2, 2, 1) 100%),
    linear-gradient(135deg, #6e5018, #d6b25e 28%, #f9e38b 50%, #d6b25e 72%, #6e5018) !important;
  background-clip: padding-box, padding-box, border-box !important;
  background-origin: padding-box, padding-box, border-box !important;
  background-color: #020202 !important;
  box-shadow:
    0 0 0 1px rgba(214, 178, 94, .14),
    0 0 24px rgba(214, 178, 94, .12),
    0 22px 50px rgba(0, 0, 0, .55) !important;
  transition: transform .30s ease, box-shadow .30s ease !important;
}

.ai-manifesto-right article:hover {
  transform: translateY(-6px) !important;
  box-shadow:
    0 0 0 1px rgba(214, 178, 94, .32),
    0 0 38px rgba(214, 178, 94, .22),
    0 28px 64px rgba(0, 0, 0, .68) !important;
}

.ai-manifesto-icon {
  display: block !important;
  width: 134px !important;
  height: 134px !important;
  margin: 0 auto !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 12px rgba(249, 227, 139, .2)) !important;
}

.ai-manifesto-right article > div {
  position: relative !important;
  min-height: 138px !important;
  padding-left: 42px !important;
  border-left: 1px solid rgba(201, 148, 63, .36) !important;
}

.ai-manifesto-right h3 {
  margin: 0 0 18px !important;
  color: #f6d482 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(20px, 2.1vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
  text-transform: uppercase !important;
}

.ai-manifesto-right h3::after {
  content: "" !important;
  display: block !important;
  width: 38px !important;
  height: 2px !important;
  margin-top: 21px !important;
  background: #d3a34a !important;
}

.ai-manifesto-right strong {
  display: block !important;
  margin: 0 0 18px !important;
  color: #d6b25e !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: .08em !important;
}

.ai-manifesto-right p {
  max-width: 620px !important;
  margin: 0 !important;
  color: rgba(255, 250, 240, .78) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.ai-manifesto-icon-visibility {
  background-image: url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='80' cy='80' r='58' stroke='%23E5C46E' stroke-width='2' stroke-dasharray='2 6'/%3E%3Ccircle cx='80' cy='80' r='44' stroke='%23E5C46E' stroke-width='3'/%3E%3Ccircle cx='80' cy='80' r='28' stroke='%23E5C46E' stroke-width='2'/%3E%3Ccircle cx='80' cy='80' r='8' stroke='%23E5C46E' stroke-width='3'/%3E%3Cpath d='M80 20V54M80 106V140M20 80H54M106 80H140' stroke='%23E5C46E' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.ai-manifesto-icon-campaign {
  background-image: url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='36' r='19' stroke='%23E5C46E' stroke-width='4'/%3E%3Crect x='69' y='69' width='35' height='35' stroke='%23E5C46E' stroke-width='4'/%3E%3Ccircle cx='122' cy='122' r='19' stroke='%23E5C46E' stroke-width='4'/%3E%3Cpath d='M58 36H83C91 36 96 42 96 50V62M69 92H54C45 92 40 86 40 78V65M104 86H121C130 86 136 92 136 101V108' stroke='%23E5C46E' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M33 72L40 65L47 72M115 122L121 128L132 115' stroke='%23E5C46E' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.ai-manifesto-icon-izmir {
  background-image: url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='38' y='38' width='84' height='84' stroke='%23E5C46E' stroke-width='4'/%3E%3Cpath d='M38 66H122M38 94H122M66 38V122M94 38V122' stroke='%23E5C46E' stroke-width='3'/%3E%3Cpath d='M80 104C80 104 102 81 102 64C102 52 92 43 80 43C68 43 58 52 58 64C58 81 80 104 80 104Z' fill='%23050403' stroke='%23E5C46E' stroke-width='4'/%3E%3Ccircle cx='80' cy='64' r='8' stroke='%23E5C46E' stroke-width='3'/%3E%3C/svg%3E") !important;
}

@media screen and (max-width: 1180px) {
  .ai-manifesto-grid {
    grid-template-columns: 1fr !important;
  }

  .ai-manifesto-right article {
    grid-template-columns: 210px 1fr !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-manifesto-right article {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 28px 22px !important;
    text-align: center !important;
  }

  .ai-manifesto-right article > div {
    min-height: 0 !important;
    padding-left: 0 !important;
    padding-top: 22px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(201, 148, 63, .36) !important;
  }

  .ai-manifesto-icon {
    width: 112px !important;
    height: 112px !important;
  }

  .ai-manifesto-right h3 {
    font-size: 19px !important;
    letter-spacing: .24em !important;
  }

  .ai-manifesto-right h3::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ai-manifesto-right strong {
    font-size: 14px !important;
  }

  .ai-manifesto-right p {
    font-size: 14px !important;
  }
}

.ai-manifesto-right article {
  grid-template-columns: 165px 1fr !important;
  min-height: 132px !important;
  padding: 16px 26px 16px 20px !important;
}

.ai-manifesto-icon {
  width: 92px !important;
  height: 92px !important;
}

.ai-manifesto-right article > div {
  min-height: 100px !important;
  padding-left: 30px !important;
}

.ai-manifesto-right h3 {
  margin-bottom: 12px !important;
  font-size: clamp(16px, 1.45vw, 20px) !important;
  letter-spacing: .24em !important;
  white-space: nowrap !important;
}

.ai-manifesto-right h3::after {
  width: 34px !important;
  height: 1px !important;
  margin-top: 14px !important;
}

.ai-manifesto-right strong {
  margin-bottom: 10px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.ai-manifesto-right p {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

@media screen and (max-width: 1180px) {
  .ai-manifesto-right article {
    grid-template-columns: 145px 1fr !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-manifesto-right article {
    min-height: 0 !important;
    padding: 22px 18px !important;
  }

  .ai-manifesto-icon {
    width: 84px !important;
    height: 84px !important;
  }

  .ai-manifesto-right h3 {
    font-size: 16px !important;
    letter-spacing: .16em !important;
    white-space: normal !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-manifesto-right article {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    grid-template-columns: none !important;
    text-align: center !important;
  }

  .ai-manifesto-right article > .ai-manifesto-icon {
    order: 1 !important;
    margin: 0 auto 18px !important;
  }

  .ai-manifesto-right article > div {
    order: 2 !important;
    width: 100% !important;
    padding: 22px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(201, 148, 63, .36) !important;
  }
}

.ai-audience {
  padding: 86px 0 82px !important;
  background: radial-gradient(circle at 50% 0%, rgba(249, 227, 139, .055), transparent 30%), linear-gradient(180deg, #030303 0%, #070604 54%, #030303 100%) !important;
}

.ai-audience-head {
  grid-template-columns: 1.12fr .88fr !important;
  gap: 64px !important;
  align-items: center !important;
  margin-bottom: 24px !important;
}

.ai-audience-head h2 {
  max-width: 590px !important;
  font-size: clamp(38px, 4.6vw, 56px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.ai-audience-head > p {
  max-width: 360px !important;
  margin: 0 !important;
  padding-left: 58px !important;
  border-left: 1px solid rgba(249, 227, 139, .52) !important;
  color: rgba(255, 250, 240, .72) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.ai-audience-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.ai-audience-grid article {
  min-height: 508px !important;
  padding: 22px 20px 18px !important;
  border: 1px solid rgba(201, 148, 63, .62) !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)), rgba(5, 4, 3, .7) !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.62), 0 0 14px rgba(214,178,94,.05) !important;
}

.ai-audience-top {
  margin-bottom: 22px !important;
}

.ai-audience-top span {
  color: #e0b85b !important;
  font-size: 15px !important;
  letter-spacing: .08em !important;
}

.ai-audience-icon {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 8px rgba(249, 227, 139, .16)) !important;
}

.ai-audience-grid h3 {
  margin-bottom: 18px !important;
  font-size: clamp(25px, 2.15vw, 31px) !important;
  line-height: 1.03 !important;
}

.ai-audience-grid h3::after {
  width: 24px !important;
  height: 1px !important;
  margin-top: 18px !important;
  background: rgba(249, 227, 139, .66) !important;
}

.ai-audience-grid article > p {
  min-height: 126px !important;
  margin-bottom: 14px !important;
  color: rgba(255, 250, 240, .66) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.ai-audience-purpose {
  min-height: 90px !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(255, 250, 240, .69) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.ai-audience-purpose small {
  margin-bottom: 7px !important;
  color: #d6b25e !important;
  font-size: 11px !important;
  letter-spacing: .28em !important;
}

.ai-audience-tags {
  min-height: 58px !important;
  gap: 6px !important;
  margin-bottom: 14px !important;
}

.ai-audience-tags span {
  min-height: 23px !important;
  padding: 0 8px !important;
  border-color: rgba(249, 227, 139, .36) !important;
  border-radius: 3px !important;
  color: rgba(255, 250, 240, .72) !important;
  font-size: 9px !important;
  letter-spacing: .12em !important;
}

.ai-audience-result {
  grid-template-columns: 34px 1fr !important;
  gap: 12px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(249, 227, 139, .18) !important;
  color: rgba(255, 250, 240, .68) !important;
  font-size: 13px !important;
}

.ai-audience-result i {
  font-size: 27px !important;
  color: #d6a84b !important;
}

.ai-audience-icon-business {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 52H54' stroke='%23D8AA52' stroke-width='2'/%3E%3Cpath d='M20 52V31H31V52M34 52V13H48V52' stroke='%23D8AA52' stroke-width='2'/%3E%3Cpath d='M39 19H43M39 27H43M39 35H43M24 37H27M24 44H27' stroke='%23D8AA52' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.ai-audience-icon-shield {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 8L50 16V28C50 41 42 50 32 56C22 50 14 41 14 28V16L32 8Z' stroke='%23D8AA52' stroke-width='2.4'/%3E%3Cpath d='M32 14V49' stroke='%23D8AA52' stroke-width='1.4' opacity='.55'/%3E%3C/svg%3E") !important;
}

.ai-audience-icon-flag {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 56V9' stroke='%23D8AA52' stroke-width='2.2'/%3E%3Ccircle cx='18' cy='11' r='3' stroke='%23D8AA52' stroke-width='2'/%3E%3Cpath d='M21 14C31 8 39 20 50 14V36C39 42 31 30 21 36V14Z' stroke='%23D8AA52' stroke-width='2.2'/%3E%3C/svg%3E") !important;
}

.ai-audience-icon-candidate {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29' cy='18' r='9' stroke='%23D8AA52' stroke-width='2.2'/%3E%3Cpath d='M12 47C14 36 21 31 29 31C34 31 38 33 41 37' stroke='%23D8AA52' stroke-width='2.2'/%3E%3Cpath d='M47 34L51 42L60 43L53.5 49L55.5 58L47 53.5L39 58L41 49L34.5 43L43.5 42L47 34Z' stroke='%23D8AA52' stroke-width='2.2'/%3E%3C/svg%3E") !important;
}

@media screen and (max-width: 1180px) {
  .ai-audience-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-audience {
    padding: 72px 0 !important;
  }

  .ai-audience-head {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .ai-audience-head > p {
    max-width: none !important;
    padding-left: 0 !important;
    padding-top: 20px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(249, 227, 139, .32) !important;
  }

  .ai-audience-grid {
    grid-template-columns: 1fr !important;
  }

  .ai-audience-grid article {
    min-height: 0 !important;
  }
}

.ai-audience-top img.ai-audience-icon {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  background: none !important;
  filter: none !important;
}

.ai-audience-result img {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  filter: none !important;
}

@media screen and (max-width: 760px) {
  .ai-audience-top img.ai-audience-icon {
    width: 46px !important;
    height: 46px !important;
  }

  .ai-audience-result img {
    width: 28px !important;
    height: 28px !important;
  }
}

.ai-process {
  padding: 82px 0 96px !important;
  /*background: radial-gradient(circle at 50% 100%, rgba(249, 227, 139, .18), transparent 7%), radial-gradient(circle at 34% 24%, rgba(249, 227, 139, .09), transparent 18%), linear-gradient(180deg, #020202 0%, #050403 58%, #020202 100%) !important;*/
}

.ai-process::before {
  opacity: .36 !important;
}

.ai-process::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -80px;
  height: 180px;
  pointer-events: none;
  background: repeating-radial-gradient(ellipse at 50% 100%, transparent 0 18px, rgba(249, 227, 139, .18) 19px 20px, transparent 21px 38px);
  opacity: .42;
}

.ai-process-head {
  margin-bottom: 74px !important;
}

.ai-process-head .ai-manifesto-num {
  margin-bottom: 20px !important;
}

.ai-process-head h2 {
  max-width: none !important;
  font-size: clamp(44px, 6vw, 72px) !important;
  line-height: .98 !important;
}

.ai-process-timeline {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 14px !important;
  border-top: 1px solid rgba(214, 168, 75, .62) !important;
  padding-top: 40px !important;
}

.ai-process-timeline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(249,227,139,.56), transparent);
  box-shadow: 0 0 14px rgba(249, 227, 139, .28);
}

.ai-process-timeline article {
  position: relative !important;
  min-height: 240px !important;
  padding: 66px 18px 22px !important;
  border: 1px solid rgba(201, 148, 63, .48) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)), rgba(5,4,3,.76) !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.7), 0 20px 45px rgba(0,0,0,.24), 0 0 16px rgba(214,178,94,.055) !important;
  text-align: center !important;
}

.ai-process-timeline article::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -48px !important;
  width: 38px !important;
  height: 38px !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(249, 227, 139, .92) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(249, 227, 139, .16), #060503 68%) !important;
  box-shadow: 0 0 0 4px rgba(249, 227, 139, .045), 0 0 22px rgba(249, 227, 139, .58) !important;
}

.ai-process-timeline article::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -3px !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 12px rgba(255,240,160,.9), 0 0 24px rgba(249,227,139,.6) !important;
}

.ai-process-timeline article span {
  position: absolute !important;
  left: 50% !important;
  top: -38px !important;
  z-index: 2 !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  color: #fff8d6 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: .08em !important;
}

.ai-process-icon {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 auto 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 8px rgba(249, 227, 139, .16)) !important;
}

.ai-process-timeline article h3 {
  margin: 0 0 15px !important;
  color: #fff8eb !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
}

.ai-process-timeline article h3::after {
  content: "";
  display: block;
  width: 32px;
  height: 1px;
  margin: 15px auto 0;
  background: rgba(249, 227, 139, .62);
}

.ai-process-timeline article p {
  color: rgba(255, 250, 240, .64) !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
}

.ai-process-icon-brief { background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8H32L40 16V46H15V8Z' stroke='%23D8AA52' stroke-width='2'/%3E%3Cpath d='M32 8V16H40M21 28H34M21 35H34' stroke='%23D8AA52' stroke-width='2'/%3E%3C/svg%3E") !important; }
.ai-process-icon-analysis { background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='13' stroke='%23D8AA52' stroke-width='2'/%3E%3Cpath d='M34 34L44 44M21 28V20M25 28V16M29 28V24' stroke='%23D8AA52' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
.ai-process-icon-strategy { background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12C29 15 34 19 31 27C28 35 20 34 18 43H39' stroke='%23D8AA52' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M25 12L20 18L27 18' stroke='%23D8AA52' stroke-width='2'/%3E%3C/svg%3E") !important; }
.ai-process-icon-production { background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20H42V42H12V20Z' stroke='%23D8AA52' stroke-width='2'/%3E%3Cpath d='M12 20L40 13L42 20M18 18L21 24M28 16L31 22M38 14L41 20' stroke='%23D8AA52' stroke-width='2'/%3E%3C/svg%3E") !important; }
.ai-process-icon-publish { background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 25L45 10L32 46L25 30L8 25Z' stroke='%23D8AA52' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M25 30L45 10' stroke='%23D8AA52' stroke-width='2'/%3E%3C/svg%3E") !important; }
.ai-process-icon-measure { background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 43H43M17 34V43M27 22V43M37 13V43' stroke='%23D8AA52' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14 34H20M24 22H30M34 13H40' stroke='%23D8AA52' stroke-width='2'/%3E%3C/svg%3E") !important; }
.ai-process-icon-improve { background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 17C36 12 29 10 23 13M14 37C18 42 25 44 31 41' stroke='%23D8AA52' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M39 9V17H47M15 45V37H7' stroke='%23D8AA52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }

@media screen and (max-width: 1180px) {
  .ai-process-timeline {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 58px !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-process-timeline {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
    padding-top: 40px !important;
  }

  .ai-process-timeline article {
    min-height: 0 !important;
    padding: 62px 24px 28px !important;
    border-right: 1px solid rgba(201, 148, 63, .48) !important;
  }
}

.ai-process-timeline article h3::after {
  width: 52px !important;
  height: 12px !important;
  margin: 12px auto 0 !important;
  background: url('../images/04-altcizgi.png') center / contain no-repeat !important;
}

.ai-process-timeline img.ai-process-icon {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 auto 18px !important;
  object-fit: contain !important;
  background: none !important;
  filter: none !important;
}

.ai-process-timeline article::before {
  width: 48px !important;
  height: 48px !important;
  top: -53px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('../images/04-num.png') center / contain no-repeat !important;
  box-shadow: none !important;
}

.ai-process-timeline article span {
  top: -41px !important;
  color: #fff8d6 !important;
}

.ai-process-timeline {
  border-top: 0 !important;
  padding-top: 54px !important;
}

.ai-process-timeline::before {
  top: 16px !important;
  height: 18px !important;
  background: url('../images/04-cizgi.png') center / 100% 100% no-repeat, linear-gradient(90deg, transparent, rgba(249,227,139,.56), transparent) !important;
  box-shadow: none !important;
}

.ai-process-timeline article::before {
  top: -45px !important;
}

.ai-process-timeline article span {
  top: -33px !important;
}

.ai-process-timeline article::after {
  top: -5px !important;
}

@media screen and (max-width: 760px) {
  .ai-process-timeline {
    padding-top: 54px !important;
  }
}

.ai-process-timeline {
  border-top: 1px solid rgba(214, 168, 75, .62) !important;
  padding-top: 48px !important;
}

.ai-process-timeline::before {
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(249,227,139,.56), transparent) !important;
  box-shadow: 0 0 14px rgba(249, 227, 139, .28) !important;
}

.ai-process-timeline article::before {
  width: 48px !important;
  height: 48px !important;
  top: -25px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('../images/04-num.png') center / contain no-repeat !important;
  box-shadow: none !important;
}

.ai-process-timeline article span {
  top: -12px !important;
  line-height: 18px !important;
}

.ai-process-timeline article::after {
  top: 21px !important;
}

.ai-process-timeline {
  border-top: 0 !important;
  padding-top: 40px !important;
}

.ai-process-timeline::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -9px !important;
  z-index: 0 !important;
  height: 12px !important;
  background: url('../images/04-cizgi.png') center center / auto 100% repeat-x !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.ai-process-timeline article {
  z-index: 1 !important;
}

.ai-process-timeline article::before {
  width: 48px !important;
  height: 48px !important;
  top: -64px !important;
  z-index: 2 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url('../images/04-num.png') center center / contain no-repeat !important;
  box-shadow: none !important;
}

.ai-process-timeline article span {
  top: -49px !important;
  z-index: 3 !important;
  width: 48px !important;
  height: 18px !important;
  color: #fff8d6 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: center !important;
  letter-spacing: .04em !important;
}

.ai-process-timeline article::after {
  top: -4px !important;
  z-index: 2 !important;
}

@media screen and (max-width: 760px) {
  .ai-process-timeline {
    padding-top: 40px !important;
  }
}

.ai-process-timeline article {
  background:
    url('../images/04-bordercizgiust.png') center top / calc(100% - 22px) auto no-repeat,
    url('../images/04-bordercizgialt.png') center bottom / calc(100% - 22px) auto no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    rgba(5,4,3,.76) !important;
}

.ai-process-timeline article {
  border-color: transparent !important;
  background:
    url('../images/04-bordercizgi.png') center top / calc(100% - 22px) auto no-repeat,
    url('../images/04-bordercizgi.png') center bottom / calc(100% - 22px) auto no-repeat,
    url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
    url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    rgba(5,4,3,.76) !important;
}

.ai-process-timeline article {
  border: 1px solid rgba(201, 148, 63, .34) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background:
    url('../images/04-bordercizgi.png') center top / calc(100% - 20px) auto no-repeat,
    url('../images/04-bordercizgi.png') center bottom / calc(100% - 20px) auto no-repeat,
    url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 20px) no-repeat,
    url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 20px) no-repeat,
    radial-gradient(circle at left top, rgba(249,227,139,.24), transparent 15px),
    radial-gradient(circle at right top, rgba(249,227,139,.24), transparent 15px),
    radial-gradient(circle at left bottom, rgba(249,227,139,.24), transparent 15px),
    radial-gradient(circle at right bottom, rgba(249,227,139,.24), transparent 15px),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    rgba(5,4,3,.76) !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.7), 0 20px 45px rgba(0,0,0,.24), 0 0 16px rgba(214,178,94,.075) !important;
}

.ai-process-timeline article {
  border-color: transparent !important;
  border-radius: 12px !important;
  overflow: visible !important;
  background:
    url('../images/04-bordercizgi.png') center top / calc(100% - 22px) auto no-repeat,
    url('../images/04-bordercizgi.png') center bottom / calc(100% - 22px) auto no-repeat,
    url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
    url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    rgba(5,4,3,.76) !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.7), 0 20px 45px rgba(0,0,0,.24), 0 0 16px rgba(214,178,94,.055) !important;
}

.ai-process-timeline article {
  border: 1px solid rgba(201, 148, 63, .42) !important;
  border-radius: 12px !important;
  overflow: visible !important;
  background:
    url('../images/04-bordercizgi.png') center top / calc(100% - 22px) auto no-repeat,
    url('../images/04-bordercizgi.png') center bottom / calc(100% - 22px) auto no-repeat,
    url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
    url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    rgba(5,4,3,.76) !important;
}

.ai-process-timeline article {
  background:
    url('../images/04-bordercizgiust.png') center top / calc(100% - 22px) auto no-repeat,
    url('../images/04-bordercizgialt.png') center calc(100% + 2px) / calc(100% - 22px) auto no-repeat,
    url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
    url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    rgba(5,4,3,.76) !important;
}

.ai-process-timeline article::before {
  width: 56px !important;
  height: 78px !important;
  top: -66px !important;
  background: url('../images/04-num2.png') center center / contain no-repeat !important;
}

.ai-process-timeline article span {
  top: -50px !important;
  width: 56px !important;
  height: 18px !important;
  line-height: 18px !important;
}

.ai-process-timeline article::after {
  display: none !important;
}

.ai-process-timeline article::before {
  width: 48px !important;
  height: 56px !important;
  top: -64px !important;
  background: url('../images/04-num2.png') center center / contain no-repeat !important;
}

.ai-process-timeline article span {
  top: -49px !important;
  width: 48px !important;
  height: 18px !important;
  line-height: 18px !important;
}

.ai-process-timeline article::after {
  display: block !important;
  top: -4px !important;
}

.ai-process-divider {
  display: block !important;
  width: min(44vw, 430px) !important;
  height: auto !important;
  margin: 28px auto 0 !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.ai-process-head {
  margin-bottom: 64px !important;
}

@media screen and (max-width: 760px) {
  .ai-process-divider {
    width: min(78vw, 320px) !important;
    margin-top: 22px !important;
  }

  .ai-process-head {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-process-timeline {
    gap: 62px !important;
  }

  .ai-process-timeline::before {
    display: none !important;
  }

  .ai-process-timeline article {
    margin-top: 34px !important;
  }

  .ai-process-timeline article::before {
    top: -52px !important;
  }

  .ai-process-timeline article span {
    top: -37px !important;
  }

  .ai-process-timeline article::after {
    display: block !important;
    top: -2px !important;
  }

  .ai-process-timeline article > h3::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    height: 18px;
    background: url('../images/04-cizgi.png') center center / auto 100% repeat-x;
    pointer-events: none;
    z-index: 0;
  }
}

@media screen and (max-width: 760px) {
  .ai-process-timeline article::before {
    width: 56px !important;
    height: 78px !important;
    top: -70px !important;
    background: url('../images/04-num2.png') center center / contain no-repeat !important;
  }

  .ai-process-timeline article span {
    top: -54px !important;
    width: 56px !important;
    height: 18px !important;
    line-height: 18px !important;
  }

  .ai-process-timeline article::after {
    display: none !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-process-timeline article {
    transform: translateY(2px) !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-process-timeline article {
    transform: none !important;
    background:
      url('../images/04-bordercizgiust.png') center 2px / calc(100% - 22px) auto no-repeat,
      url('../images/04-bordercizgialt.png') center calc(100% + 2px) / calc(100% - 22px) auto no-repeat,
      url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
      url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
      linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
      rgba(5,4,3,.76) !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-process-timeline article {
    transform: none !important;
    background:
      url('../images/04-bordercizgiust.png') center top / calc(100% - 22px) auto no-repeat,
      url('../images/04-bordercizgialt.png') center calc(100% + 2px) / calc(100% - 22px) auto no-repeat,
      url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
      url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
      linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
      rgba(5,4,3,.76) !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-process-timeline article span {
    top: -45px !important;
  }
}

#paketler.ai-section-dark {
  padding: 112px 0 96px !important;
  background: radial-gradient(circle at 50% 4%, rgba(249, 227, 139, .08), transparent 28%), linear-gradient(180deg, #020202 0%, #070706 54%, #020202 100%) !important;
}

.ai-packages-head {
  grid-template-columns: 1.05fr .8fr !important;
  align-items: center !important;
  margin-bottom: 48px !important;
}

.ai-packages-head h2 {
  max-width: 660px !important;
  font-size: clamp(44px, 5vw, 62px) !important;
  line-height: 1.06 !important;
}

.ai-packages-head > p {
  padding-left: 46px !important;
  border-left: 1px solid rgba(249, 227, 139, .35) !important;
  color: rgba(255, 250, 240, .72) !important;
}

.ai-packages {
  gap: 22px !important;
  align-items: stretch !important;
}

.ai-package-card {
  min-height: 670px !important;
  padding: 30px 26px 24px !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(10, 11, 10, .88), rgba(3, 3, 3, .96)) !important;
  border: 1px solid rgba(249, 227, 139, .22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 26px 78px rgba(0,0,0,.38) !important;
  overflow: visible !important;
  transition: transform .30s ease, box-shadow .30s ease !important;
}

.ai-package-card:hover {
  transform: translateY(-8px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 0 1px rgba(249, 227, 139, .22),
    0 0 36px rgba(214, 178, 94, .18),
    0 32px 80px rgba(0, 0, 0, .52) !important;
}

.ai-package-card.featured {
  transform: translateY(-10px);
  border-color: rgba(249, 227, 139, .74) !important;
  box-shadow: 0 0 0 1px rgba(249, 227, 139, .18), 0 0 42px rgba(214,178,94,.22), 0 32px 92px rgba(0,0,0,.46) !important;
}

.ai-package-card.featured:hover {
  transform: translateY(-16px) !important;
  box-shadow:
    0 0 0 1px rgba(249, 227, 139, .28),
    0 0 56px rgba(214, 178, 94, .32),
    0 38px 100px rgba(0, 0, 0, .58) !important;
}

.ai-package-badge {
  top: -17px !important;
  min-width: 250px !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  box-shadow: 0 0 22px rgba(249, 227, 139, .24) !important;
}

.ai-package-badge span {
  color: #1b1204 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

.ai-package-top span {
  width: 43px !important;
  height: 43px !important;
  border-radius: 50% !important;
  color: #f9e38b !important;
  background: rgba(0,0,0,.22) !important;
  box-shadow: 0 0 18px rgba(249,227,139,.12) !important;
}

.ai-package-top i {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #d6b25e !important;
  font-size: 38px !important;
}

.ai-package-card h3 {
  font-size: clamp(30px, 3vw, 38px) !important;
  line-height: .98 !important;
  margin-bottom: 18px !important;
}

.ai-package-card > p {
  min-height: 84px !important;
  font-size: 13px !important;
}

.ai-package-card h4 {
  color: #d6b25e !important;
  font-size: 11px !important;
  letter-spacing: .22em !important;
}

.ai-package-block li {
  font-size: 12px !important;
  color: rgba(255,250,240,.76) !important;
}

.ai-package-audience i,
.ai-package-system i,
.ai-package-benefits i {
  color: #d6b25e !important;
  font-size: 25px !important;
}

.ai-package-audience > div,
.ai-package-system > div {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px 10px !important;
}

.ai-package-card.featured .ai-package-system > div,
.ai-package-card:nth-child(3) .ai-package-audience > div,
.ai-package-card:nth-child(3) .ai-package-system > div {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.ai-package-card > a {
  border-radius: 999px !important;
  min-height: 50px !important;
}

.ai-package-benefits {
  margin-top: 34px !important;
  padding: 22px 26px !important;
  border-radius: 12px !important;
  background: rgba(4,5,5,.8) !important;
}

@media screen and (max-width: 991px) {
  .ai-packages-head {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .ai-packages-head > p {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  .ai-packages {
    grid-template-columns: 1fr !important;
  }

  .ai-package-card.featured {
    transform: none !important;
  }

  .ai-package-benefits {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media screen and (max-width: 640px) {
  #paketler.ai-section-dark {
    padding: 84px 0 !important;
  }

  .ai-package-card {
    min-height: auto !important;
    padding: 28px 20px 22px !important;
  }

  .ai-package-audience > div,
  .ai-package-system > div,
  .ai-package-card.featured .ai-package-system > div,
  .ai-package-card:nth-child(3) .ai-package-audience > div,
  .ai-package-card:nth-child(3) .ai-package-system > div,
  .ai-package-benefits {
    grid-template-columns: 1fr 1fr !important;
  }

  .ai-package-benefits div {
    grid-template-columns: 42px 1fr !important;
  }
}

.ai-process-footer {
  position: relative;
  z-index: 1;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.ai-process-footer img {
  display: block;
  width: min(100%, 1080px);
  height: auto;
  object-fit: contain;
}

@media screen and (max-width: 760px) {
  .ai-process-footer {
    margin-top: 24px;
  }

  .ai-process-footer img {
    width: 100%;
  }
}

.ai-process::after {
  display: none !important;
  content: none !important;
}

.ai-process {
  padding-bottom: 24px !important;
}

.ai-process-footer {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 760px) {
  .ai-process {
    padding-bottom: 18px !important;
  }
}

.ai-process {
  padding-bottom: 0 !important;
}

.ai-process-footer {
  margin-bottom: -18px !important;
}

@media screen and (max-width: 760px) {
  .ai-process {
    padding-bottom: 0 !important;
  }

  .ai-process-footer {
    margin-bottom: -12px !important;
  }
}

.ai-package-top img.ai-package-top-icon {
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  background: none !important;
  filter: none !important;
}

@media screen and (max-width: 640px) {
  .ai-package-top img.ai-package-top-icon {
    width: 52px !important;
    height: 52px !important;
  }
}

.ai-package-benefits i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  border: 1px solid rgba(249, 227, 139, .46) !important;
  border-radius: 50% !important;
  color: #d6b25e !important;
  background: radial-gradient(circle, rgba(249, 227, 139, .055), rgba(0,0,0,.08) 68%) !important;
  box-shadow: inset 0 0 12px rgba(249, 227, 139, .045), 0 0 18px rgba(249, 227, 139, .09) !important;
  font-size: 24px !important;
}

.ai-package-benefits div {
  grid-template-columns: 58px 1fr !important;
}

@media screen and (max-width: 640px) {
  .ai-package-benefits i {
    width: 52px !important;
    height: 52px !important;
    font-size: 22px !important;
  }

  .ai-package-benefits div {
    grid-template-columns: 52px 1fr !important;
  }
}

.ai-package-card {
  border: 1px solid rgba(201, 148, 63, .36) !important;
  border-radius: 12px !important;
  background:
    url('../images/04-bordercizgiust.png') center top / calc(100% - 22px) auto no-repeat,
    url('../images/04-bordercizgialt.png') center calc(100% + 2px) / calc(100% - 22px) auto no-repeat,
    url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
    url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
    linear-gradient(180deg, rgba(10, 11, 10, .88), rgba(3, 3, 3, .96)) !important;
}

.ai-package-card.featured {
  border-color: rgba(249, 227, 139, .74) !important;
  background:
    url('../images/04-bordercizgiust.png') center top / calc(100% - 22px) auto no-repeat,
    url('../images/04-bordercizgialt.png') center calc(100% + 2px) / calc(100% - 22px) auto no-repeat,
    url('../images/04-borderdikcizgi.png') left center / auto calc(100% - 22px) no-repeat,
    url('../images/04-borderdikcizgi.png') right center / auto calc(100% - 22px) no-repeat,
    radial-gradient(circle at 50% 100%, rgba(249, 227, 139, .12), transparent 26%),
    linear-gradient(180deg, rgba(12, 11, 8, .92), rgba(3, 3, 3, .96)) !important;
}

@media screen and (max-width: 640px) {
  .ai-package-card,
  .ai-package-card.featured {
    background-size:
      calc(100% - 20px) auto,
      calc(100% - 20px) auto,
      auto calc(100% - 20px),
      auto calc(100% - 20px),
      auto,
      auto !important;
  }
}

.ai-package-card {
  border: 1px solid rgba(249, 227, 139, .22) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(10, 11, 10, .88), rgba(3, 3, 3, .96)) !important;
}

.ai-package-card.featured {
  border-color: rgba(249, 227, 139, .74) !important;
  background: radial-gradient(circle at 50% 100%, rgba(249, 227, 139, .12), transparent 26%), linear-gradient(180deg, rgba(12, 11, 8, .92), rgba(3, 3, 3, .96)) !important;
}

.ai-package-benefits div {
  position: relative !important;
}

.ai-package-benefits div:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -9px;
  width: 1px;
  height: calc(100% - 20px);
  background: linear-gradient(180deg, transparent, rgba(249, 227, 139, .28), transparent);
}

@media screen and (max-width: 991px) {
  .ai-package-benefits div::after {
    display: none !important;
  }

  .ai-package-benefits div:nth-child(odd)::after {
    content: "";
    display: block !important;
    position: absolute;
    top: 10px;
    right: -9px;
    width: 1px;
    height: calc(100% - 20px);
    background: linear-gradient(180deg, transparent, rgba(249, 227, 139, .24), transparent);
  }
}

@media screen and (max-width: 520px) {
  .ai-package-benefits div::after {
    display: none !important;
  }

  .ai-package-benefits div:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(249, 227, 139, .12);
  }
}

.ai-package-clapper-icon,
.ai-package-reels-icon {
  display: block !important;
  width: 25px !important;
  height: 25px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 10px rgba(249, 227, 139, .14)) !important;
}

.ai-package-clapper-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22H43V43H14V22Z' stroke='%23D6B25E' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M14 22L41 14L43 22' stroke='%23D6B25E' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M19 20L22 26M28 17L31 23M38 15L41 21' stroke='%23D6B25E' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M25 29L34 34L25 39V29Z' stroke='%23D6B25E' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.ai-package-reels-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15' y='13' width='26' height='31' rx='3' stroke='%23D6B25E' stroke-width='2.5'/%3E%3Cpath d='M21 13V44M35 13V44M15 22H41M15 34H41' stroke='%23D6B25E' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.ai-why {
  padding: 112px 0 96px !important;
  background: radial-gradient(circle at 72% 18%, rgba(249, 227, 139, .13), transparent 34%), radial-gradient(circle at 50% 38%, rgba(187, 136, 52, .1), transparent 35%), linear-gradient(180deg, #030303 0%, #0a0804 54%, #030303 100%) !important;
}

.ai-why::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 58% 42%, transparent 0 18%, rgba(214, 178, 94, .08) 18.3%, transparent 18.8%, transparent 28%, rgba(214, 178, 94, .055) 28.3%, transparent 28.8%, transparent 39%, rgba(214, 178, 94, .04) 39.3%, transparent 39.8%);
  opacity: .7;
}

.ai-why-head {
  max-width: 1120px;
}

.ai-why-head h2 {
  max-width: 720px !important;
  font-size: clamp(54px, 7vw, 84px) !important;
  line-height: .98 !important;
}

.ai-why-head h2 em {
  color: #d6b25e !important;
  text-shadow: 0 0 34px rgba(214, 178, 94, .16);
}

.ai-why-grid {
  position: relative !important;
  z-index: 2 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin-top: 44px !important;
  padding: 28px 0 30px !important;
  border: 1px solid rgba(249, 227, 139, .36) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(9, 8, 6, .72), rgba(3, 3, 3, .82)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 34px rgba(214,178,94,.08) !important;
  overflow: hidden !important;
}

.ai-why-grid article {
  min-height: 220px !important;
  padding: 0 28px !important;
  border-top: 0 !important;
  border-right: 1px solid rgba(249, 227, 139, .16) !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

.ai-why-grid article::before,
.ai-why-grid article::after {
  display: none !important;
}

.ai-why-grid article:last-child {
  border-right: 0 !important;
}

.ai-why-grid article > div {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.ai-why-grid span {
  display: inline-block !important;
  margin: 0 !important;
  color: #d6b25e !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 38px !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
}

.ai-why-grid span::after {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  margin-top: 11px;
  background: #d6b25e;
}

.ai-why-icon {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 0 10px rgba(249, 227, 139, .14));
}

.ai-why-grid h3 {
  margin: 0 0 14px !important;
  color: #fffaf0 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(20px, 1.8vw, 25px) !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
  letter-spacing: -.035em !important;
}

.ai-why-grid p {
  color: rgba(255, 250, 240, .72) !important;
  font-size: 13px !important;
  line-height: 1.72 !important;
}

.ai-why-icon-izmir {
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='29' stroke='%23D6B25E' stroke-width='2'/%3E%3Cpath d='M36 57V20M36 51C26 45 21 36 23 27C31 28 36 35 36 43M36 49C46 42 51 34 49 25C41 26 36 34 36 43' stroke='%23D6B25E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.ai-why-icon-architecture {
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 22H54M21 18H51M24 27V55M34 27V55M44 27V55M19 55H53M16 60H56' stroke='%23D6B25E' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.ai-why-icon-speed {
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 44A20 20 0 0 1 54 32A20 20 0 0 1 56 44M16 50H56' stroke='%23D6B25E' stroke-width='2.3' stroke-linecap='round'/%3E%3Cpath d='M36 40L47 29' stroke='%23D6B25E' stroke-width='2.3' stroke-linecap='round'/%3E%3Ccircle cx='36' cy='40' r='3' stroke='%23D6B25E' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.ai-why-icon-trust {
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 14L56 22V36C56 49 47 57 36 62C25 57 16 49 16 36V22L36 14Z' stroke='%23D6B25E' stroke-width='2.3' stroke-linejoin='round'/%3E%3Cpath d='M27 36L34 43L46 30' stroke='%23D6B25E' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.ai-why-icon-growth {
  background-image: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 56H58M22 56V43H30V56M34 56V34H42V56M46 56V25H54V56M20 25C30 25 42 21 55 12M55 12V23M55 12H44' stroke='%23D6B25E' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

@media screen and (max-width: 1180px) {
  .ai-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 18px !important;
  }

  .ai-why-grid article {
    padding: 26px 24px !important;
    border-bottom: 1px solid rgba(249, 227, 139, .13) !important;
  }

  .ai-why-grid article:nth-child(2n) {
    border-right: 0 !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-why {
    padding: 84px 0 74px !important;
  }

  .ai-why-head h2 {
    font-size: clamp(42px, 13vw, 62px) !important;
  }

  .ai-why-grid {
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  .ai-why-grid article {
    min-height: auto !important;
    padding: 26px 22px !important;
    border-right: 0 !important;
  }

  .ai-why-grid article:last-child {
    border-bottom: 0 !important;
  }
}

.ai-why-icon {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: contain !important;
  background: none !important;
  filter: drop-shadow(0 0 10px rgba(249, 227, 139, .14)) !important;
}

@media screen and (max-width: 760px) {
  .ai-why-icon {
    width: 52px !important;
    height: 52px !important;
  }
}

.ai-why {
  background:
    linear-gradient(90deg, rgba(3,3,3,.98) 0%, rgba(3,3,3,.88) 34%, rgba(3,3,3,.38) 68%, rgba(3,3,3,.18) 100%),
    linear-gradient(180deg, rgba(3,3,3,.12) 0%, rgba(3,3,3,.06) 54%, #030303 100%),
    url('../images/07-background.png') right top / auto min(78vh, 690px) no-repeat,
    #030303 !important;
}

.ai-why::after {
  z-index: 0 !important;
}

.ai-why-head,
.ai-why-grid {
  z-index: 2 !important;
}

.ai-why-grid {
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: 0 0 34px rgba(214,178,94,.08) !important;
}

.ai-why-grid article {
  background: rgba(3, 3, 3, .26) !important;
}

@media screen and (max-width: 991px) {
  .ai-why {
    background:
      linear-gradient(180deg, rgba(3,3,3,.78) 0%, rgba(3,3,3,.88) 48%, #030303 100%),
      url('../images/07-background.png') right top / auto 520px no-repeat,
      #030303 !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-why {
    background:
      linear-gradient(180deg, rgba(3,3,3,.72) 0%, rgba(3,3,3,.92) 42%, #030303 100%),
      url('../images/07-background.png') 68% top / auto 390px no-repeat,
      #030303 !important;
  }
}

.ai-why {
  padding-top: 72px !important;
  background:
    linear-gradient(90deg, rgba(3,3,3,.98) 0%, rgba(3,3,3,.86) 34%, rgba(3,3,3,.42) 68%, rgba(3,3,3,.22) 100%),
    linear-gradient(180deg, rgba(3,3,3,.08) 0%, rgba(3,3,3,.08) 54%, #030303 100%),
    url('../images/07-background.png') right 18px / auto 520px no-repeat,
    #030303 !important;
}

.ai-why-head {
  margin-top: 0 !important;
}

.ai-why-grid {
  margin-top: 34px !important;
}

@media screen and (max-width: 991px) {
  .ai-why {
    padding-top: 64px !important;
    background:
      linear-gradient(180deg, rgba(3,3,3,.76) 0%, rgba(3,3,3,.88) 48%, #030303 100%),
      url('../images/07-background.png') right 12px / auto 430px no-repeat,
      #030303 !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-why {
    padding-top: 54px !important;
    background:
      linear-gradient(180deg, rgba(3,3,3,.74) 0%, rgba(3,3,3,.92) 42%, #030303 100%),
      url('../images/07-background.png') 72% 8px / auto 320px no-repeat,
      #030303 !important;
  }

  .ai-why-grid {
    margin-top: 28px !important;
  }
}

.ai-why {
  background:
    url('../images/07-background.png') right 18px / auto 520px no-repeat,
    #030303 !important;
}

@media screen and (max-width: 991px) {
  .ai-why {
    background:
      url('../images/07-background.png') right 12px / auto 430px no-repeat,
      #030303 !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-why {
    background:
      url('../images/07-background.png') 72% 8px / auto 320px no-repeat,
      #030303 !important;
  }
}

.ai-why {
  background:
    url('../images/07-background.png') right 22px / auto 470px no-repeat,
    #030303 !important;
}

.ai-why-grid {
  background: rgba(3, 3, 3, .54) !important;
  backdrop-filter: none !important;
}

.ai-why-grid article {
  background: transparent !important;
}

@media screen and (max-width: 991px) {
  .ai-why {
    background:
      url('../images/07-background.png') right 16px / auto 390px no-repeat,
      #030303 !important;
  }

  .ai-why-grid {
    background: rgba(3, 3, 3, .62) !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-why {
    background:
      url('../images/07-background.png') 72% 10px / auto 285px no-repeat,
      #030303 !important;
  }

  .ai-why-grid {
    background: rgba(3, 3, 3, .68) !important;
  }
}

.ai-why::after {
  display: none !important;
  content: none !important;
}

.ai-why-grid {
  position: relative !important;
  border: 1px solid rgba(249, 227, 139, .54) !important;
  box-shadow:
    0 0 0 1px rgba(249, 227, 139, .08),
    0 0 22px rgba(214, 178, 94, .14),
    inset 0 0 28px rgba(0, 0, 0, .62) !important;
  overflow: visible !important;
}

.ai-why-grid::before,
.ai-why-grid::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  display: block !important;
  z-index: 3 !important;
}

.ai-why-grid::before {
  left: 18px !important;
  right: 18px !important;
  top: -1px !important;
  bottom: -1px !important;
  border-top: 1px solid rgba(255, 224, 130, .72) !important;
  border-bottom: 1px solid rgba(255, 224, 130, .58) !important;
  border-radius: 20px !important;
  box-shadow:
    0 -2px 16px rgba(249, 227, 139, .18),
    0 2px 18px rgba(249, 227, 139, .14) !important;
}

.ai-why-grid::after {
  inset: -4px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 0 0, rgba(255, 240, 160, .95) 0 2px, rgba(249, 227, 139, .36) 3px, transparent 16px),
    radial-gradient(circle at 50% 100%, rgba(255, 240, 160, .95) 0 2px, rgba(249, 227, 139, .34) 3px, transparent 18px),
    radial-gradient(circle at 100% 100%, rgba(255, 240, 160, .95) 0 2px, rgba(249, 227, 139, .36) 3px, transparent 16px) !important;
  filter: drop-shadow(0 0 8px rgba(255, 224, 130, .72)) drop-shadow(0 0 18px rgba(214, 178, 94, .42)) !important;
}

@media screen and (max-width: 760px) {
  .ai-why-grid::before {
    left: 12px !important;
    right: 12px !important;
    border-radius: 16px !important;
  }

  .ai-why-grid::after {
    border-radius: 22px !important;
  }
}

.ai-why-grid {
  border-color: rgba(249, 227, 139, .42) !important;
  box-shadow:
    0 0 0 1px rgba(249, 227, 139, .045),
    0 14px 42px rgba(0, 0, 0, .34),
    0 0 16px rgba(214, 178, 94, .08),
    inset 0 0 28px rgba(0, 0, 0, .62) !important;
  overflow: visible !important;
}

.ai-why-grid::before {
  left: 10px !important;
  right: 10px !important;
  top: -1px !important;
  bottom: -1px !important;
  border-top: 1px solid rgba(255, 224, 130, .32) !important;
  border-bottom: 1px solid rgba(255, 224, 130, .24) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
}

.ai-why-grid::after {
  inset: 0 !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 0 0, rgba(255, 240, 160, .9) 0 1.5px, rgba(249, 227, 139, .42) 2px, transparent 18px),
    radial-gradient(circle at 50% 100%, rgba(255, 240, 160, .86) 0 1.5px, rgba(249, 227, 139, .34) 2px, transparent 20px),
    radial-gradient(circle at 100% 100%, rgba(255, 240, 160, .9) 0 1.5px, rgba(249, 227, 139, .42) 2px, transparent 18px) !important;
  filter: drop-shadow(0 0 6px rgba(255, 224, 130, .54)) drop-shadow(0 0 13px rgba(214, 178, 94, .26)) !important;
}

@media screen and (max-width: 760px) {
  .ai-why-grid::before {
    left: 8px !important;
    right: 8px !important;
    border-radius: 16px !important;
  }

  .ai-why-grid::after {
    border-radius: 18px !important;
  }
}

.ai-why-grid {
  border: 1px solid transparent !important;
  background:
    linear-gradient(rgba(3, 3, 3, .56), rgba(3, 3, 3, .56)) padding-box,
    linear-gradient(100deg,
      rgba(115, 75, 24, .62) 0%,
      rgba(247, 209, 98, .95) 8%,
      rgba(255, 239, 173, .86) 22%,
      rgba(169, 111, 38, .6) 38%,
      rgba(92, 58, 22, .5) 52%,
      rgba(245, 198, 78, .88) 70%,
      rgba(255, 232, 150, .96) 86%,
      rgba(122, 79, 28, .66) 100%
    ) border-box !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, .34),
    0 0 18px rgba(214, 178, 94, .1),
    inset 0 0 28px rgba(0, 0, 0, .62) !important;
}

.ai-why-grid::before {
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 239, 173, .74) 14%, rgba(188, 124, 42, .32) 38%, rgba(93, 60, 24, .22) 56%, rgba(246, 200, 80, .62) 76%, transparent 100%) top / 100% 1px no-repeat,
    linear-gradient(90deg, transparent 0%, rgba(159, 100, 34, .32) 14%, rgba(255, 234, 151, .66) 50%, rgba(241, 184, 64, .48) 82%, transparent 100%) bottom / 100% 1px no-repeat !important;
}

@media screen and (max-width: 991px) {
  .ai-why-grid {
    background:
      linear-gradient(rgba(3, 3, 3, .64), rgba(3, 3, 3, .64)) padding-box,
      linear-gradient(100deg, rgba(115, 75, 24, .62), rgba(247, 209, 98, .95), rgba(255, 239, 173, .86), rgba(169, 111, 38, .6), rgba(245, 198, 78, .88), rgba(122, 79, 28, .66)) border-box !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-why-grid {
    background:
      linear-gradient(rgba(3, 3, 3, .7), rgba(3, 3, 3, .7)) padding-box,
      linear-gradient(100deg, rgba(115, 75, 24, .62), rgba(247, 209, 98, .95), rgba(255, 239, 173, .86), rgba(169, 111, 38, .6), rgba(245, 198, 78, .88), rgba(122, 79, 28, .66)) border-box !important;
  }
}

.ai-why-grid {
  border: 1px solid rgba(249, 227, 139, .52) !important;
  border-image: linear-gradient(100deg,
    rgba(115, 75, 24, .72) 0%,
    rgba(247, 209, 98, .95) 8%,
    rgba(255, 239, 173, .88) 22%,
    rgba(169, 111, 38, .62) 38%,
    rgba(92, 58, 22, .54) 52%,
    rgba(245, 198, 78, .9) 70%,
    rgba(255, 232, 150, .96) 86%,
    rgba(122, 79, 28, .72) 100%
  ) 1 !important;
  background: rgba(3, 3, 3, .58) !important;
}

@supports (mask-composite: exclude) or (-webkit-mask-composite: xor) {
  .ai-why-grid {
    border: 0 !important;
    background: rgba(3, 3, 3, .58) !important;
  }

  .ai-why-grid::before {
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    padding: 1px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: linear-gradient(100deg,
      rgba(115, 75, 24, .72) 0%,
      rgba(247, 209, 98, .95) 8%,
      rgba(255, 239, 173, .88) 22%,
      rgba(169, 111, 38, .62) 38%,
      rgba(92, 58, 22, .54) 52%,
      rgba(245, 198, 78, .9) 70%,
      rgba(255, 232, 150, .96) 86%,
      rgba(122, 79, 28, .72) 100%
    ) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    box-shadow: none !important;
  }
}

@media screen and (max-width: 991px) {
  .ai-why-grid {
    background: rgba(3, 3, 3, .66) !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-why-grid {
    background: rgba(3, 3, 3, .72) !important;
  }
}

.ai-why-grid::after {
  background:
    radial-gradient(circle at 0 0, rgba(255, 240, 160, .88) 0 1.5px, rgba(249, 227, 139, .38) 2px, transparent 18px),
    radial-gradient(ellipse 86px 16px at 50% 100%, rgba(255, 237, 158, .42) 0%, rgba(247, 202, 82, .2) 32%, rgba(214, 178, 94, .08) 58%, transparent 76%),
    radial-gradient(circle at 100% 100%, rgba(255, 240, 160, .88) 0 1.5px, rgba(249, 227, 139, .38) 2px, transparent 18px) !important;
  filter: drop-shadow(0 0 5px rgba(255, 224, 130, .42)) drop-shadow(0 0 12px rgba(214, 178, 94, .2)) !important;
}

.ai-why-grid article {
  border-right: 0 !important;
}

.ai-why-grid article:not(:last-child)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 24px !important;
  right: 0 !important;
  bottom: 24px !important;
  width: 1px !important;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(92, 58, 22, .18) 12%,
    rgba(247, 209, 98, .62) 38%,
    rgba(255, 239, 173, .78) 50%,
    rgba(188, 124, 42, .48) 66%,
    rgba(92, 58, 22, .16) 86%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 8px rgba(214, 178, 94, .18) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

@media screen and (max-width: 1180px) {
  .ai-why-grid article:not(:last-child)::after {
    display: none !important;
  }

  .ai-why-grid article:nth-child(odd)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 24px !important;
    right: 0 !important;
    bottom: 24px !important;
    width: 1px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(247, 209, 98, .56) 42%, rgba(255, 239, 173, .72) 50%, rgba(188, 124, 42, .42) 64%, transparent 100%) !important;
    box-shadow: 0 0 8px rgba(214, 178, 94, .16) !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-why-grid article::after,
  .ai-why-grid article:nth-child(odd)::after,
  .ai-why-grid article:not(:last-child)::after {
    display: none !important;
  }
}

.ai-phases {
  border: 0 !important;
  border-radius: 22px !important;
  background: rgba(3, 3, 3, .58) !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, .34),
    0 0 18px rgba(214, 178, 94, .1),
    inset 0 0 28px rgba(0, 0, 0, .62) !important;
  overflow: visible !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  padding: 1px !important;
  border-radius: inherit !important;
  background: linear-gradient(100deg,
    rgba(115, 75, 24, .72) 0%,
    rgba(247, 209, 98, .95) 8%,
    rgba(255, 239, 173, .88) 22%,
    rgba(169, 111, 38, .62) 38%,
    rgba(92, 58, 22, .54) 52%,
    rgba(245, 198, 78, .9) 70%,
    rgba(255, 232, 150, .96) 86%,
    rgba(122, 79, 28, .72) 100%
  ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

.ai-phases::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 0 0, rgba(255, 240, 160, .88) 0 1.5px, rgba(249, 227, 139, .38) 2px, transparent 18px),
    radial-gradient(ellipse 70px 14px at 50% 100%, rgba(255, 237, 158, .34) 0%, rgba(247, 202, 82, .16) 34%, rgba(214, 178, 94, .06) 60%, transparent 78%),
    radial-gradient(circle at 100% 100%, rgba(255, 240, 160, .88) 0 1.5px, rgba(249, 227, 139, .38) 2px, transparent 18px) !important;
  filter: drop-shadow(0 0 5px rgba(255, 224, 130, .36)) drop-shadow(0 0 12px rgba(214, 178, 94, .18)) !important;
  box-shadow: none !important;
}

.ai-phases div {
  border: 0 !important;
}

.ai-phases div:not(:last-child) {
  border-right: 0 !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 24px !important;
  right: 0 !important;
  bottom: 24px !important;
  width: 1px !important;
  height: auto !important;
  transform: none !important;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(92, 58, 22, .18) 12%,
    rgba(247, 209, 98, .62) 38%,
    rgba(255, 239, 173, .78) 50%,
    rgba(188, 124, 42, .48) 66%,
    rgba(92, 58, 22, .16) 86%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 8px rgba(214, 178, 94, .18) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    background: rgba(3, 3, 3, .72) !important;
    border-radius: 18px !important;
    overflow: visible !important;
  }

  .ai-phases div:not(:last-child)::after {
    display: none !important;
  }
}

.ai-phases {
  position: relative !important;
  isolation: isolate !important;
  width: min(706px, 100%) !important;
  min-height: 151px !important;
  margin-top: 18px !important;
  padding: 0 !important;
  border: 1px solid rgba(201, 148, 63, .78) !important;
  border-radius: 22px !important;
  clip-path: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,0)), rgba(5, 4, 3, .82) !important;
  box-shadow: 0 0 26px rgba(214, 178, 94, .12), inset 0 0 34px rgba(0,0,0,.74), inset 0 0 12px rgba(214,178,94,.045) !important;
  overflow: hidden !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: inherit !important;
  clip-path: none !important;
  pointer-events: none !important;
  padding: 0 !important;
  background: radial-gradient(circle at 25% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 50% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 75% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px) !important;
  box-shadow: inset 0 1px 0 rgba(249, 227, 139, .16), inset 0 -1px 0 rgba(249, 227, 139, .08) !important;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: source-over !important;
  mask-composite: add !important;
}

.ai-phases::after {
  display: none !important;
  content: none !important;
}

.ai-phases div {
  position: relative !important;
  z-index: 2 !important;
  min-height: 151px !important;
  padding: 27px 10px 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ai-phases div:not(:last-child) {
  border-right: 1px solid rgba(201, 148, 63, .62) !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: -4px !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 4 !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 10px rgba(255,240,160,1), 0 0 32px rgba(249,227,139,.85) !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    border-radius: 18px !important;
    overflow: hidden !important;
  }
}

.ai-phases {
  border: 1px solid transparent !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)),
    rgba(5, 4, 3, .84) padding-box,
    linear-gradient(100deg,
      rgba(115, 75, 24, .68) 0%,
      rgba(247, 209, 98, .9) 10%,
      rgba(255, 239, 173, .78) 22%,
      rgba(139, 88, 30, .46) 42%,
      rgba(92, 58, 22, .42) 56%,
      rgba(245, 198, 78, .82) 76%,
      rgba(255, 232, 150, .86) 90%,
      rgba(122, 79, 28, .66) 100%
    ) border-box !important;
  box-shadow:
    0 10px 34px rgba(0, 0, 0, .34),
    0 0 14px rgba(214, 178, 94, .08),
    inset 0 0 32px rgba(0,0,0,.74),
    inset 0 0 10px rgba(214,178,94,.035) !important;
  overflow: hidden !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  padding: 0 !important;
  background:
    radial-gradient(ellipse 54px 10px at 0 50%, rgba(255, 237, 158, .34) 0%, rgba(247, 202, 82, .15) 34%, transparent 72%),
    radial-gradient(ellipse 54px 10px at 100% 50%, rgba(255, 237, 158, .34) 0%, rgba(247, 202, 82, .15) 34%, transparent 72%),
    linear-gradient(90deg, transparent 0%, rgba(255, 239, 173, .18) 12%, transparent 32%, transparent 68%, rgba(255, 239, 173, .16) 88%, transparent 100%) !important;
  box-shadow: inset 0 1px 0 rgba(249, 227, 139, .1), inset 0 -1px 0 rgba(249, 227, 139, .06) !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.ai-phases::after {
  display: none !important;
  content: none !important;
}

.ai-phases div:not(:last-child) {
  border-right: 0 !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 26px !important;
  right: 0 !important;
  bottom: 26px !important;
  width: 1px !important;
  height: auto !important;
  transform: none !important;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(92, 58, 22, .12) 12%,
    rgba(247, 209, 98, .45) 38%,
    rgba(255, 239, 173, .58) 50%,
    rgba(188, 124, 42, .34) 66%,
    rgba(92, 58, 22, .1) 86%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 6px rgba(214, 178, 94, .12) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    background:
      linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)),
      rgba(5, 4, 3, .88) padding-box,
      linear-gradient(100deg, rgba(115, 75, 24, .68), rgba(247, 209, 98, .9), rgba(255, 239, 173, .78), rgba(139, 88, 30, .46), rgba(245, 198, 78, .82), rgba(122, 79, 28, .66)) border-box !important;
  }

  .ai-phases div:not(:last-child)::after {
    display: none !important;
  }
}

.ai-phases {
  position: relative !important;
  isolation: isolate !important;
  width: min(706px, 100%) !important;
  min-height: 151px !important;
  margin-top: 18px !important;
  padding: 0 !important;
  border: 1px solid rgba(201, 148, 63, .78) !important;
  border-radius: 22px !important;
  clip-path: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,0)), rgba(5, 4, 3, .82) !important;
  box-shadow: 0 0 26px rgba(214, 178, 94, .12), inset 0 0 34px rgba(0,0,0,.74), inset 0 0 12px rgba(214,178,94,.045) !important;
  overflow: hidden !important;
}

.ai-phases::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: inherit !important;
  clip-path: none !important;
  pointer-events: none !important;
  padding: 0 !important;
  background: radial-gradient(circle at 25% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 50% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px), radial-gradient(circle at 75% 50%, #fff0a0 0 3px, rgba(249,227,139,.42) 4px, transparent 18px) !important;
  box-shadow: inset 0 1px 0 rgba(249, 227, 139, .16), inset 0 -1px 0 rgba(249, 227, 139, .08) !important;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: source-over !important;
  mask-composite: add !important;
}

.ai-phases::after {
  display: none !important;
  content: none !important;
}

.ai-phases div {
  position: relative !important;
  z-index: 2 !important;
  min-height: 151px !important;
  padding: 27px 10px 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ai-phases div:not(:last-child) {
  border-right: 1px solid rgba(201, 148, 63, .62) !important;
}

.ai-phases div:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: -4px !important;
  top: 50% !important;
  bottom: auto !important;
  z-index: 4 !important;
  width: 8px !important;
  height: 8px !important;
  transform: translateY(-50%) rotate(45deg) !important;
  background: #fff0a0 !important;
  box-shadow: 0 0 10px rgba(255,240,160,1), 0 0 32px rgba(249,227,139,.85) !important;
}

@media screen and (max-width: 760px) {
  .ai-phases {
    border-radius: 18px !important;
    overflow: hidden !important;
  }
}

.ai-why-grid span {
  font-family: 'Times New Roman', Times, serif !important;
}

.ai-why-grid span::after {
  width: 22px !important;
  background: linear-gradient(90deg, #d6b25e 0%, rgba(214, 178, 94, .38) 48%, rgba(3, 3, 3, 0) 100%) !important;
}

.ai-why-grid h3 {
  white-space: nowrap !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  letter-spacing: -.045em !important;
}

@media screen and (max-width: 1180px) {
  .ai-why-grid h3 {
    font-size: clamp(18px, 2.4vw, 23px) !important;
  }
}

@media screen and (max-width: 760px) {
  .ai-why-grid h3 {
    font-size: clamp(19px, 6vw, 24px) !important;
    letter-spacing: -.04em !important;
  }
}

@media screen and (min-width: 1181px) and (max-width: 1320px) {
  .ai-why-grid article {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .ai-why-grid h3 {
    font-size: 19px !important;
    letter-spacing: -.055em !important;
  }
}

.ai-intelligence {
  padding: 96px 0 86px !important;
  background: radial-gradient(circle at 78% 12%, rgba(249, 227, 139, .08), transparent 28%), linear-gradient(180deg, #030303 0%, #070605 52%, #030303 100%) !important;
}

.ai-intelligence::before {
  background-image: linear-gradient(to right, rgba(249, 227, 139, .024) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .018) 1px, transparent 1px) !important;
  background-size: 92px 92px !important;
  opacity: .72 !important;
}

.ai-intelligence-head {
  position: relative !important;
  z-index: 2 !important;
}

.ai-intelligence-head::after {
  content: "A";
  position: absolute;
  right: 6%;
  top: 6px;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: rgba(214, 178, 94, .72);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 26px;
  background: radial-gradient(circle, rgba(214,178,94,.12), transparent 62%);
  box-shadow: 0 0 32px rgba(214,178,94,.09);
}

.ai-intelligence-head h2 {
  max-width: 860px !important;
  margin: 0 0 28px !important;
  font-size: clamp(48px, 6.6vw, 88px) !important;
  line-height: .92 !important;
  letter-spacing: -.06em !important;
}

.ai-intelligence-head h2 em {
  color: #d6b25e !important;
  text-shadow: 0 0 28px rgba(214, 178, 94, .16);
}

.ai-intelligence-head p {
  max-width: 690px;
  margin: 0 0 18px;
  color: rgba(255, 250, 240, .66);
  font-size: 14px;
  line-height: 1.8;
}

.ai-insights-wrap {
  position: relative;
  z-index: 2;
}

.ai-insight-feature {
  display: grid;
  grid-template-columns: 1.22fr 1fr;
  min-height: 292px;
  border: 1px solid rgba(249, 227, 139, .18);
  background: rgba(3, 3, 3, .54);
}

.ai-insight-feature-media,
.ai-insight-media {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(214, 178, 94, .08), rgba(255,255,255,.018)), rgba(8, 7, 5, .8);
}

.ai-insight-feature-media::before,
.ai-insight-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, transparent 0 48%, rgba(249,227,139,.12) 50%, transparent 52%), radial-gradient(circle at 70% 28%, rgba(249,227,139,.14), transparent 24%);
  opacity: .55;
}

.ai-insight-feature-media span {
  position: absolute;
  left: 22px;
  top: 22px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  color: #d6b25e;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .34em;
  text-transform: uppercase;
  z-index: 1;
}

.ai-insight-feature-copy {
  padding: 42px 42px 34px;
  border-left: 1px solid rgba(249, 227, 139, .14);
}

.ai-insight-feature-copy > span,
.ai-insights-grid article > span {
  display: inline-block;
  margin-bottom: 18px;
  padding: 6px 12px;
  border: 1px solid rgba(249, 227, 139, .22);
  border-radius: 999px;
  color: #d6b25e;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.ai-insight-feature-copy h3 {
  max-width: 480px;
  margin: 0 0 18px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(34px, 3.4vw, 48px);
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: -.045em;
}

.ai-insight-feature-copy p,
.ai-insights-grid p {
  margin: 0;
  color: rgba(255, 250, 240, .68);
  font-size: 13px;
  line-height: 1.75;
}

.ai-insight-feature-copy div {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 28px;
}

.ai-insight-feature-copy small,
.ai-insight-feature-copy a,
.ai-insights-grid small {
  color: rgba(255, 250, 240, .62);
  font-size: 12px;
  text-decoration: none;
}

.ai-insight-feature-copy a {
  margin-left: auto;
  color: #d6b25e;
}

.ai-insights-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.ai-insights-grid article {
  min-height: 314px;
  border: 1px solid rgba(249, 227, 139, .18);
  background: rgba(3, 3, 3, .62);
}

.ai-insight-media {
  height: 94px;
  border-bottom: 1px solid rgba(249, 227, 139, .13);
}

.ai-insights-grid article > span,
.ai-insights-grid h3,
.ai-insights-grid p,
.ai-insights-grid small {
  margin-left: 13px;
  margin-right: 13px;
}

.ai-insights-grid article > span {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 5px 9px;
  font-size: 9px;
  letter-spacing: .2em;
}

.ai-insights-grid h3 {
  min-height: 54px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 20px;
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: -.035em;
}

.ai-insights-grid p {
  font-size: 11px;
  line-height: 1.65;
}

.ai-insights-grid small {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 18px;
  padding-bottom: 14px;
}

.ai-insights-grid small .fa-arrow-right {
  margin-left: auto;
  color: #d6b25e;
}

.ai-insights-all {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: max-content;
  margin: 28px auto 0;
  color: #d6b25e;
  font-size: 11px;
  letter-spacing: .32em;
  text-transform: uppercase;
  text-decoration: none;
}

@media screen and (max-width: 1180px) {
  .ai-insights-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 760px) {
  .ai-intelligence {
    padding: 78px 0 70px !important;
  }

  .ai-intelligence-head::after {
    display: none;
  }

  .ai-insight-feature {
    grid-template-columns: 1fr;
  }

  .ai-insight-feature-media {
    min-height: 210px;
  }

  .ai-insight-feature-copy {
    padding: 30px 22px;
    border-left: 0;
    border-top: 1px solid rgba(249, 227, 139, .14);
  }

  .ai-insight-feature-copy div {
    flex-wrap: wrap;
    gap: 16px;
  }

  .ai-insight-feature-copy a {
    width: 100%;
    margin-left: 0;
  }

  .ai-insights-grid {
    grid-template-columns: 1fr;
  }

  .ai-insights-grid article {
    min-height: auto;
  }
}

.ai-insight-feature-media img,
.ai-insight-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  z-index: 0;
}

.ai-insight-feature-media::after,
.ai-insight-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(3,3,3,.08), rgba(3,3,3,.26));
  pointer-events: none;
  z-index: 1;
}

.ai-insight-feature-media span {
  z-index: 2;
}

.ai-insight-feature-media::before,
.ai-insight-media::before {
  z-index: 1;
  mix-blend-mode: screen;
  opacity: .18 !important;
}

.ai-intelligence {
  padding-top: 64px !important;
  background:
    url('../images/08-background.png') right top / auto 420px no-repeat,
    linear-gradient(180deg, #030303 0%, #070605 52%, #030303 100%) !important;
}

.ai-intelligence-head h2 {
  margin-top: 0 !important;
}

@media screen and (max-width: 991px) {
  .ai-intelligence {
    padding-top: 58px !important;
    background:
      url('../images/08-background.png') right top / auto 330px no-repeat,
      linear-gradient(180deg, #030303 0%, #070605 52%, #030303 100%) !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-intelligence {
    padding-top: 50px !important;
    background:
      url('../images/08-background.png') 74% top / auto 240px no-repeat,
      linear-gradient(180deg, #030303 0%, #070605 52%, #030303 100%) !important;
  }
}

.ai-intelligence-head::after {
  display: none !important;
  content: none !important;
}

.ai-intelligence {
  background:
    url('../images/08-background.png') right top / auto 340px no-repeat,
    linear-gradient(180deg, #030303 0%, #070605 52%, #030303 100%) !important;
}

.ai-intelligence-head h2 {
  max-width: 760px !important;
  font-size: clamp(42px, 5.2vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

@media screen and (max-width: 991px) {
  .ai-intelligence {
    background:
      url('../images/08-background.png') right top / auto 280px no-repeat,
      linear-gradient(180deg, #030303 0%, #070605 52%, #030303 100%) !important;
  }

  .ai-intelligence-head h2 {
    max-width: 680px !important;
    font-size: clamp(38px, 6.2vw, 58px) !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-intelligence {
    background:
      url('../images/08-background.png') 78% top / auto 210px no-repeat,
      linear-gradient(180deg, #030303 0%, #070605 52%, #030303 100%) !important;
  }

  .ai-intelligence-head h2 {
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1 !important;
  }
}

.ai-showreel {
  padding: 92px 0 88px !important;
  background: linear-gradient(180deg, #030303 0%, #070706 52%, #030303 100%) !important;
}

.ai-showreel::before {
  background-image: linear-gradient(to right, rgba(249, 227, 139, .018) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .014) 1px, transparent 1px) !important;
  background-size: 92px 92px !important;
  opacity: .8 !important;
}

.ai-showreel-head {
  grid-template-columns: 1fr .72fr auto !important;
  align-items: end !important;
  gap: 44px !important;
  margin-bottom: 34px !important;
}

.ai-showreel-head h2 {
  font-size: clamp(48px, 5.7vw, 76px) !important;
  line-height: .95 !important;
}

.ai-showreel-head h2 em {
  color: #e746c6 !important;
  background: linear-gradient(100deg, #ff9700 0%, #ff4f9f 48%, #9b4dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ai-showreel-head p {
  max-width: 470px !important;
  margin: 0 0 12px !important;
  color: rgba(255, 250, 240, .72) !important;
}

.ai-instagram-follow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 178px;
  height: 52px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(#050403, #050403) padding-box, linear-gradient(100deg, #ff9a00, #ff3aa9, #7c3cff) border-box;
  color: #fffaf0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  text-decoration: none;
}

.ai-instagram-follow i {
  color: #ff3aa9;
  font-size: 20px;
}

.ai-instagram-feed {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.ai-instagram-feed article {
  min-height: 390px;
  padding: 14px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: linear-gradient(#050403, #050403) padding-box, linear-gradient(180deg, rgba(249, 227, 139, .62), rgba(255, 151, 0, .62) 76%, rgba(157, 58, 255, .75)) border-box;
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
}

.ai-insta-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  color: rgba(255,250,240,.82);
  font-size: 10px;
}

.ai-insta-top span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ai-insta-top b {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 151, 0, .7);
  border-radius: 50%;
  color: #d6b25e;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 11px;
}

.ai-insta-top small {
  color: rgba(255,250,240,.56);
  font-size: 10px;
}

.ai-insta-visual {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 178px;
  padding: 26px 18px;
  border-radius: 8px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 62%, rgba(249, 227, 139, .24), transparent 31%), linear-gradient(135deg, rgba(249,227,139,.08), rgba(255,255,255,.015)), #090806;
}

.ai-insta-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .7;
}

.ai-insta-visual-1::after { background: radial-gradient(ellipse at 45% 70%, rgba(255, 209, 99, .56), transparent 18%), linear-gradient(135deg, transparent 45%, rgba(249, 227, 139, .18) 48%, transparent 52%); }
.ai-insta-visual-2::after { background: radial-gradient(circle at 66% 58%, rgba(255, 112, 55, .55), transparent 15%), radial-gradient(circle at 70% 60%, rgba(124, 58, 255, .54), transparent 22%); }
.ai-insta-visual-3::after { background: radial-gradient(ellipse at 50% 62%, rgba(214,178,94,.32), transparent 28%), linear-gradient(90deg, transparent 20%, rgba(255,255,255,.16) 50%, transparent 80%); }
.ai-insta-visual-4::after { background: linear-gradient(180deg, rgba(27,48,76,.75), rgba(214,178,94,.2)), radial-gradient(circle at 72% 36%, rgba(249,227,139,.34), transparent 20%); }
.ai-insta-visual-5::after { background: linear-gradient(135deg, transparent 34%, rgba(249,227,139,.28) 50%, transparent 66%), radial-gradient(circle at 70% 54%, rgba(249,227,139,.22), transparent 28%); }

.ai-insta-visual h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 22px;
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: -.04em;
}

.ai-insta-visual h3 em {
  color: #d6b25e;
}

.ai-instagram-feed article > span {
  display: inline-block;
  margin-top: 16px;
  padding: 5px 10px;
  border: 1px solid rgba(249, 227, 139, .38);
  border-radius: 999px;
  color: #d6b25e;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ai-instagram-feed p {
  min-height: 58px;
  margin: 14px 0 20px;
  color: rgba(255,250,240,.72);
  font-size: 11px;
  line-height: 1.65;
}

.ai-instagram-feed article > div:last-child {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #d6b25e;
  font-size: 18px;
}

.ai-instagram-feed article > div:last-child i:last-child {
  margin-left: auto;
}

.ai-instagram-note {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 28px;
  padding: 18px 22px;
  border: 1px solid rgba(249, 227, 139, .22);
  border-radius: 12px;
  background: rgba(3,3,3,.58);
}

.ai-instagram-note span,
.ai-instagram-note a {
  color: rgba(255,250,240,.72);
  font-size: 13px;
  text-decoration: none;
}

.ai-instagram-note i {
  color: #d6b25e;
}

.ai-instagram-note a {
  color: #d6b25e;
}

.ai-instagram-note a i {
  color: #e746c6;
  margin-left: 10px;
}

@media screen and (max-width: 1180px) {
  .ai-showreel-head {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .ai-instagram-follow {
    width: max-content;
  }

  .ai-instagram-feed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 640px) {
  .ai-showreel {
    padding: 76px 0 !important;
  }

  .ai-instagram-feed {
    grid-template-columns: 1fr;
  }

  .ai-instagram-note {
    flex-direction: column;
    align-items: flex-start;
  }
}

.ai-insta-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  z-index: 0;
}

.ai-insta-visual::after {
  background: linear-gradient(180deg, rgba(3,3,3,.1) 0%, rgba(3,3,3,.28) 100%) !important;
  opacity: 1 !important;
  z-index: 1;
}

.ai-insta-visual h3 {
  z-index: 2 !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.68);
}

.ai-contact-form {
  position: relative !important;
  border: 1px solid transparent !important;
  border-radius: 22px !important;
  background:
    linear-gradient(rgba(3, 3, 3, .68), rgba(3, 3, 3, .68)) padding-box,
    linear-gradient(100deg,
      rgba(115, 75, 24, .72) 0%,
      rgba(247, 209, 98, .95) 8%,
      rgba(255, 239, 173, .88) 22%,
      rgba(169, 111, 38, .62) 38%,
      rgba(92, 58, 22, .54) 52%,
      rgba(245, 198, 78, .9) 70%,
      rgba(255, 232, 150, .96) 86%,
      rgba(122, 79, 28, .72) 100%
    ) border-box !important;
  box-shadow:
    0 14px 42px rgba(0, 0, 0, .34),
    0 0 18px rgba(214, 178, 94, .1),
    inset 0 0 28px rgba(0, 0, 0, .62) !important;
  overflow: hidden !important;
}

.ai-contact-form::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 0 0, rgba(255, 240, 160, .74) 0 1.5px, rgba(249, 227, 139, .3) 2px, transparent 18px),
    radial-gradient(ellipse 82px 15px at 50% 100%, rgba(255, 237, 158, .28) 0%, rgba(247, 202, 82, .12) 34%, rgba(214, 178, 94, .05) 60%, transparent 78%),
    radial-gradient(circle at 100% 100%, rgba(255, 240, 160, .74) 0 1.5px, rgba(249, 227, 139, .3) 2px, transparent 18px) !important;
  filter: drop-shadow(0 0 5px rgba(255, 224, 130, .32)) drop-shadow(0 0 12px rgba(214, 178, 94, .16));
  z-index: 0;
}

.ai-contact-form > * {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  .ai-contact-form {
    border-radius: 18px !important;
    background:
      linear-gradient(rgba(3, 3, 3, .74), rgba(3, 3, 3, .74)) padding-box,
      linear-gradient(100deg, rgba(115, 75, 24, .72), rgba(247, 209, 98, .95), rgba(255, 239, 173, .88), rgba(169, 111, 38, .62), rgba(245, 198, 78, .9), rgba(122, 79, 28, .72)) border-box !important;
  }
}

.ai-contact-form {
  border: 1px solid rgba(249, 227, 139, .18) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.008)) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035), 0 0 18px rgba(214, 178, 94, .1) !important;
  overflow: hidden !important;
}

.ai-contact-form::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  padding: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(100deg,
    rgba(115, 75, 24, .72) 0%,
    rgba(247, 209, 98, .95) 8%,
    rgba(255, 239, 173, .88) 22%,
    rgba(169, 111, 38, .62) 38%,
    rgba(92, 58, 22, .54) 52%,
    rgba(245, 198, 78, .9) 70%,
    rgba(255, 232, 150, .96) 86%,
    rgba(122, 79, 28, .72) 100%
  ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  filter: drop-shadow(0 0 5px rgba(255, 224, 130, .28));
  z-index: 0 !important;
}

@media screen and (max-width: 640px) {
  .ai-contact-form {
    background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.008)) !important;
  }
}

.ai-audience-grid article {
  position: relative !important;
  border-color: rgba(249, 227, 139, .18) !important;
  overflow: hidden !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.62), 0 0 14px rgba(214,178,94,.05), 0 0 16px rgba(214, 178, 94, .08) !important;
  transition: transform .30s ease, box-shadow .30s ease !important;
}

.ai-audience-grid article:hover {
  transform: translateY(-7px) !important;
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.62),
    0 0 0 1px rgba(214, 178, 94, .28),
    0 0 42px rgba(214, 178, 94, .22),
    0 28px 72px rgba(0, 0, 0, .58) !important;
}

.ai-audience-grid article::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  padding: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(100deg,
    rgba(115, 75, 24, .72) 0%,
    rgba(247, 209, 98, .95) 8%,
    rgba(255, 239, 173, .88) 22%,
    rgba(169, 111, 38, .62) 38%,
    rgba(92, 58, 22, .54) 52%,
    rgba(245, 198, 78, .9) 70%,
    rgba(255, 232, 150, .96) 86%,
    rgba(122, 79, 28, .72) 100%
  ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  filter: drop-shadow(0 0 5px rgba(255, 224, 130, .26));
  z-index: 0 !important;
}

.ai-audience-grid article > * {
  position: relative;
  z-index: 1;
}

.ai-package-card {
  position: relative !important;
  border-color: rgba(249, 227, 139, .18) !important;
  overflow: visible !important;
  box-shadow: inset 0 0 28px rgba(0,0,0,.62), 0 0 16px rgba(214, 178, 94, .08), 0 24px 70px rgba(0,0,0,.34) !important;
}

.ai-package-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  padding: 1px !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(100deg,
    rgba(115, 75, 24, .72) 0%,
    rgba(247, 209, 98, .95) 8%,
    rgba(255, 239, 173, .88) 22%,
    rgba(169, 111, 38, .62) 38%,
    rgba(92, 58, 22, .54) 52%,
    rgba(245, 198, 78, .9) 70%,
    rgba(255, 232, 150, .96) 86%,
    rgba(122, 79, 28, .72) 100%
  ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  filter: drop-shadow(0 0 5px rgba(255, 224, 130, .26));
  z-index: 0 !important;
}

.ai-package-card.featured::before {
  padding: 2px !important;
  background: linear-gradient(100deg,
    rgba(145, 90, 24, .82) 0%,
    rgba(255, 213, 96, 1) 8%,
    rgba(255, 243, 184, .96) 23%,
    rgba(196, 124, 38, .74) 39%,
    rgba(106, 66, 22, .62) 52%,
    rgba(255, 205, 78, 1) 70%,
    rgba(255, 238, 160, 1) 86%,
    rgba(151, 92, 28, .82) 100%
  ) !important;
  filter: drop-shadow(0 0 7px rgba(255, 224, 130, .42)) drop-shadow(0 0 14px rgba(214, 178, 94, .24));
}

.ai-package-card.featured {
  box-shadow: 0 0 0 1px rgba(249, 227, 139, .12), 0 0 34px rgba(214,178,94,.2), 0 32px 92px rgba(0,0,0,.46), inset 0 0 28px rgba(0,0,0,.62) !important;
}

.ai-package-card > * {
  position: relative;
  z-index: 1;
}

.ai-package-card.featured .ai-package-badge {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 4 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  background: linear-gradient(180deg, #0a0804, #030303) !important;
  box-shadow: 0 0 16px rgba(214, 178, 94, .16) !important;
}

.ai-package-card.featured {
  padding-top: 40px !important;
}

.ai-package-card.featured .ai-package-badge {
  color: #1b1204 !important;
  background: linear-gradient(135deg, #f9e38b 0%, #d6a84b 58%, #bb8834 100%) !important;
  border: 1px solid rgba(255, 239, 173, .72) !important;
  box-shadow: 0 0 0 4px rgba(3, 3, 3, .86), 0 0 18px rgba(214, 178, 94, .28) !important;
}

.ai-package-card.featured .ai-package-badge span {
  color: #6a4216 !important;
}

.ai-portfolio-architecture {
  position: relative;
  padding: 92px 0 96px !important;
  background: radial-gradient(circle at 50% 44%, rgba(249, 227, 139, .08), transparent 34%), linear-gradient(180deg, #030303 0%, #060504 54%, #030303 100%) !important;
  overflow: hidden;
  perspective: 1300px;
}

.ai-portfolio-architecture::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .025) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .018) 1px, transparent 1px);
  background-size: 92px 92px;
  opacity: .72;
}

.ai-portfolio-architecture::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 276px;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255,245,185,.7), 0 0 28px 12px rgba(214,178,94,.24), -430px 158px 0 1px rgba(249,227,139,.55), 430px 158px 0 1px rgba(249,227,139,.55);
  pointer-events: none;
}

.ai-portfolio-head {
  position: relative;
  z-index: 2;
  text-align: center;
}

.ai-portfolio-head .ai-manifesto-num {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 22px;
  text-align: left;
}

.ai-portfolio-head h2 {
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(72px, 9vw, 122px);
  line-height: .88;
  font-weight: 400;
  letter-spacing: -.075em;
  background: linear-gradient(
    172deg,
    #ffffff     0%,
    #fff8ee    12%,
    #f9e38b    30%,
    #d6b25e    52%,
    #c49840    70%,
    #9e7a2c   100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(214,178,94,.38)) drop-shadow(0 2px 48px rgba(180,140,50,.22));
}

.ai-portfolio-head p {
  max-width: 660px;
  margin: 18px auto 0;
  color: rgba(255, 250, 240, .74);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(17px, 1.5vw, 22px);
  line-height: 1.35;
}

.ai-portfolio-scene {
  position: relative;
  z-index: 2;
  margin-top: 54px;
  perspective: 880px;
}

.ai-phone-frame {
  --rx: 0deg;
  --ry: 0deg;
  --mx: 50%;
  --my: 40%;
  position: relative;
  min-height: 418px;
  padding: 54px 118px 58px;
  border: none;
  border-radius: 34px;
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 237, 158, .18), transparent 22%),
    radial-gradient(circle at 88% 84%, rgba(157, 58, 255, .11), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.006));
  box-shadow: inset 0 0 45px rgba(0,0,0,.68), 0 36px 100px rgba(0,0,0,.52);
  transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(4.2deg);
  transform-style: preserve-3d;
  transition: transform .52s cubic-bezier(.2,.6,.2,1);
  overflow: hidden;
}

.ai-phone-frame::before,
.ai-phone-frame::after {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 28px;
  pointer-events: none;
}

.ai-phone-frame::before {
  border: none;
  box-shadow: none;
}

.ai-phone-frame::after {
  background:
    radial-gradient(circle at var(--mx, 50%) var(--my, 40%), rgba(255,248,210,.70) 0%, rgba(255,232,140,.32) 18%, transparent 42%),
    linear-gradient(105deg, transparent 0 52%, rgba(255,255,255,.16) 54%, transparent 57%),
    radial-gradient(circle at 78% 44%, rgba(132,72,255,.22), transparent 18%);
  mix-blend-mode: screen;
  opacity: .55;
  transition: opacity .12s ease;
}

.ai-phone-label,
.ai-phone-count {
  position: absolute;
  top: 32px;
  color: #d6b25e;
  font-size: 11px;
  letter-spacing: .28em;
  text-transform: uppercase;
  z-index: 3;
}

.ai-phone-label {
  left: 48px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.ai-phone-count {
  right: 50px;
  color: rgba(255, 250, 240, .78);
  letter-spacing: .12em;
}

.ai-phone-cards {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.12fr 1fr .92fr .92fr;
  gap: 20px;
  align-items: end;
  transform: translateZ(46px);
}

.ai-phone-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 256px;
  padding: 20px 18px 22px;
  border: 1px solid rgba(249, 227, 139, .2);
  border-radius: 18px;
  background: #090806;
  overflow: hidden;
  box-shadow: inset 0 0 28px rgba(0,0,0,.52), 0 16px 38px rgba(0,0,0,.36);
}

.ai-phone-card:nth-child(1) { min-height: 292px; }
.ai-phone-card:nth-child(2) { min-height: 270px; }
.ai-phone-card:nth-child(3) { min-height: 246px; }
.ai-phone-card:nth-child(4) { min-height: 260px; }

.ai-phone-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 58% 48%, rgba(249, 227, 139, .28), transparent 22%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.58));
  z-index: 0;
}

.ai-phone-card-video::before { background: radial-gradient(circle at 56% 48%, rgba(255,210,106,.38), transparent 17%), linear-gradient(130deg, rgba(255,255,255,.08), rgba(0,0,0,.72)), url('asset/images/09-03.png') center / cover; }
.ai-phone-card-photo::before { background: radial-gradient(circle at 54% 36%, rgba(249,227,139,.22), transparent 24%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.65)), url('asset/images/08-03.png') center / cover; }
.ai-phone-card-poster::before { background: radial-gradient(circle at 62% 42%, rgba(249,227,139,.42), transparent 18%), linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.74)); }
.ai-phone-card-social::before { background: radial-gradient(circle at 54% 56%, rgba(249,227,139,.36), transparent 22%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.72)), url('asset/images/09-05.png') center / cover; }

.ai-phone-card > * {
  position: relative;
  z-index: 1;
}

.ai-phone-card span {
  position: absolute;
  left: 14px;
  top: 14px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(249,227,139,.22);
  border-radius: 6px;
  color: rgba(249,227,139,.72);
  font-size: 10px;
}

.ai-phone-card div {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

.ai-phone-card div i {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(249,227,139,.58);
  border-radius: 50%;
  color: #f9e38b;
  background: rgba(0,0,0,.28);
}

.ai-phone-card h3 {
  margin: 0 0 8px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
}

.ai-phone-card p {
  margin: 0;
  color: rgba(255,250,240,.72);
  font-size: 12px;
}

.ai-phone-dots {
  position: absolute;
  left: 50%;
  bottom: 22px;
  display: flex;
  gap: 12px;
  transform: translateX(-50%);
  z-index: 3;
}

.ai-phone-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(249,227,139,.2);
}

.ai-phone-dots span:first-child {
  background: #f9e38b;
  box-shadow: 0 0 12px rgba(249,227,139,.68);
}

.ai-portfolio-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 40px;
  color: #d6b25e;
}

.ai-hint-arrow-img {
  height: 56px;
  width: auto;
  opacity: .80;
}

.ai-hint-core {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ai-hint-cursor-img {
  height: 50px;
  width: auto;
}

.ai-hint-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}

.ai-hint-text span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #d6b25e;
}

.ai-hint-text small {
  color: rgba(255, 250, 240, .58);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}

/* ── Tagline frame ── */
.ai-portfolio-tagline {
  padding: 0 0 72px;
}

.ai-tagline-frame {
  position: relative;
  max-width: 580px;
  margin: 36px auto 0;
  padding: 20px 48px;
  border: 1px solid rgba(214, 178, 94, .30);
  border-radius: 50px;
  text-align: center;
}

.ai-tagline-star {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 12px;
  background: #050504;
  color: #d6b25e;
  font-size: 20px;
  line-height: 1;
}

.ai-tagline-frame p {
  margin: 0;
  color: #d6b25e;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .02em;
}

.ai-tagline-frame p em {
  font-style: italic;
}

@media screen and (max-width: 760px) {
  .ai-hint-arrow-img { display: none; }
  .ai-tagline-frame { padding: 18px 28px; }
  .ai-tagline-frame p { font-size: 15px; }
}

@media screen and (max-width: 991px) {
  .ai-phone-frame {
    padding: 56px 34px 54px;
    transform: rotateX(var(--rx)) rotateY(var(--ry));
  }

  .ai-phone-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 640px) {
  .ai-portfolio-architecture {
    padding: 76px 0 !important;
  }

  .ai-portfolio-head h2 {
    font-size: clamp(54px, 18vw, 76px);
  }

  .ai-phone-frame {
    padding: 62px 18px 48px;
    border-radius: 24px;
  }

  .ai-phone-label {
    left: 22px;
  }

  .ai-phone-count {
    right: 22px;
  }

  .ai-phone-cards {
    grid-template-columns: 1fr;
  }

  .ai-phone-card,
  .ai-phone-card:nth-child(1),
  .ai-phone-card:nth-child(2),
  .ai-phone-card:nth-child(3),
  .ai-phone-card:nth-child(4) {
    min-height: 230px;
  }
}

.ai-phone-frame {
  min-height: 390px !important;
  padding: 48px 104px 52px !important;
  border: none !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 237, 158, .12), transparent 18%),
    radial-gradient(circle at 88% 86%, rgba(249, 227, 139, .08), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.004)) !important;
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.6),
    0 28px 82px rgba(0,0,0,.46) !important;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(1deg) !important;
}

.ai-phone-frame.is-tilting {
  transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(1deg) scale(1.042) !important;
  box-shadow:
    inset 0 0 32px rgba(0,0,0,.52),
    0 72px 160px rgba(0,0,0,.64) !important;
  transition: transform .09s ease-out !important;
}
.ai-phone-frame.is-tilting::after {
  opacity: 1 !important;
}

.ai-phone-frame::before {
  border: none !important;
  box-shadow: none !important;
}

.ai-phone-frame::after {
  background:
    radial-gradient(circle at var(--mx, 50%) var(--my, 40%), rgba(255,248,210,.68) 0%, rgba(255,230,130,.28) 18%, transparent 42%),
    linear-gradient(108deg, transparent 0 58%, rgba(255,255,255,.10) 60%, transparent 64%),
    radial-gradient(circle at 82% 50%, rgba(132,72,255,.13), transparent 16%) !important;
  opacity: .55 !important;
  transition: opacity .12s ease !important;
}

.ai-phone-cards {
  gap: 18px !important;
  transform: translateZ(26px) !important;
}

.ai-phone-card {
  border-color: rgba(249, 227, 139, .16) !important;
  border-radius: 15px !important;
  box-shadow: inset 0 0 22px rgba(0,0,0,.46), 0 12px 30px rgba(0,0,0,.28) !important;
}

.ai-phone-card:nth-child(1) { min-height: 270px !important; }
.ai-phone-card:nth-child(2) { min-height: 252px !important; }
.ai-phone-card:nth-child(3) { min-height: 234px !important; }
.ai-phone-card:nth-child(4) { min-height: 246px !important; }

.ai-phone-card::before {
  opacity: .82 !important;
}

.ai-portfolio-architecture::after {
  opacity: .55 !important;
}

@media screen and (max-width: 991px) {
  .ai-phone-frame {
    padding: 52px 30px 48px !important;
    transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(0deg) !important;
  }
}

.ai-phone-image-frame {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(0deg) !important;
}

.ai-phone-image-frame::before,
.ai-phone-image-frame::after {
  display: none !important;
  content: none !important;
}

.ai-phone-image-frame img {
  display: block;
  width: min(100%, 1120px);
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 22px 46px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(214,178,94,.16));
  user-select: none;
  pointer-events: none;
}

.ai-phone-hotspot {
  position: absolute;
  z-index: 5;
  display: block;
  border-radius: 18px;
  outline: 1px solid transparent;
  transition: outline-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.ai-phone-hotspot:hover {
  outline-color: rgba(249, 227, 139, .46);
  background: rgba(249, 227, 139, .045);
  box-shadow: 0 0 18px rgba(214,178,94,.18);
}

.ai-phone-hotspot-video {
  left: 18.4%;
  top: 22.5%;
  width: 20.2%;
  height: 54%;
}

.ai-phone-hotspot-photo {
  left: 40.1%;
  top: 27.5%;
  width: 17.5%;
  height: 49%;
}

.ai-phone-hotspot-poster {
  left: 59.2%;
  top: 31.6%;
  width: 14.8%;
  height: 45%;
}

.ai-phone-hotspot-social {
  left: 76.1%;
  top: 32.5%;
  width: 13.5%;
  height: 45%;
}

.ai-phone-label,
.ai-phone-count,
.ai-phone-cards,
.ai-phone-dots,
.ai-phone-card {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .ai-phone-image-frame {
    transform: rotateX(var(--rx)) rotateY(var(--ry)) !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-phone-image-frame img {
    width: 980px;
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .ai-phone-image-frame {
    overflow-x: clip !important;
  }
}

.ai-phone-image-frame img {
  filter: none !important;
}

.ai-phone-hotspot-video {
  left: 15.0% !important;
  top: 19.0% !important;
  width: 17.5% !important;
  height: 62.0% !important;
}

.ai-phone-hotspot-photo {
  left: 35.0% !important;
  top: 20.0% !important;
  width: 16.5% !important;
  height: 62.0% !important;
}

.ai-phone-hotspot-poster {
  left: 53.5% !important;
  top: 21.0% !important;
  width: 15% !important;
  height: 60.5% !important;
}

.ai-phone-hotspot-social {
  left: 70.0% !important;
  top: 21% !important;
  width: 14% !important;
  height: 60.0% !important;
}

.ai-phone-hotspot:hover {
  outline-color: rgba(249, 227, 139, .34) !important;
  background: rgba(249, 227, 139, .025) !important;
  box-shadow: none !important;
}

/* ============================================================
   MOBILE PORTFOLIO LAYOUT (≤767px)
   ============================================================ */
.ai-mobile-portfolio {
  display: none;
  margin-top: 20px;
  padding: 0 16px;
  box-sizing: border-box;
}

/* ── Phone frame wrapper ── */
.ai-mobile-phone-wrap {
  position: relative;
  width: 100%;
}

.ai-mobile-phone-bg {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

/* ── Screen clip: positioned over the phone screen area ──
   top/left/right/bottom: % of the phone image — adjust to match 03-backgroundmobil.png screen bounds */
.ai-mobile-screen-clip {
  position: absolute;
  top: 10%;
  left: 5%;
  right: 5%;
  bottom: 13%;
  z-index: 2;
  overflow: hidden;
  border-radius: 6px;
}

/* ── Swiper inside the screen ── */
.ai-mobile-swiper {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.ai-mobile-swiper::-webkit-scrollbar {
  display: none;
}

.ai-mobile-swiper-slide {
  flex: 0 0 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  scroll-snap-align: start;
  box-sizing: border-box;
}

.ai-mobile-swiper-slide img {
  display: block;
  width: 75%;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  pointer-events: none;
}

/* ── Footer: label + dots ── */
.ai-mobile-swiper-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 12px 0 6px;
}

.ai-mobile-swiper-label {
  color: rgba(214,178,94,.88);
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  font-family: 'Inter', 'Helvetica Neue', sans-serif;
}

.ai-mobile-swiper-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.ai-mobile-swiper-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(214,178,94,.25);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background .22s ease, transform .22s ease;
}

.ai-mobile-swiper-dot.is-active {
  background: rgba(214,178,94,.90);
  transform: scale(1.5);
}

@media (max-width: 767px) {
  .ai-portfolio-scene {
    display: none !important;
  }

  .ai-mobile-portfolio {
    display: block;
  }

  .ai-portfolio-tagline {
    margin-top: 18px;
  }
}

/* ============================================================
   VIDEO PORTFOLIO POPUP
   ============================================================ */
.ai-portfolio-overlay {
  position: fixed;
  inset: 0;
  /* background: rgba(4, 2, 3, 0.85); */
  z-index: 9990;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .28s ease, visibility .28s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.ai-portfolio-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.ai-portfolio-panel {
  /* Use the background image as the panel frame */
  background: url('../images/03-popupa2.png') no-repeat center / 100% 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* Maintain exact image aspect ratio: 971 x 927 */
  width: min(680px, 94vw);
  aspect-ratio: 971 / 927;
  /* Cap height on short screens */
  max-height: 92vh;
  position: relative;
  overflow: visible;
  transform: translateY(20px) scale(.97);
  transition: transform .28s ease;
}
.ai-portfolio-overlay.is-open .ai-portfolio-panel {
  transform: translateY(0) scale(1);
}

/* Visible golden X close button — top-right of panel header row */
.ai-portfolio-panel-close {
  position: absolute;
  top: 3.2%;
  right: 4.5%;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.55);
  border: 1.5px solid rgba(212, 168, 58, 0.55);
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #d4a83a;
  text-shadow: 0 0 6px rgba(212,168,58,.6);
  transition: background .2s, border-color .2s, color .2s, text-shadow .2s, transform .2s;
}
.ai-portfolio-panel-close:hover {
  background: rgba(0, 0, 0, 0.75);
  border-color: rgba(245, 208, 110, 0.85);
  color: #f5d06e;
  text-shadow: 0 0 12px rgba(245,208,110,.9);
  transform: scale(1.15);
}

/* Scrollable list — perspective: straight horizontal lines, sides converge upward */
.ai-portfolio-panel-list {
  position: absolute;
  top: 11%;
  left: 5.5%;
  right: 5.5%;
  bottom: 9%;
  overflow-y: auto;
  padding: 6px 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(214,178,94,.45) transparent;
  /* Pure rotateX: top/bottom stay straight, only sides angle inward toward top */
  transform-origin: 50% 0%;
  transform: perspective(1000px) rotateX(6deg);
}
.ai-portfolio-panel-list::-webkit-scrollbar { width: 3px; }
.ai-portfolio-panel-list::-webkit-scrollbar-track { background: transparent; }
.ai-portfolio-panel-list::-webkit-scrollbar-thumb { background: rgba(214,178,94,.45); border-radius: 2px; }

/* Video item */
.ai-vitem {
  display: flex;
  gap: 14px;
  padding: 11px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background .18s, border-color .18s;
  border: 1px solid transparent;
  margin-bottom: 6px;
  align-items: center;
}
.ai-vitem:last-child { margin-bottom: 0; }
.ai-vitem:hover {
  background: rgba(214,178,94,.07);
  border-color: rgba(214,178,94,.18);
}

.ai-vitem-thumb {
  position: relative;
  width: 150px;
  min-width: 150px;
  height: 84px;
  border-radius: 7px;
  overflow: hidden;
  background: #111;
  flex-shrink: 0;
}
.ai-vitem-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.ai-vitem:hover .ai-vitem-thumb img { transform: scale(1.05); }

.ai-vitem-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.28);
  transition: background .18s;
}
.ai-vitem:hover .ai-vitem-play { background: rgba(0,0,0,.18); }
.ai-vitem-play svg { width: 40px; height: 40px; filter: drop-shadow(0 0 8px rgba(214,178,94,.55)); }

.ai-vitem-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ai-vitem-num {
  font-size: 10px;
  font-weight: 700;
  color: rgba(214,178,94,.55);
  letter-spacing: .1em;
}
.ai-vitem-info h4 {
  font-size: 14.5px;
  font-weight: 600;
  color: #f2e8d8;
  margin: 0;
  line-height: 1.35;
}
.ai-vitem-info p {
  font-size: 12px;
  color: rgba(255,255,255,.38);
  margin: 0;
}
.ai-vitem-meta {
  font-size: 11px;
  color: rgba(214,178,94,.5);
  margin-top: 5px;
  letter-spacing: .04em;
}

/* footer is baked into the background image — no HTML footer needed */

/* ============================================================
   YOUTUBE PLAYER OVERLAY
   ============================================================ */
.ai-yt-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.92);
  z-index: 9995;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ai-yt-overlay.is-open { opacity: 1; visibility: visible; pointer-events: auto; }

.ai-yt-box {
  position: relative;
  width: min(920px, 95vw);
  aspect-ratio: 16 / 9;
}
.ai-yt-frame {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(214,178,94,.25);
  border-radius: 10px;
  display: block;
}
.ai-yt-close {
  position: absolute;
  top: -46px;
  right: 0;
  background: rgba(214,178,94,.14);
  border: 1px solid rgba(214,178,94,.4);
  color: #d6b25e;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .18s;
}
.ai-yt-close:hover { background: rgba(214,178,94,.3); }

/* ── YT IFrame API: player div + created iframe sizing ── */
#aiYtPlayer {
  position: absolute;
  inset: 0;
}
#aiYtPlayer iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  border: none;
}

/* ── Fallback shown when video owner disables embedding (error 101/150) ── */
.ai-yt-fallback {
  position: absolute;
  inset: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  background: #0f0d0a;
}
.ai-yt-fallback p {
  margin: 0;
  font-family: 'Inter', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  color: rgba(200,185,155,.7);
  text-align: center;
  padding: 0 24px;
}
.ai-yt-fallback-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 24px;
  background: #cc181e;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  font-family: 'Inter', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .02em;
  transition: background .2s ease, transform .15s ease;
}
.ai-yt-fallback-btn:hover {
  background: #e52d27;
  transform: scale(1.05);
  color: #fff;
}

/* Mobile adjustments */
@media (max-width: 600px) {
  .ai-portfolio-panel { border-radius: 14px; }
  .ai-vitem-thumb { width: 110px; min-width: 110px; height: 62px; }
  .ai-vitem-info h4 { font-size: 13px; }
  .ai-yt-box { width: 100vw; aspect-ratio: 16/9; }
  .ai-yt-frame { border-radius: 0; border-left: none; border-right: none; }
  .ai-yt-close { top: -44px; }
}

/* ============================================================
   GALLERY POPUP — Fotoğraf / Afiş / Sosyal Medya
   Panel background: 03-popupb.png (1161 × 827)
   ============================================================ */

.ai-gallery-panel {
  background: url('../images/03-popupb.png') no-repeat center / 100% 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: min(900px, 96vw);
  aspect-ratio: 1161 / 827;
  max-height: 92vh;
  position: relative;
  overflow: hidden;
  transform: translateY(22px) scale(.97);
  transition: transform .3s ease;
}
.ai-gallery-overlay.is-open .ai-gallery-panel {
  transform: translateY(0) scale(1);
}

/* Close button */
.ai-gallery-close {
  position: absolute;
  top: 3.8%;
  right: 2.5%;
  width: 30px;
  height: 30px;
  background: rgba(0,0,0,.55);
  border: 1.5px solid rgba(212,168,58,.55);
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #d4a83a;
  text-shadow: 0 0 6px rgba(212,168,58,.6);
  transition: background .2s, border-color .2s, color .2s, transform .2s;
}
.ai-gallery-close:hover {
  background: rgba(0,0,0,.78);
  border-color: rgba(245,208,110,.85);
  color: #f5d06e;
  transform: scale(1.15);
}

/* Header row — hidden, category shown via image frame */
.ai-gallery-hdr {
  display: none;
}
.ai-gallery-hdr-icon {
  display: flex;
  align-items: center;
  color: rgba(212,168,58,.85);
}
.ai-gallery-hdr-icon svg {
  width: 18px;
  height: 18px;
}
.ai-gallery-hdr-title {
  font-family: 'Inter', 'Helvetica Neue', sans-serif;
  font-size: clamp(11px, 1.3vw, 13px);
  font-weight: 500;
  letter-spacing: .13em;
  color: rgba(212,168,58,.9);
  text-transform: uppercase;
}

/* ── Carousel ── */
.ai-gallery-car {
  position: absolute;
  top: 16%;
  left: 0;
  right: 0;
  bottom: 32%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-gallery-stage {
  flex: 1;
  height: 100%;
  overflow: visible;
  position: relative;
}
.ai-gallery-track {
  position: relative;
  width: 100%;
  height: 100%;
  /* perspective on direct parent of slides — proper rotateY without preserve-3d */
  perspective: 900px;
  perspective-origin: 50% 50%;
}

/* Arrow buttons */
.ai-gallery-arr {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  background: rgba(0,0,0,.45);
  border: 1.5px solid rgba(212,168,58,.45);
  border-radius: 50%;
  color: #d4a83a;
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 6;
  transition: background .2s, border-color .2s, color .2s;
  padding: 0 0 2px;
  margin: 0 6px;
}
.ai-gallery-arr:hover {
  background: rgba(212,168,58,.14);
  border-color: rgba(212,168,58,.85);
  color: #f5d06e;
}

/* Slides — absolute positioned, JS sets 3D transform+opacity+zIndex */
.ai-gallery-slide {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 38%;
  aspect-ratio: 1 / 1;
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  backface-visibility: hidden;
  transition: transform .48s cubic-bezier(.25,.46,.45,.94),
              opacity .48s ease;
  cursor: pointer;
  will-change: transform, opacity;
}

/* Golden gradient border */
.ai-slide-frame {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  padding: 2.5px;
  background: linear-gradient(
    135deg,
    #f5d06e  0%,
    #fffff5 18%,
    #c8960a 36%,
    #6b3d08 52%,
    #d4a83a 68%,
    #fffff0 84%,
    #f5d06e 100%
  );
  box-shadow:
    0 0 20px rgba(212,168,58,.32),
    0 6px 28px rgba(0,0,0,.45);
}
.ai-slide-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9.5px;
  display: block;
  background: #1a1208;
}

/* ── Info section ── */
.ai-gallery-meta {
  position: absolute;
  bottom: 3.5%;
  left: 5%;
  right: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.ai-gallery-ctr {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  color: rgba(212,168,58,.65);
  letter-spacing: .1em;
}
.ai-gallery-ctr-line {
  display: block;
  width: 36px;
  height: 1px;
  background: rgba(212,168,58,.35);
}
.ai-gallery-name {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-size: clamp(15px, 2vw, 20px);
  font-weight: 600;
  color: #f0e4c0;
  margin: 0;
  text-align: center;
  letter-spacing: .02em;
}
.ai-gallery-cat {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .16em;
  color: rgba(212,168,58,.72);
  text-transform: uppercase;
  margin: 0;
}
.ai-gallery-desc {
  font-family: 'Inter', sans-serif;
  font-size: clamp(10px, 1.2vw, 12px);
  color: rgba(200,185,155,.65);
  margin: 0;
  text-align: center;
  max-width: 68%;
  line-height: 1.55;
}
.ai-gallery-dots {
  display: flex;
  gap: 6px;
  margin-top: 5px;
}
.ai-gallery-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(212,168,58,.25);
  border: 1px solid rgba(212,168,58,.38);
  cursor: pointer;
  transition: background .2s, transform .2s;
  padding: 0;
}
.ai-gallery-dot.is-active {
  background: rgba(212,168,58,.9);
  transform: scale(1.35);
}

@media (max-width: 600px) {
  /* Restore landscape proportions — remove the distorting height:90vh */
  .ai-gallery-panel {
    aspect-ratio: 1161 / 827;
    height: auto;
    /* width stays min(900px,96vw) → ~374px on a 390px phone */
  }
  /* Shift carousel window: more vertical room for the image cards */
  .ai-gallery-car  { top: 13%; bottom: 26%; }
  /* Slide at 40% → ~150px; active ×1.05 = 157px fits the ~162px carousel height */
  .ai-gallery-slide { width: 40%; }
  /* Arrow buttons — slightly smaller on mobile */
  .ai-gallery-arr  { width: 28px; height: 28px; font-size: 20px; }
  /* Info section — hide long desc, tighten name & dots */
  .ai-gallery-desc { display: none; }
  .ai-gallery-name { font-size: 13px; }
  .ai-gallery-dots { margin-top: 2px; }
}

.ai-package-visual {
  position: relative;
  height: 188px;
  margin: -14px -10px 24px;
  border: 1px solid rgba(249, 227, 139, .16);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(3, 3, 3, .5);
  box-shadow: inset 0 0 28px rgba(0,0,0,.44);
}

.ai-package-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(3,3,3,.02) 0%, rgba(3,3,3,.26) 100%), radial-gradient(circle at 50% 100%, rgba(249,227,139,.12), transparent 42%);
}

.ai-package-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ai-package-card.featured .ai-package-visual {
  height: 204px;
  margin-top: -4px;
  border-color: rgba(249, 227, 139, .38);
  box-shadow: inset 0 0 28px rgba(0,0,0,.44), 0 0 22px rgba(214,178,94,.16);
}

.ai-package-card.featured .ai-package-visual::after {
  background: linear-gradient(180deg, rgba(3,3,3,.01) 0%, rgba(3,3,3,.2) 100%), radial-gradient(circle at 50% 100%, rgba(249,227,139,.18), transparent 46%);
}

.ai-package-card .ai-package-top {
  margin-top: 0 !important;
}

@media screen and (max-width: 1180px) {
  .ai-package-visual,
  .ai-package-card.featured .ai-package-visual {
    height: 180px;
  }
}

@media screen and (max-width: 640px) {
  .ai-package-visual,
  .ai-package-card.featured .ai-package-visual {
    height: 210px;
    margin: -8px -4px 22px;
  }
}

.ai-package-card {
  overflow: hidden !important;
  isolation: isolate !important;
}

.ai-package-visual {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 260px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

.ai-package-card.featured .ai-package-visual {
  top: 0 !important;
  height: 278px !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ai-package-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  opacity: .98 !important;
  /*filter: saturate(.92) contrast(1.06) brightness(.72) !important;*/
}

.ai-package-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(3,3,3,.16) 0%, rgba(3,3,3,.32) 48%, rgba(3,3,3,.92) 100%),
    linear-gradient(90deg, rgba(3,3,3,.3), transparent 48%, rgba(3,3,3,.22)) !important;
  pointer-events: none !important;
}

.ai-package-card.featured .ai-package-visual img {
  /*opacity: .68 !important;*/
  /*filter: saturate(1) contrast(1.08) brightness(.8) !important;*/
}

.ai-package-card.featured .ai-package-visual::after {
  background:
    linear-gradient(180deg, rgba(3,3,3,.12) 0%, rgba(3,3,3,.24) 48%, rgba(3,3,3,.9) 100%),
    radial-gradient(circle at 72% 28%, rgba(249,227,139,.16), transparent 28%) !important;
}

.ai-package-card > *:not(.ai-package-visual):not(.ai-package-badge) {
  position: relative !important;
  z-index: 2 !important;
}

.ai-package-card .ai-package-top {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 2px !important;
  margin-bottom: 28px !important;
}

.ai-package-card h3 {
  position: relative !important;
  z-index: 2 !important;
  max-width: 270px !important;
  margin-bottom: 18px !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.62) !important;
}

.ai-package-card > p {
  position: relative !important;
  z-index: 2 !important;
  min-height: 78px !important;
  margin-bottom: 28px !important;
  padding-bottom: 26px !important;
  border-bottom: 1px solid rgba(249, 227, 139, .18) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.62) !important;
}

.ai-package-block {
  position: relative !important;
  z-index: 2 !important;
}

.ai-package-card.featured .ai-package-badge {
  z-index: 5 !important;
}

@media screen and (max-width: 1180px) {
  .ai-package-visual,
  .ai-package-card.featured .ai-package-visual {
    height: 250px !important;
  }
}

@media screen and (max-width: 640px) {
  .ai-package-visual,
  .ai-package-card.featured .ai-package-visual {
    height: 270px !important;
  }

  .ai-package-card .ai-package-top {
    margin-bottom: 24px !important;
  }
}

.ai-packages {
  overflow: visible !important;
}

.ai-package-card {
  overflow: visible !important;
  border-color: rgba(249, 227, 139, .44) !important;
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.62),
    0 0 0 1px rgba(249, 227, 139, .16),
    0 0 18px rgba(214, 178, 94, .12),
    0 24px 70px rgba(0,0,0,.34) !important;
}

.ai-package-card::before {
  z-index: 3 !important;
  padding: 1.5px !important;
  filter: drop-shadow(0 0 5px rgba(255, 224, 130, .3)) !important;
}

.ai-package-card.featured {
  overflow: visible !important;
  border-color: rgba(249, 227, 139, .74) !important;
  box-shadow:
    0 0 0 1px rgba(249, 227, 139, .22),
    0 0 38px rgba(214,178,94,.22),
    0 32px 92px rgba(0,0,0,.46),
    inset 0 0 28px rgba(0,0,0,.62) !important;
}

.ai-package-card.featured::before {
  padding: 2.5px !important;
  z-index: 3 !important;
}

.ai-package-card.featured .ai-package-badge {
  top: 0 !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 8 !important;
  min-height: 34px !important;
  padding: 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.ai-package-visual {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}

.ai-audience-grid article {
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: rgba(4, 4, 4, .78) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

.ai-audience-grid article:nth-child(1) {
  background-image: url('../images/02-01b.png') !important;
}

.ai-audience-grid article:nth-child(2) {
  background-image: url('../images/02-02b.png') !important;
}

.ai-audience-grid article:nth-child(3) {
  background-image: url('../images/02-03b.png') !important;
}

.ai-audience-grid article:nth-child(4) {
  background-image: url('../images/02-04b.png') !important;
}

.ai-audience-grid article::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3,3,3,.22) 0%, rgba(3,3,3,.5) 42%, rgba(3,3,3,.92) 100%),
    linear-gradient(90deg, rgba(3,3,3,.36), transparent 48%, rgba(3,3,3,.24)) !important;
}

.ai-audience-grid article > * {
  position: relative !important;
  z-index: 2 !important;
}

.ai-audience-top {
  margin-bottom: 30px !important;
}

.ai-audience-grid h3 {
  text-shadow: 0 3px 18px rgba(0,0,0,.68) !important;
}

.ai-audience-grid article > p {
  padding-bottom: 22px !important;
  border-bottom: 1px solid rgba(249, 227, 139, .18) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.66) !important;
}

.ai-audience-grid article::before {
  z-index: 3 !important;
}

.ai-audience-grid article:hover {
  background-position: center top !important;
}

@media screen and (max-width: 640px) {
  .ai-audience-grid article {
    background-position: center top !important;
  }
}

.ai-image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px;
  background: rgba(0, 0, 0, .84);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}

.ai-image-lightbox.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ai-image-lightbox img {
  display: block;
  max-width: min(1120px, 92vw);
  max-height: 88vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border: 1px solid rgba(249, 227, 139, .42);
  border-radius: 14px;
  box-shadow: 0 0 38px rgba(214,178,94,.18), 0 26px 80px rgba(0,0,0,.72);
  transform: scale(.96);
  transition: transform .22s ease;
}

.ai-image-lightbox.is-open img {
  transform: scale(1);
}

.ai-image-lightbox-close {
  position: fixed;
  top: 24px;
  right: 28px;
  z-index: 10000;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(249, 227, 139, .52);
  border-radius: 50%;
  background: rgba(0,0,0,.58);
  color: #f5d06e;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.ai-gallery-slide.is-active,
.ai-gallery-slide[style*="z-index: 5"] {
  cursor: zoom-in;
}

@media screen and (max-width: 640px) {
  .ai-image-lightbox {
    padding: 18px;
  }

  .ai-image-lightbox-close {
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
  }
}

.ai-whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9998;
  width: 62px;
  height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  box-shadow: 0 14px 34px rgba(18, 140, 126, .34), 0 0 0 1px rgba(255,255,255,.12) inset;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.ai-whatsapp-float i {
  font-size: 34px;
  line-height: 1;
}

.ai-whatsapp-float:hover {
  transform: translateY(-4px) scale(1.04);
  box-shadow: 0 18px 42px rgba(18, 140, 126, .44), 0 0 0 1px rgba(255,255,255,.18) inset;
  color: #fff;
}

@media screen and (max-width: 640px) {
  .ai-whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 56px;
    height: 56px;
  }

  .ai-whatsapp-float i {
    font-size: 31px;
  }
}

.ai-whatsapp-float {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  z-index: 2147483646 !important;
}

@media screen and (max-width: 991px) {
  .ai-whatsapp-float {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    width: 58px !important;
    height: 58px !important;
    z-index: 2147483646 !important;
    transform: none !important;
  }

  .ai-whatsapp-float i {
    display: inline-block !important;
    font-size: 32px !important;
    line-height: 1 !important;
  }
}

@media screen and (max-width: 420px) {
  .ai-whatsapp-float {
    right: 14px !important;
    bottom: 14px !important;
    width: 54px !important;
    height: 54px !important;
  }

  .ai-whatsapp-float i {
    font-size: 30px !important;
  }
}

.ai-blog-hero,
.ai-blog-detail-section,
.ai-blog-admin-section {
  position: relative;
  padding: 150px 0 76px;
  background: radial-gradient(circle at 50% 0%, rgba(249, 227, 139, .08), transparent 32%), linear-gradient(180deg, #030303 0%, #080908 58%, #030303 100%);
  overflow: hidden;
}

.ai-blog-hero::before,
.ai-blog-detail-section::before,
.ai-blog-admin-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(249, 227, 139, .022) 1px, transparent 1px), linear-gradient(to bottom, rgba(249, 227, 139, .018) 1px, transparent 1px);
  background-size: 120px 120px;
}

.ai-blog-hero .ai-container,
.ai-blog-list-section .ai-container,
.ai-blog-detail,
.ai-blog-admin {
  position: relative;
  z-index: 1;
}

.ai-blog-hero h1,
.ai-blog-detail-copy h1,
.ai-blog-admin-head h1 {
  max-width: 760px;
  margin: 12px 0 18px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(52px, 4vw, 94px);
  line-height: .95;
  font-weight: 400;
  letter-spacing: -.055em;
}

.ai-blog-hero h1 em,
.ai-blog-detail-copy h1 em {
  color: #d6b25e;
  font-style: italic;
}

.ai-blog-hero p {
  max-width: 620px;
  margin: 0;
  color: rgba(255,250,240,.72);
  font-size: 17px;
  line-height: 1.8;
}

.ai-blog-list-section {
  padding: 0 0 110px;
  background: #030303;
}

.ai-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.ai-blog-card,
.ai-blog-admin-card {
  position: relative;
  display: block;
  border: 1px solid rgba(201,148,63,.56);
  border-radius: 18px;
  background: rgba(8,8,8,.72);
  box-shadow: inset 0 0 28px rgba(0,0,0,.52), 0 24px 70px rgba(0,0,0,.34);
  overflow: hidden;
}

.ai-blog-card {
  padding: 14px;
  text-decoration: none;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.ai-blog-card:hover {
  transform: translateY(-6px);
  border-color: rgba(249,227,139,.78);
  box-shadow: 0 0 24px rgba(214,178,94,.14), 0 28px 80px rgba(0,0,0,.44);
}

.ai-blog-card-media {
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(0,0,0,.45);
}

.ai-blog-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .32s ease;
}

.ai-blog-card:hover .ai-blog-card-media img {
  transform: scale(1.045);
}

.ai-blog-card-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 4px 4px;
}

.ai-blog-card-body small,
.ai-blog-detail-copy small {
  color: #d6b25e;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ai-blog-card-body strong {
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(25px, 2.2vw, 34px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.ai-blog-card-body span,
.ai-blog-empty {
  color: rgba(255,250,240,.68);
  font-size: 14px;
  line-height: 1.7;
}

.ai-blog-detail {
  display: grid;
  grid-template-columns: minmax(280px, 440px) 1fr;
  gap: 58px;
  align-items: start;
}

.ai-blog-detail-media {
  position: sticky;
  top: 110px;
  border: 1px solid rgba(249,227,139,.38);
  border-radius: 22px;
  padding: 10px;
  background: rgba(0,0,0,.42);
  box-shadow: 0 0 28px rgba(214,178,94,.12), 0 26px 70px rgba(0,0,0,.4);
}

.ai-blog-detail-media img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
}

.ai-blog-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #d6b25e;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .04em;
}

.ai-blog-detail-summary {
  max-width: 760px;
  margin: 0 0 30px;
  color: rgba(255,250,240,.78);
  font-size: 18px;
  line-height: 1.8;
}

.ai-blog-content {
  max-width: 820px;
  padding-top: 24px;
  border-top: 1px solid rgba(249,227,139,.18);
}

.ai-blog-content p {
  margin: 0 0 22px;
  color: rgba(255,250,240,.72);
  font-size: 17px;
  line-height: 1.9;
}

.ai-blog-admin-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.ai-blog-admin-layout {
  display: grid;
  grid-template-columns: minmax(320px, 520px) 1fr;
  gap: 26px;
  align-items: start;
}

.ai-blog-admin-card {
  padding: 24px;
}

.ai-blog-admin-card label {
  display: block;
  margin: 0 0 8px;
  color: #d6b25e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ai-blog-admin-card input,
.ai-blog-admin-card textarea {
  width: 100%;
  margin: 0 0 16px;
  padding: 13px 14px;
  border: 1px solid rgba(249,227,139,.22);
  border-radius: 10px;
  outline: 0;
  color: #fffaf0;
  background: rgba(0,0,0,.42);
  font: inherit;
}

.ai-blog-admin-card button,
.ai-blog-admin-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid rgba(249,227,139,.5);
  border-radius: 999px;
  color: #12100a;
  background: linear-gradient(135deg, #f5d06e, #d6b25e);
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.ai-blog-admin-cancel {
  margin-left: 8px;
  color: #f5d06e;
  background: rgba(0,0,0,.28);
}

.ai-blog-admin-list h2 {
  margin: 0 0 18px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
}

.ai-blog-admin-row {
  display: grid;
  grid-template-columns: 74px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid rgba(249,227,139,.12);
}

.ai-blog-admin-row img {
  width: 74px;
  height: 74px;
  object-fit: cover;
  border-radius: 12px;
}

.ai-blog-admin-row strong,
.ai-blog-admin-row small,
.ai-blog-admin-row span {
  display: block;
}

.ai-blog-admin-row strong {
  color: #fffaf0;
}

.ai-blog-admin-row small {
  color: rgba(255,250,240,.48);
}

.ai-blog-admin-row a {
  margin-right: 10px;
  color: #d6b25e;
  text-decoration: none;
}

.ai-blog-admin-row form button {
  min-height: 36px;
  padding: 0 14px;
  color: #fff;
  background: rgba(160,30,30,.72);
  border-color: rgba(255,140,140,.42);
}

.ai-blog-alert {
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(249,227,139,.34);
  border-radius: 12px;
  color: #f5d06e;
  background: rgba(249,227,139,.08);
}

.ai-blog-alert-error {
  color: #ffb4b4;
  border-color: rgba(255,120,120,.35);
  background: rgba(160,30,30,.16);
}

@media screen and (max-width: 991px) {
  .ai-blog-grid,
  .ai-blog-detail,
  .ai-blog-admin-layout {
    grid-template-columns: 1fr;
  }

  .ai-blog-detail-media {
    position: relative;
    top: auto;
    max-width: 520px;
  }
}

@media screen and (max-width: 640px) {
  .ai-blog-hero,
  .ai-blog-detail-section,
  .ai-blog-admin-section {
    padding: 118px 0 58px;
  }

  .ai-blog-admin-head,
  .ai-blog-admin-row {
    grid-template-columns: 1fr;
  }

  .ai-blog-admin-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

.ai-blog-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
}

.ai-blog-editor-toolbar button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #f5d06e !important;
  background: rgba(0,0,0,.34) !important;
  border: 1px solid rgba(249,227,139,.3) !important;
  font-size: 12px !important;
}

.ai-blog-editor-toolbar button:hover {
  background: rgba(249,227,139,.12) !important;
}

.ai-blog-editor {
  min-height: 260px;
  max-height: 520px;
  overflow: auto;
  margin: 0 0 16px;
  padding: 15px 16px;
  border: 1px solid rgba(249,227,139,.22);
  border-radius: 10px;
  outline: 0;
  color: #fffaf0;
  background: rgba(0,0,0,.42);
  line-height: 1.75;
}

.ai-blog-editor:focus {
  border-color: rgba(249,227,139,.52);
  box-shadow: 0 0 0 3px rgba(249,227,139,.08);
}

.ai-blog-editor h2,
.ai-blog-content h2 {
  margin: 28px 0 12px;
  color: #fffaf0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.ai-blog-editor h3,
.ai-blog-content h3 {
  margin: 24px 0 10px;
  color: #f5d06e;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.12;
}

.ai-blog-editor p,
.ai-blog-content p {
  margin: 0 0 18px;
}

.ai-blog-editor strong,
.ai-blog-content strong,
.ai-blog-editor b,
.ai-blog-content b {
  color: #fffaf0;
  font-weight: 800;
}

.ai-blog-editor ul,
.ai-blog-content ul,
.ai-blog-editor ol,
.ai-blog-content ol {
  margin: 0 0 22px 22px;
  padding: 0;
  color: rgba(255,250,240,.74);
  line-height: 1.85;
}

.ai-blog-editor li,
.ai-blog-content li {
  margin-bottom: 8px;
}

.ai-blog-editor blockquote,
.ai-blog-content blockquote {
  margin: 24px 0;
  padding: 16px 18px;
  border-left: 3px solid #d6b25e;
  color: rgba(255,250,240,.82);
  background: rgba(249,227,139,.06);
}

.ai-blog-detail-media img {
  height: auto !important;
  max-height: 620px;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  background: #050505;
}