@font-face {
  font-family: "Abcgintonordvariable Trial Bf 651 B 7 B 7 B 56298";
  src: url('../fonts/ABCGintoNordVariable-Trial-BF651b7b7b56298.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 7 Af 3067";
  src: url('../fonts/ABCGintoNormalVariable-Trial-BF651b7b7af3067.ttf') format("truetype");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintoplusvariable Trial Bf 651 B 7 B 7 C 8 D 960";
  src: url('../fonts/ABCGintoPlusVariable-Trial-BF651b7b7c8d960.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensedvariable Trial Bf 651 B 7 B 7 B 7 F 9 Fa";
  src: url('../fonts/ABCGintoNordCondensedVariable-Trial-BF651b7b7b7f9fa.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordwidthsvariable Trial Bf 651 B 7 B 7 Caffd 5";
  src: url('../fonts/ABCGintoNordWidthsVariable-Trial-BF651b7b7caffd5.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7649 Ef 2";
  src: url('../fonts/ABCGintoNord-BlackItalic-Trial-BF651b7b7649ef2.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7719 B 0 F";
  src: url('../fonts/ABCGintoNord-Black-Trial-BF651b7b7719b0f.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7670 E 10";
  src: url('../fonts/ABCGintoNord-Bold-Trial-BF651b7b7670e10.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 7729958";
  src: url('../fonts/ABCGintoNordCondensed-Bold-Trial-BF651b7b7729958.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 7846685";
  src: url('../fonts/ABCGintoNormal-Regular-Trial-BF651b7b7846685.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 7837 E 74";
  src: url('../fonts/ABCGintoNormal-ThinItalic-Trial-BF651b7b7837e74.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7752459";
  src: url('../fonts/ABCGintoNord-HairlineItalic-Trial-BF651b7b7752459.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7786 B 8 A";
  src: url('../fonts/ABCGintoNord-Regular-Trial-BF651b7b7786b8a.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 774 E 227";
  src: url('../fonts/ABCGintoNord-Light-Trial-BF651b7b774e227.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 784060 C";
  src: url('../fonts/ABCGintoNormal-Thin-Trial-BF651b7b784060c.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7839 Fc 0";
  src: url('../fonts/ABCGintoNord-Medium-Trial-BF651b7b7839fc0.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 785 C 106";
  src: url('../fonts/ABCGintoNormal-Medium-Trial-BF651b7b785c106.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 782 E 49 B";
  src: url('../fonts/ABCGintoNormal-MediumItalic-Trial-BF651b7b782e49b.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 781613 C";
  src: url('../fonts/ABCGintoNormal-RegularItalic-Trial-BF651b7b781613c.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 78375 Ac";
  src: url('../fonts/ABCGintoNormal-BoldItalic-Trial-BF651b7b78375ac.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 785 D 2 E 9";
  src: url('../fonts/ABCGintoNord-UltraItalic-Trial-BF651b7b785d2e9.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 77 D 863 B";
  src: url('../fonts/ABCGintoNormal-Bold-Trial-BF651b7b77d863b.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 783 C 2 Cd";
  src: url('../fonts/ABCGintoNormal-Light-Trial-BF651b7b783c2cd.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Ultra Trial Bf 651 B 7 B 783 D 44 C";
  src: url('../fonts/ABCGintoNord-Ultra-Trial-BF651b7b783d44c.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 782 Fcb 2";
  src: url('../fonts/ABCGintoNormal-Black-Trial-BF651b7b782fcb2.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 77 Bc 17 B";
  src: url('../fonts/ABCGintoNormal-BlackItalic-Trial-BF651b7b77bc17b.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Ultra Trial Bf 651 B 7 B 78530 Ac";
  src: url('../fonts/ABCGintoNordCondensed-Ultra-Trial-BF651b7b78530ac.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trial Bf 651 B 7 B 7805454";
  src: url('../fonts/ABCGintoNormal-LightItalic-Trial-BF651b7b7805454.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 7843939";
  src: url('../fonts/ABCGintoNordCondensed-UltraItalic-Trial-BF651b7b7843939.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 773 Ab 56";
  src: url('../fonts/ABCGintoNord-ThinItalic-Trial-BF651b7b773ab56.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 777 Ccfe";
  src: url('../fonts/ABCGintoNord-RegularItalic-Trial-BF651b7b777ccfe.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 77267 C 8";
  src: url('../fonts/ABCGintoNordCondensed-ThinItalic-Trial-BF651b7b77267c8.otf') format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 77 Ac 864";
  src: url('../fonts/ABCGintoNord-Thin-Trial-BF651b7b77ac864.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7747 B 4 C";
  src: url('../fonts/ABCGintoNord-LightItalic-Trial-BF651b7b7747b4c.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 778214 D";
  src: url('../fonts/ABCGintoNord-MediumItalic-Trial-BF651b7b778214d.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 76 Ef 0 E 4";
  src: url('../fonts/ABCGintoNordCondensed-BoldItalic-Trial-BF651b7b76ef0e4.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 77 B 5 Cf 2";
  src: url('../fonts/ABCGintoNordCondensed-Black-Trial-BF651b7b77b5cf2.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Hairline Trial Bf 651 B 7 B 7747 Cde";
  src: url('../fonts/ABCGintoNord-Hairline-Trial-BF651b7b7747cde.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 77015 D 0";
  src: url('../fonts/ABCGintoNordCondensed-Light-Trial-BF651b7b77015d0.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 7835 B 45";
  src: url('../fonts/ABCGintoNordCondensed-MediumItalic-Trial-BF651b7b7835b45.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 772 Bc 22";
  src: url('../fonts/ABCGintoNordCondensed-RegularItalic-Trial-BF651b7b772bc22.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 7739 Ef 2";
  src: url('../fonts/ABCGintoNordCondensed-Thin-Trial-BF651b7b7739ef2.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 785204 A";
  src: url('../fonts/ABCGintoNordCondensed-Medium-Trial-BF651b7b785204a.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 76 E 323 B";
  src: url('../fonts/ABCGintoNordCondensed-LightItalic-Trial-BF651b7b76e323b.otf') format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 785 C 106";
  src: url('../fonts/ABCGintoNordCondensed-BlackItalic-Trial-BF651b7b785c106.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 7723 E 04";
  src: url('../fonts/ABCGintoNordCondensed-Regular-Trial-BF651b7b7723e04.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Hairline Trial Bf 651 B 7 B 771554 D";
  src: url('../fonts/ABCGintoNordCondensed-Hairline-Trial-BF651b7b771554d.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 76 Edaad";
  src: url('../fonts/ABCGintoNordCondensed-HairlineItalic-Trial-BF651b7b76edaad.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Abcgintonord Trial Bf 651 B 7 B 763 Bcbc";
  src: url('../fonts/ABCGintoNord-BoldItalic-Trial-BF651b7b763bcbc.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --white\<deleted\|variable-749a4a6c\>: var(--back-grey);
  --black: #1d1d1d;
  --dark-grey: #33383f;
  --light-grey: #99a4af;
  --grey: #626a72;
  --gradient-red: #ff7581;
  --back-grey: var(--dark-gray);
  --gradient-bleu: #c8ff00;
  --blue: #4957ee;
  --white: #fff;
  --dim-grey: #495158;
  --silver: var(--back-grey);
  --soft-grey: #fff0;
  --blue-clair: var(--gradient-bleu);
  --light-purple: #f7f8fa;
  --dark-gray: #fff;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

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

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

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

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

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

body {
  background-color: var(--white\<deleted\|variable-749a4a6c\>);
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.25em;
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.2em;
}

h3 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4em;
}

h4 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4em;
}

h5 {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
}

h6 {
  color: var(--light-grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
}

p {
  opacity: .9;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

a {
  color: var(--grey);
  text-decoration: none;
  transition: color .2s;
}

ul {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 20px;
}

li {
  opacity: .9;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.4em;
}

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

label {
  color: var(--grey);
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

em {
  letter-spacing: -.5px;
  font-style: italic;
}

blockquote {
  border-left: 5px solid var(--gradient-red);
  color: var(--dark-grey);
  margin-bottom: 16px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.4em;
}

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

.page-wrapper {
  width: 100%;
  min-height: 30px;
  position: relative;
}

.page-wrapper.light-grey {
  background-color: var(--back-grey);
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section.light-grey {
  background-color: var(--back-grey);
  position: relative;
}

.section.small {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.light-color-gradient {
  background-color: var(--back-grey);
  background-image: linear-gradient(54deg, var(--gradient-red), #ff837a00), linear-gradient(241deg, var(--gradient-bleu), #ef98cf00);
  height: auto;
  min-height: auto;
  padding: 0;
  position: relative;
}

.section.daek-page-header {
  background-color: var(--black);
  background-image: radial-gradient(circle farthest-corner at 0% 50%, var(--gradient-red), #0000 47%), radial-gradient(circle farthest-corner at 30% 150%, var(--blue), #0000 58%);
  color: var(--white\<deleted\|variable-749a4a6c\>);
  padding-top: 96px;
  padding-bottom: 32px;
}

.section.black-gradient {
  color: var(--white\<deleted\|variable-749a4a6c\>);
  background-color: #c8ff0000;
  justify-content: center;
  align-items: center;
  padding: 5vw 0;
  display: flex;
}

.section.light-page-header {
  background-color: var(--back-grey);
  background-image: radial-gradient(circle at 0%, #ff010121, #0000 41%), radial-gradient(circle at 30% 150%, #7aa7ff3d, #0000 54%);
  padding-top: 96px;
  padding-bottom: 32px;
}

.button {
  color: var(--gradient-red);
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  flex: none;
  margin-bottom: 8px;
  padding: 8px 28px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  transition: box-shadow .2s, transform .2s, border-color .2s, color .2s, background-color .2s;
  box-shadow: 0 2px #2020200d;
}

.button:hover {
  background-color: var(--dark-grey);
}

.button:active {
  background-color: var(--grey);
  transform: translate(0, 2px);
  box-shadow: 0 0 #20202000;
}

.button.no-margin {
  background-color: var(--blue);
  color: var(--white);
  border-radius: 10vw;
  width: 12vw;
  height: 3vw;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.1vw;
  line-height: 1.1vw;
}

.button.outline {
  background-color: var(--white\<deleted\|variable-749a4a6c\>);
  box-shadow: inset 0 0 0 1px var(--dim-grey);
  color: var(--black);
}

.button.outline:hover {
  background-color: var(--silver);
}

.button.outline:active {
  background-color: var(--dim-grey);
  color: var(--white\<deleted\|variable-749a4a6c\>);
}

.button.light {
  background-color: var(--back-grey);
  box-shadow: none;
  color: var(--grey);
}

.button.light:hover {
  background-color: var(--silver);
  color: var(--grey);
}

.button.light:active {
  background-color: var(--soft-grey);
  color: var(--dark-grey);
}

.button.light.mobile-hidden {
  box-shadow: inset 0 0 0 1px var(--silver);
}

.button.disabled {
  background-color: var(--back-grey);
  box-shadow: none;
  opacity: .7;
  color: var(--soft-grey);
}

.button.disabled:active {
  transform: none;
}

.button.subscribe {
  margin-bottom: 0;
  margin-left: -24px;
  padding-left: 22px;
  padding-right: 22px;
}

.button.dark {
  background-color: var(--white);
}

.button.dark:hover {
  background-color: var(--dark-grey);
}

.button.dark:active {
  background-color: var(--light-grey);
}

.button.white {
  background-color: var(--white\<deleted\|variable-749a4a6c\>);
  color: var(--black);
  font-weight: 500;
}

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

.button.white:active {
  background-color: var(--soft-grey);
}

.spacer {
  background-color: var(--silver);
  height: 48px;
}

.spacer._64 {
  background-color: #0000;
  width: 64px;
  height: 64px;
}

.spacer._32 {
  background-color: #0000;
  border-radius: 6px;
  width: 32px;
  height: 32px;
}

.spacer._24 {
  text-transform: uppercase;
  background-color: #0000;
  width: 24px;
  height: 24px;
}

.spacer._48 {
  background-color: #0000;
  border-radius: 6px;
  width: 48px;
}

.spacer._128 {
  background-color: #0000;
  width: 128px;
  height: 128px;
}

.spacer._80 {
  background-color: #0000;
  width: 80px;
  height: 80px;
}

.spacer._96 {
  background-color: #5eb2f400;
  width: 96px;
  height: 96px;
}

.spacer._32 {
  background-color: #0000;
  height: 32px;
}

.spacer._16 {
  background-color: #0000;
  flex: none;
  width: 16px;
  height: 16px;
}

.text-box {
  max-width: 650px;
  position: relative;
}

.text-box.center-align {
  text-align: center;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.text-box._550px {
  max-width: 550px;
}

.text-box._550px.center-align {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0;
  display: flex;
}

.text-box._500px {
  max-width: 500px;
}

.text-box.centered {
  margin-left: auto;
  margin-right: auto;
}

._12-columns {
  flex-flow: wrap;
  place-content: stretch center;
  align-items: center;
  margin-left: -16px;
  margin-right: -16px;
  display: flex;
}

._12-columns.flex-horizontal {
  flex-wrap: nowrap;
  justify-content: flex-start;
  display: flex;
}

._12-columns.align-top {
  align-items: flex-start;
}

._12-columns.align-left {
  justify-content: flex-start;
}

.container {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  height: auto;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  position: relative;
}

.color-block {
  background-color: var(--black);
  border-radius: 5px;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

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

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

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

.color-block.back-grey {
  border: 1px solid var(--silver);
  background-color: var(--back-grey);
}

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

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

.color-block.white {
  border: 1px solid var(--silver);
  background-color: #fff;
}

.color-block.soft-red {
  border: 1px solid var(--silver);
  background-color: var(--gradient-red);
}

.color-block.soft-blue {
  border: 1px solid var(--silver);
  background-color: var(--blue);
}

.color-block.soft-pink {
  border: 1px solid var(--silver);
  background-color: var(--gradient-bleu);
}

.white {
  color: #fff;
  font-weight: 300;
}

.column-styleguide {
  background-color: var(--silver);
  border-radius: 2px;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
}

.column {
  flex-flow: column;
  flex: 0 auto;
  align-items: stretch;
  min-height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.column.desk-10 {
  width: 83.33%;
}

.column.desk-12 {
  width: 100%;
}

.column.desk-11 {
  width: 91.66%;
}

.column.desk-6 {
  width: 50%;
}

.column.desk-5 {
  width: 41.66%;
}

.column.desk-1 {
  flex: 0 auto;
  width: 8.33%;
}

.column.desk-4 {
  width: 33.33%;
}

.column.desk-9 {
  width: 75%;
}

.column.desk-3 {
  flex: none;
  width: 25%;
}

.column.desk-2 {
  width: 16.66%;
}

.column.desk-7 {
  width: 58.3333%;
}

.column.desk-8 {
  width: 66.6667%;
}

.ds-block {
  margin-bottom: 32px;
  font-size: 18px;
}

.horizontal-line {
  background-color: var(--silver);
  width: 100%;
  height: 1px;
  margin-bottom: 36px;
}

.horizontal-line.design-system {
  position: relative;
  bottom: -80px;
}

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

.rich-text img {
  border-radius: 5px;
}

.rich-text h4, .rich-text h3 {
  margin-top: 24px;
}

.nav-content {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  display: flex;
  position: relative;
}

.nav-cta-button-container {
  align-items: center;
  display: flex;
}

.menu-button.w--open {
  color: #096ad033;
  background-color: #fff;
}

.nav-bar {
  z-index: 200;
  border-bottom: 1px solid var(--back-grey);
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 0;
}

.logo-div {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  display: block;
}

.nav-logo {
  transition: opacity .2s;
}

.nav-logo:hover {
  opacity: .75;
}

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

.footer-logo.w--current {
  width: 10vw;
  height: 3vw;
  display: flex;
}

.footer-logo.logo-footer-img {
  width: 10vw;
}

.footer-logo.logo-footer-img.w--current {
  width: 8vw;
}

.footer-link {
  color: var(--blue);
  cursor: pointer;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 600;
  line-height: 1vw;
  text-decoration: none;
  transition: color .2s ease-in-out;
  display: block;
}

.footer-link:hover {
  opacity: 1;
  color: var(--blue);
  font-weight: 900;
}

.footer-link.w--current {
  opacity: 1;
  color: var(--blue);
  margin-right: 0;
  font-size: 1vw;
  font-weight: 600;
  line-height: 1vw;
}

.footer-link.w--current:hover {
  font-weight: 900;
}

.footer-links-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  flex: none;
  justify-content: space-around;
  align-items: flex-start;
  width: 40%;
  margin-left: 0;
  display: flex;
}

.footer {
  z-index: 0;
  background-color: #e0e1f3;
  border: 1px #000;
  padding: 4vw 10vw;
  position: relative;
}

.icon {
  color: #fff;
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  font-size: 24px;
}

.icon.large {
  width: 128px;
  height: 128px;
}

.search-banner {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  margin-right: auto;
  padding-right: 4px;
  font-size: 14px;
  line-height: 1.4em;
  display: flex;
}

.nav-dropdown {
  color: var(--dark-grey);
  border-radius: 5px;
  margin-left: 6px;
  margin-right: 2px;
  padding: 5px 22px 5px 8px;
  font-weight: 500;
  line-height: 26px;
  transition: color .2s;
  position: relative;
}

.nav-dropdown:hover {
  opacity: 1;
  color: #1b9cca;
}

.nav-dropdown.w--current {
  color: #096ad0;
  font-weight: 700;
  transition-property: none;
}

.paragraph {
  color: var(--white);
  text-align: center;
  width: 60%;
  font-family: Montserrat, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.8vw;
}

.paragraph.small {
  opacity: 1;
  color: var(--dim-grey);
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1vw;
}

.paragraph.large {
  font-size: 20px;
  line-height: 1.5em;
}

.paragraph.medium {
  opacity: 100;
  color: var(--dim-grey);
  margin: auto;
  font-size: 1.2vw;
  line-height: 1.2vw;
}

.paragraph.small {
  opacity: .75;
  font-size: 14px;
  line-height: 1.4em;
}

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.nav-menu {
  text-align: right;
  margin-right: 6px;
}

.ds-menu-brand {
  width: 160px;
  margin-bottom: 50px;
  margin-left: 30px;
}

.ds-menu {
  width: 100%;
}

.ds-menu-link {
  color: var(--silver);
  border-left: 4px solid #0000;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 27px;
}

.ds-menu-link:hover {
  color: var(--soft-grey);
}

.ds-menu-link.w--current {
  background-color: var(--dark-grey);
  color: var(--white\<deleted\|variable-749a4a6c\>);
  padding-right: 0;
  font-weight: 500;
}

.ds-nav {
  background-color: var(--black);
  background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--gradient-red), #0000 43%);
  width: 240px;
  padding-top: 40px;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: auto;
}

.form-radio-button {
  margin-bottom: 16px;
  padding-left: 24px;
}

.radio-button {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: -24px;
  margin-right: 10px;
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: #197dff;
}

.form-error {
  color: var(--black);
  background-color: #ddd;
  border-radius: 6px;
  padding: 16px;
  font-size: 14px;
  line-height: 18px;
}

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

.checkbox-field {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 16px;
  padding-left: 24px;
  display: flex;
  position: relative;
}

.check-box {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-left: -24px;
  margin-right: 10px;
}

.check-box.w--redirected-checked {
  background-color: #197dff;
  background-position: 50%;
  background-size: 16px;
  border-color: #197dff;
}

.ds-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-left: 240px;
  display: flex;
  position: relative;
}

.form-success {
  color: var(--dark-grey);
  background-color: #f1f2fa00;
  border-radius: 2vw;
  width: 75%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 32px;
  font-size: 16px;
  line-height: 1.4em;
}

.form-success.dark {
  background-color: var(--dim-grey);
  color: var(--white\<deleted\|variable-749a4a6c\>);
}

.ds-section {
  z-index: 0;
  text-align: left;
  padding: 60px 80px 48px 60px;
  position: relative;
}

.ds-section.header {
  background-color: var(--back-grey);
  color: var(--black);
}

.ds-title {
  color: var(--dark-grey);
  margin-bottom: 8px;
}

.ds-section-header {
  margin-bottom: 50px;
}

.text-field {
  background-color: var(--back-grey);
  color: var(--black);
  border: 1px solid #e4e4e4;
  border-radius: 9px;
  min-width: 120px;
  height: 44px;
  margin-bottom: 16px;
  padding: 19px 12px;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
}

.text-field:focus {
  border-color: var(--dark-grey);
}

.text-field::placeholder {
  color: var(--soft-grey);
}

.text-field.no-margin {
  margin-bottom: 0;
}

.ebook-box {
  color: var(--black);
  text-align: left;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: transform .2s, opacity .2s;
  overflow: hidden;
}

.ebook-box:hover {
  transform: translate(0, -3px);
}

.ebook-thumbnail {
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}

.text-area {
  background-color: var(--back-grey);
  color: var(--black);
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  min-height: 120px;
  margin-bottom: 16px;
  padding: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
}

.text-area::placeholder {
  color: var(--soft-grey);
}

.tabs-menu {
  justify-content: center;
  width: 100%;
  margin-bottom: 48px;
  display: flex;
}

.vertical-tab {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}

.tab-link {
  border-bottom: 2px solid var(--silver);
  opacity: .5;
  color: var(--grey);
  text-align: center;
  background-color: #0000;
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 20px;
  font-size: 18px;
}

.tab-link:hover {
  border-bottom-color: var(--soft-grey);
  color: var(--grey);
}

.tab-link.w--current {
  opacity: 1;
  color: #197dff;
  background-color: #0000;
  border-bottom-color: #197dff;
  font-weight: 600;
}

.ds-description {
  color: var(--grey);
  max-width: 400px;
}

.small-button {
  background-color: var(--black);
  color: var(--white\<deleted\|variable-749a4a6c\>);
  text-align: center;
  border-radius: 8px;
  flex: none;
  margin-bottom: 16px;
  padding: 5px 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  transition: transform .2s, border-color .2s, color .2s, box-shadow .2s, background-color .2s;
  box-shadow: 0 1px #0000000f;
}

.small-button:hover {
  background-color: var(--dark-grey);
  color: #fff;
}

.small-button:active {
  background-color: var(--dim-grey);
  transform: translate(0, 1px);
  box-shadow: 0 0 #0000000f;
}

.small-button.light {
  background-color: var(--back-grey);
  box-shadow: none;
  color: var(--grey);
  margin-right: 0;
}

.small-button.light:hover {
  background-color: var(--silver);
}

.small-button.light:active {
  background-color: var(--soft-grey);
  color: var(--dark-grey);
}

.small-button.dark {
  background-color: var(--dim-grey);
  box-shadow: none;
  margin-right: 0;
}

.small-button.dark:hover {
  background-color: var(--dark-grey);
}

.small-button.dark:active {
  background-color: var(--black);
}

.nav-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1230px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 50px;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
}

.error-2 {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.nav-link {
  color: var(--grey);
  cursor: pointer;
  background-color: #0000;
  margin-left: 4px;
  margin-right: 4px;
  padding: 6px 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .2s, transform .2s, color .2s;
  display: none;
}

.nav-link:hover {
  color: var(--black);
}

.nav-link:active {
  color: var(--grey);
}

.nav-link.w--current {
  color: var(--black);
}

.nav-link.cta-button {
  background-color: var(--black);
  box-shadow: 0 2px 0 0 var(--back-grey);
  color: var(--back-grey);
  border-radius: 8px;
  padding-left: 20px;
  padding-right: 20px;
  transition: box-shadow .2s, background-color .2s, transform .2s, color .2s;
}

.nav-link.cta-button:hover {
  background-color: var(--dark-grey);
}

.nav-link.cta-button:active {
  background-color: var(--grey);
  box-shadow: 0 0 0 0 var(--silver);
  transform: translate(0, 1px);
}

.form-dropdown {
  border: 1px solid var(--silver);
  background-color: var(--back-grey);
  color: var(--light-grey);
  border-radius: 6px;
  width: 100%;
  height: 44px;
  margin-bottom: 16px;
  padding: 8px 12px;
  font-size: 15px;
  position: relative;
}

.form-dropdown:focus {
  color: #37474e;
}

.form-dropdown::placeholder {
  color: #999;
  font-size: 15px;
}

.field-block {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #0000;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  min-width: 50px;
  min-height: 20px;
  margin-bottom: 8px;
  display: block;
}

.error {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.footer-header {
  color: var(--light-grey);
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.footer-container {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.ds-colour-block {
  width: 12.5%;
  padding-right: 16px;
  display: inline-block;
}

.ds-colour-grid {
  flex-wrap: wrap;
  margin-top: 24px;
  display: flex;
}

.ds-module {
  background-color: var(--silver);
  border-radius: 2px;
  flex-direction: column;
  min-width: 100px;
  min-height: 100px;
  display: flex;
  position: relative;
}

._1-2-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

._2-1-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.heading {
  font-weight: 600;
  display: block;
}

.heading.h1 {
  color: var(--black);
  margin: auto auto 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 3vw;
  font-weight: 900;
  line-height: 3vw;
}

.heading.h1.small-margin {
  margin-bottom: 6px;
}

.heading.h2 {
  margin-bottom: 16px;
  font-size: 36px;
  line-height: 1.3em;
}

.heading.h3 {
  margin-bottom: 12px;
  font-size: 26px;
  line-height: 1.4em;
}

.heading.h3.no-margin {
  margin-bottom: 0;
}

.heading.h4 {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.45em;
}

.heading.h5 {
  color: var(--dark-grey);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
}

.heading.h6 {
  color: var(--grey);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5em;
}

.heading.large-h1 {
  margin-bottom: 16px;
  font-size: 64px;
  line-height: 1.15em;
}

.error-3 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.licenses-grid {
  grid-column-gap: 96px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.utility-page-wrap {
  background-color: var(--black);
  color: var(--white\<deleted\|variable-749a4a6c\>);
  background-image: radial-gradient(circle at 50% 0, #ef98cf33, #0000 57%), radial-gradient(circle at 0 20%, #7aa7ff40, #0000 42%);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 90vh;
  min-height: auto;
  max-height: 100%;
  padding: 20px;
  display: flex;
}

.utility-page-wrap.center-align {
  background-image: radial-gradient(circle farthest-corner at 50% -20%, #ef98cf33, #0000 61%), radial-gradient(circle farthest-corner at 0% 20%, var(--blue), #0000 42%);
  text-align: center;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 380px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 400px;
  display: flex;
}

.visible-spacer {
  background-color: var(--silver);
  border-radius: 2px;
  margin-bottom: 24px;
  display: inline-block;
}

.email-form {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 450px;
  display: flex;
}

.email-form.center-align {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.section-top {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

._3-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

._4-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.email-subscribe {
  grid-column-gap: 12px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.search {
  align-items: flex-start;
  margin-bottom: 0;
}

.terms-card {
  z-index: 2;
  background-color: #fff;
  border-radius: 12px;
  max-width: 800px;
  margin-top: -180px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 64px 48px;
  position: relative;
  box-shadow: 0 3px 12px #0000000f;
}

.popular-posts-grid {
  grid-column-gap: 80px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.container-2 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
  position: relative;
}

.hidden {
  display: none;
}

.search-bar {
  border: 1px solid var(--back-grey);
  background-color: var(--back-grey);
  color: var(--black);
  background-image: url('../images/MagnifyingGlass-Grey.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 6px;
  width: 280px;
  height: 36px;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 32px;
  font-size: 15px;
  font-weight: 400;
  transition: border-color .2s;
  display: none;
}

.search-bar:hover, .search-bar:focus {
  border-color: var(--soft-grey);
}

.search-bar::placeholder {
  color: var(--light-grey);
}

.search-section {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.card-text-link {
  color: var(--black);
  text-align: left;
  border-radius: 4px;
  flex-direction: column;
  width: 100%;
  max-width: 450px;
  transition: transform .2s, opacity .2s;
  overflow: hidden;
}

.card-text-link:hover {
  color: var(--dark-grey);
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.form-card {
  color: var(--black);
  text-align: left;
  background-color: #f1f2fa00;
  border-radius: 12px;
  width: 80%;
  padding: 40px;
}

.title-tag {
  color: var(--dim-grey);
  -webkit-text-stroke-color: var(--white);
  text-transform: none;
  margin: auto auto 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 1.2vw;
}

.cta-banner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--silver);
  border-bottom: 1px solid var(--silver);
  text-align: left;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.error-4 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1230px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  position: relative;
}

.grey-text-link {
  border-bottom: 1px solid var(--soft-grey);
  color: var(--grey);
}

.grey-text-link:hover {
  border-bottom-color: var(--light-grey);
  color: var(--dark-grey);
}

.banner-section {
  z-index: 200;
  background-color: var(--white\<deleted\|variable-749a4a6c\>);
  background-image: radial-gradient(circle at 25% -20%, #7aa7ff26, #fff0 52%), radial-gradient(circle at 100% 0, #ff010114, #fff0 25%);
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}

.banner-container {
  flex: 1;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.banner {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
  display: flex;
}

.banner-link {
  color: var(--light-grey);
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  line-height: 1.3em;
  text-decoration: none;
  display: inline;
}

.banner-link:hover {
  color: var(--black);
}

.logo {
  max-width: 70%;
}

.hero-grid {
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr;
  align-items: center;
}

.hero-illustration {
  mix-blend-mode: multiply;
  margin-left: auto;
  margin-right: auto;
}

.large-3-grid {
  grid-column-gap: 48px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.footer-grid {
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  grid-template-rows: auto;
  grid-template-columns: 80% minmax(10%, 10%);
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  display: flex;
}

.footer-logo-block {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  max-width: none;
  display: flex;
  position: relative;
}

.ebook-header-block {
  max-width: 650px;
  height: 50px;
  position: relative;
}

.ebook-page-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 400px;
}

.ebook-cover {
  border-radius: 8px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px #0000000d;
}

.ebook-mobile-block {
  max-width: 650px;
  height: 50px;
  display: none;
  position: relative;
}

.full-page-wrapper {
  background-color: var(--black);
  background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--blue), transparent 44%), radial-gradient(circle farthest-corner at 0% 100%, var(--gradient-red), transparent 32%);
  color: var(--white\<deleted\|variable-749a4a6c\>);
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 24px 12px;
}

.form-page-logo {
  width: 190px;
}

.form-card-header {
  text-align: center;
  margin-bottom: 32px;
}

.admin-form-card {
  background-color: var(--white\<deleted\|variable-749a4a6c\>);
  color: var(--black);
  border-radius: 12px;
  width: 100%;
  max-width: 380px;
  padding: 40px;
}

.admin-form-card.center-align {
  text-align: center;
}

.form-card-footer {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 14px;
}

.below-card-link {
  color: var(--light-grey);
  margin-top: 24px;
  font-size: 14px;
  display: inline-block;
}

.below-card-link:hover {
  color: var(--soft-grey);
}

.checkbox-label {
  flex: 1;
  font-size: 14px;
  display: inline-block;
}

.white-text-link {
  border-bottom: 1px solid var(--grey);
  color: var(--white\<deleted\|variable-749a4a6c\>);
  transition: border-color .2s, color .2s;
}

.white-text-link:hover {
  border-bottom-color: var(--soft-grey);
  color: var(--soft-grey);
}

.field-label {
  color: #202020;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em;
}

.field-label.no-margin {
  margin-bottom: 0;
}

.account-header {
  border-style: none none solid;
  border-bottom-color: #e7ecf0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.account-info-wrapper {
  margin-top: 24px;
}

.account-card {
  background-color: var(--white\<deleted\|variable-749a4a6c\>);
  color: var(--black);
  border-radius: 12px;
  width: 100%;
  max-width: 380px;
  padding: 24px 32px;
}

.account-page-wrapper {
  background-color: var(--silver);
  color: var(--white\<deleted\|variable-749a4a6c\>);
  background-image: radial-gradient(circle at 50% 0, #ef98cf33, #0000 57%), radial-gradient(circle at 0 20%, #7aa7ff40, #0000 42%);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 90vh;
  min-height: 650px;
  max-height: 100%;
  padding: 20px;
  display: flex;
}

.form-2-grid {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

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

.form-page-logo-link {
  margin-bottom: 32px;
  transition: opacity .2s, color .2s;
}

.form-page-logo-link:hover {
  opacity: .9;
}

.text-span, .text-span-2 {
  color: var(--white\<deleted\|variable-749a4a6c\>);
}

.bold-text, .bold-text-2 {
  color: #fff;
}

.bold-text-3 {
  color: var(--white);
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  background-color: #404eed;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1vw 0 1.5vw;
}

.container-3 {
  width: 85%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-2 {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 1vw;
  margin-right: 1vw;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
  text-decoration: none;
}

.nav-link-2:hover {
  color: var(--white);
  font-weight: 800;
}

.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2.w--current {
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
}

.nav-link-2.w--current:hover {
  color: var(--white);
  font-weight: 800;
}

.nav-link-2.dark {
  color: var(--blue);
  font-weight: 500;
}

.nav-link-2.dark:hover {
  font-weight: 900;
}

.nav-dropdown-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

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

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.nav-link-accent.menu-log {
  border: .1vw solid var(--white);
  background-color: var(--white);
  color: var(--blue);
  border-radius: 1vw;
  margin-left: 1vw;
  margin-right: 0;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
}

.nav-link-accent.menu-log:hover {
  border: .1vw solid var(--white);
  background-color: var(--white);
  color: var(--blue);
  border-radius: 1vw;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  font-size: 1vw;
  font-weight: 800;
  line-height: 1vw;
}

.nav-link-accent.menu-log.dark {
  background-color: var(--blue);
  color: var(--white);
}

.nav-link-accent.menu-log.dark:hover {
  border-color: var(--blue);
  background-color: var(--white);
  color: var(--blue);
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 6vw;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.button-primary.w--current {
  border-radius: 3vw;
}

.image {
  width: 6vw;
  max-width: none;
  height: 2vw;
  margin-right: auto;
}

.mainsection {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  background-color: #404eed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40vw;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.div-block-4 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 70%;
  margin-bottom: auto;
  display: flex;
}

.div-block-5 {
  width: 50%;
}

.div-block-6 {
  background-image: url('../images/a7b1aa13775357f33c7d6edc8db565a897aced1b2106c-UTk21W_fw1200.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 46vh;
  width: 50%;
  height: 41vh;
}

.heading-2 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 3.3vw;
}

.text-block-2 {
  color: var(--white);
  font-size: 1.1vw;
  line-height: 1.1vw;
}

.image-2 {
  width: auto;
  max-width: none;
  height: 2vw;
  font-size: 17px;
  line-height: 21px;
}

.section-3 {
  background-color: var(--gradient-bleu);
  background-image: linear-gradient(#404eed, #f7f8fa), linear-gradient(#f7f8fa, #f7f8fa), linear-gradient(#fff, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: none;
}

.div-block-7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 85%;
  display: block;
}

.div-block-8 {
  background-image: url('../images/bouncy-chat-with-a-support-operator-on-the-phone.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 35%;
  height: 30vw;
}

.div-block-9 {
  flex-direction: row;
  justify-content: space-around;
  align-items: baseline;
  width: 100%;
  height: auto;
  display: block;
}

.div-block-10 {
  background-color: var(--back-grey);
  border-radius: 3.5vw;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 19vw;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-11 {
  width: 22%;
  height: 20vw;
  position: relative;
}

.div-block-10-copy {
  border: 1px solid var(--gradient-bleu);
  background-color: var(--white);
  color: var(--back-grey);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 3.5vw;
  width: 98%;
  height: 19vw;
  position: absolute;
  inset: auto 0% 0% auto;
}

.text-block-3 {
  color: var(--black);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.4vw;
  font-weight: 700;
  line-height: 1.8vw;
}

.div-block-12 {
  background-color: var(--blue-clair);
  justify-content: space-around;
  width: auto;
  margin: 1.5vw auto;
  display: flex;
}

.benefits {
  background-color: var(--blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-13 {
  background-color: var(--blue);
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#404eeded, #404eeded), url('../images/metallic-07.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-clip: border-box;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6vw 0;
  display: flex;
}

.div-block-14 {
  background-image: url('../images/pablita-chatbot-customer-service.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 23vw;
  width: 100%;
  height: 22vw;
  margin-bottom: 0;
}

.div-block-15 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-16 {
  width: 20%;
  margin-right: 2vw;
}

.title-white {
  color: var(--white);
  margin-bottom: 2vw;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 800;
  line-height: 2.8vw;
}

.title-white.contact {
  color: var(--black);
  margin-bottom: 1vw;
  margin-left: auto;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 2.8vw;
  transform: rotate(.5deg);
}

.text-block-5 {
  color: var(--white);
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  font-size: 7vw;
  font-weight: 900;
  line-height: 7vw;
}

.text-block-6 {
  color: var(--gradient-bleu);
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2.5vw;
}

.text-block-4-copy {
  color: var(--gradient-bleu);
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.3vw;
  font-weight: 800;
  line-height: 1.3vw;
}

.bold-text-4 {
  font-size: 2.5vw;
}

.div-block-17 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 30%;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.div-block-17.horiz {
  background-color: var(--light-purple);
  border-radius: 1vw;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: auto;
  padding: 0;
}

.text-block-5-copy {
  color: var(--white);
  margin-top: 0;
  margin-bottom: .5vw;
  font-family: Montserrat, sans-serif;
  font-size: 5vw;
  font-weight: 600;
  line-height: 4.5vw;
}

.text-block-6-copy {
  color: var(--white);
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2vw;
}

.titlesmalltext {
  color: #fff;
  text-align: left;
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 1.6vw;
  transform: rotate(.5deg);
}

.titlesmalltext.black {
  color: var(--black);
}

.bold-text-5 {
  font-size: 1.8vw;
  line-height: 2.5vw;
}

.div-block-18 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 40%;
  display: flex;
}

.button-2 {
  background-color: var(--back-grey);
  color: var(--blue);
  text-transform: none;
  border: 1px solid #fff;
  border-radius: 5vw;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 3vw;
  margin-top: 2vw;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 800;
  line-height: 1vw;
  display: flex;
}

.button-2:hover {
  background-color: var(--soft-grey);
  color: var(--white);
  border: 1px solid #fff;
  font-weight: 700;
}

.text-block-7 {
  color: var(--black);
  text-align: center;
  text-transform: none;
  margin-bottom: 3vw;
  font-family: "Abcgintonord Trial Bf 651 B 7 B 7670 E 10", sans-serif;
  font-size: 3vw;
  line-height: 3vw;
}

.text-span-3 {
  color: var(--blue);
}

.section-5 {
  background-color: var(--blue);
  padding: 5vw;
}

.div-block-19 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 5vw;
  margin-bottom: 5vw;
  display: flex;
}

.text-block-8 {
  color: var(--blue);
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 900;
  line-height: 2vw;
}

.link {
  color: var(--black);
  margin-bottom: 0;
  font-size: 2vw;
  line-height: 2vw;
}

.div-block-20 {
  background-image: url('../images/space-robot-cat.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30%;
  height: 25vw;
  margin-bottom: 0;
  margin-right: 2vw;
  display: none;
}

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

.div-block-20-copy {
  background-image: url('../images/space-flying-spam-emails.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30%;
  height: 15vw;
  margin-bottom: 2vw;
}

.div-block-22 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-23 {
  flex-direction: column;
  width: 20%;
  margin-bottom: 0;
  display: flex;
}

.div-block-23.exp {
  width: 20%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 0;
}

.div-block-23.exp._1 {
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}

.div-block-24 {
  background-color: #fff;
  border-radius: 1vw;
  width: 4vw;
  height: 4vw;
  margin-right: 1vw;
}

.div-block-24._2 {
  background-color: #fff;
  background-image: url('../images/past-and-new-answers.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2.5vw;
  width: 5vw;
  height: 5vw;
  margin-bottom: 1.5vw;
  margin-right: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-24._2.dark {
  background-color: var(--gradient-bleu);
}

.div-block-24._1 {
  background-color: #fff;
  background-image: url('../images/knowledge.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2.5vw;
  width: 5vw;
  height: 5vw;
  margin-bottom: 1.5vw;
  margin-right: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-24._1.dark {
  background-color: var(--back-grey);
  box-shadow: 0 2px 5px #0003;
}

.div-block-24._3 {
  background-color: #fff;
  background-image: url('../images/ticketing.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2.7vw;
  width: 5vw;
  height: 5vw;
  margin-bottom: 1.5vw;
  margin-right: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-24._3.dark {
  background-color: var(--gradient-bleu);
}

.div-block-24._4 {
  background-color: #fff;
  background-image: url('../images/plugin.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2.5vw;
  width: 5vw;
  height: 5vw;
  margin-bottom: 1.5vw;
  margin-right: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-24._4.dark {
  background-color: var(--gradient-bleu);
}

.div-block-25 {
  width: 100%;
}

.text-block-9 {
  color: var(--white);
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.4vw;
  font-weight: 700;
  line-height: 1.8vw;
}

.text-block-9.dark {
  color: var(--black);
  margin-bottom: .5vw;
  font-size: 1.2vw;
  font-weight: 800;
  line-height: 1.5vw;
}

.text-block-10 {
  color: var(--white);
  font-size: 1.2vw;
  line-height: 1.5vw;
}

.text-block-10.dark {
  color: var(--dim-grey);
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.4vw;
}

.div-block-26 {
  border: .5px #000;
  border-top: .5px solid #5865f2;
  width: 90%;
  height: 1px;
  margin-bottom: 5vw;
}

.div-block-27 {
  flex-flow: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 75%;
  display: flex;
}

.div-block-28 {
  width: 55%;
  display: flex;
}

.section-6 {
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.div-block-29 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
}

.heading-3 {
  color: var(--white);
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  font-size: 2.1vw;
  font-weight: 800;
  line-height: 2.1vw;
  display: none;
}

.div-block-30 {
  flex: 0 auto;
  justify-content: space-around;
  width: 100%;
  display: flex;
  overflow: visible;
}

.div-block-31 {
  background-color: #5f6aec;
  border-radius: 1vw;
  width: 23%;
  padding: 2vw;
}

.text-block-11 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.9vw;
  font-weight: 700;
  line-height: 2vw;
}

.text-block-12 {
  color: var(--white);
  text-transform: none;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.1vw;
  font-weight: 700;
}

.text-span-4 {
  color: #7de5ed;
  font-size: 1.3vw;
  font-weight: 700;
}

.text-block-13 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.1vw;
  font-weight: 600;
  line-height: 1.5vw;
}

.div-block-32 {
  border-top: 1px solid #8e95e9;
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.text-block-14 {
  color: var(--white);
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1vw;
  line-height: 1.5vw;
}

.text-block-14.small {
  font-size: .9vw;
}

.button-3 {
  color: var(--blue);
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 3vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3vw;
  margin-top: 2vw;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1vw;
  display: flex;
}

.button-3:hover {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #c8ff0000;
}

.button-3._1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  margin-top: auto;
  margin-bottom: 0;
}

.button-3._1:hover {
  background-color: #fff0;
}

.button-3._2 {
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
}

.button-3._2:hover {
  background-color: #fff0;
}

.button-3._3 {
  background-color: #fff;
  margin-top: auto;
  margin-bottom: 0;
}

.button-3._3:hover {
  background-color: #fff0;
}

.button-3._4 {
  margin-top: 3.7vw;
}

.section-7 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

._1-colum-feature {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

._2-colum-feature {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  width: 50%;
  display: flex;
}

.div-block-33 {
  color: var(--white);
  border-radius: 0;
  width: 93%;
  height: 55vw;
  position: relative;
}

.div-block-31-copy {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #5f6aec;
  border-radius: 1vw;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 19%;
  height: 45vw;
  margin-left: 0;
  margin-right: 0;
  padding: 2vw;
  display: flex;
}

.div-block-30-copy {
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.div-block-30-ori {
  flex: 0 auto;
  justify-content: space-around;
  width: 100%;
  display: none;
  overflow: visible;
}

.integr {
  color: var(--white);
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.1vw;
  font-weight: 600;
  line-height: 1.5vw;
}

.div-block-34 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  margin-bottom: auto;
  display: flex;
}

.div-block-35 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-bottom: auto;
  display: flex;
}

.div-block-36 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 2vw;
  margin-bottom: 2vw;
  display: flex;
}

.text-block-hori {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 7vw;
  font-weight: 700;
  line-height: 4.5vw;
}

.text-block-hori.mobile, .text-block-hori.small {
  font-size: 5vw;
}

.text-block-6-hori {
  color: var(--blue);
  text-align: left;
  margin-bottom: 0;
  margin-left: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 2vw;
}

.section-8 {
  background-color: var(--light-purple);
  justify-content: center;
  align-items: center;
  padding-top: 8vw;
  padding-bottom: 8vw;
  display: block;
}

.div-block-37 {
  grid-column-gap: 53px;
  grid-row-gap: 53px;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  margin-bottom: 5vw;
  display: flex;
}

.section-4-copy {
  background-color: var(--blue);
  background-image: linear-gradient(#404eed, #404eed);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-13-copy {
  background-color: var(--soft-grey);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6vw 0;
  display: flex;
}

.texte-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.div-block-38 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-39 {
  width: 45%;
  height: 35vw;
  position: relative;
}

.image-inbox-discord {
  background-image: url('../images/discord-integration-–-inbox-archive-skip.svg');
  background-position: 10% 0;
  background-repeat: no-repeat;
  background-size: 60vw;
  border-radius: 1vw;
  width: 70%;
  height: 25vw;
  position: absolute;
  inset: 5% auto auto 5%;
  transform: rotate(-4deg);
  box-shadow: 5px 6px 11px #0003;
}

.image-inbox-discord-2 {
  background-image: url('../images/discord-integration-–-inbox-archive-skip.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 60vw;
  border-radius: 1vw;
  width: 70%;
  height: 25vw;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 10px #0003;
}

.chat {
  opacity: 1;
  background-image: url('../images/mail-–-chat-archive-–-7.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 48%;
  height: 25vw;
  position: absolute;
  inset: 0% auto auto 3%;
  box-shadow: 0 2px 9px 5px #0003;
}

.discord {
  opacity: 1;
  background-image: url('../images/discord-integration-–-inbox-archive-skip.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 48%;
  height: 25vw;
  position: absolute;
  inset: 10% 3% auto auto;
  box-shadow: 0 2px 11px 6px #0003;
}

.email {
  background-image: url('../images/mail-–-inbox-–-archive-edit-instr.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 48%;
  height: 25vw;
  position: absolute;
  inset: auto 0% 3% 25%;
  box-shadow: 0 2px 17px 5px #0003;
}

.expsection {
  perspective: 1000px;
  background-image: linear-gradient(#404eed, #b7fae3);
  justify-content: center;
  align-items: center;
  height: 80vh;
  padding-top: 0;
  padding-bottom: 4vw;
  display: none;
  position: relative;
}

.screentop {
  backface-visibility: visible;
  perspective: 2000px;
  transform-origin: 50%;
  background-image: url('../images/ai-knowledge---View--Edit-content-–-web-open-–-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1010px 580px;
  border-radius: 1vw;
  width: 1000px;
  height: 570px;
  position: absolute;
  transform: rotate(0)perspective(2000px);
}

.screentop.solid {
  background-image: linear-gradient(#6da2ef, #fff), url('../images/home.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 89vw 70vh;
  width: 1030px;
  height: 540px;
  transform: perspective(2000px);
}

.features-part-1 {
  background-color: #fdfdff;
  border: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 8vw;
  padding-bottom: 2vw;
  display: none;
}

.div-block-40 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-around;
  align-items: center;
  width: 82%;
  margin-bottom: 8vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-41._1 {
  background-image: url('../images/ai-knowledge-–-Upload-source.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 790px 460px;
  border: 1px solid #d0d3e6;
  border-radius: 1vw;
  width: 790px;
  height: 460px;
  margin-left: auto;
}

.div-block-41._2 {
  background-image: url('../images/chat-–-siteweb-scenario.jpg');
  background-position: 0%;
  background-size: 790px 460px;
  border: 1px solid #d0d3e6;
  border-radius: 1vw;
  width: 790px;
  height: 460px;
  margin-right: 0;
}

.div-block-41._3 {
  background-image: url('../images/mail-–-set-–-setting-–-introd.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 790px 460px;
  border: 1px solid #d0d3e6;
  border-radius: 1vw;
  width: 790px;
  height: 460px;
}

.div-block-41._4 {
  background-image: url('../images/discord-integration-–-1.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 790px 460px;
  border: 1px solid #d0d3e6;
  border-radius: 1vw;
  width: 790px;
  height: 460px;
  margin-right: 0;
}

.div-block-43 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: auto;
  display: flex;
}

.div-block-44, .div-block-45 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  flex-flow: column;
  margin-bottom: auto;
  display: flex;
}

.bold-text-8, .bold-text-9 {
  font-size: 1.1vw;
}

.div-block-30-mobile {
  justify-content: space-around;
  width: 100%;
  display: none;
}

.text-span-5 {
  color: var(--blue-clair);
}

.text-span-6, .text-span-7 {
  color: #7de5ed;
}

.text-span-8, .text-span-9 {
  color: #15f5ba;
}

.text-span-10, .bold-text-11, .text-span-11 {
  color: #7de5ed;
}

.div-block-46 {
  width: 60%;
  margin-top: 0;
  margin-bottom: 3vw;
}

.text-block-15 {
  color: var(--white);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 3vw;
}

.text-block-16 {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 2.3vw;
  font-weight: 700;
  line-height: 2.3vw;
}

.bold-text-12, .bold-text-13 {
  color: #7de5ed;
}

.paragraph-2 {
  color: var(--white);
  text-align: center;
  width: 85%;
  margin: auto;
  font-family: Inter, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.8vw;
}

.features-part-1-design-2 {
  background-color: #fdfdff;
  background-image: linear-gradient(#fbfbff, #eef0ff);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 5vw;
  display: none;
}

.slider-2 {
  background-color: var(--silver);
  justify-content: center;
  align-items: stretch;
  width: 85%;
  height: 40vw;
  display: flex;
}

.left-arrow, .right-arrow {
  width: 3%;
  display: none;
}

.slide-1 {
  vertical-align: middle;
  padding: 0;
}

.slide-nav {
  color: var(--blue);
  -webkit-text-stroke-color: var(--blue);
  border: 1px #000;
}

.features-part-2 {
  color: var(--blue);
  background-color: #fff;
  border: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.title-black {
  color: var(--black);
  text-align: center;
  width: 60%;
  min-width: auto;
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2.5vw;
}

.paraghrap-bold-purple {
  color: var(--blue);
  text-align: center;
  width: 70%;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 1.8vw;
}

.paraghrap-bold-purple.dark {
  color: var(--black);
}

.text-span-19 {
  color: var(--blue);
  font-weight: 700;
}

.title-para-blocs {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 85%;
  margin-bottom: 3vw;
  display: flex;
}

.box-blocs {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 70%;
  margin-bottom: 8vw;
  display: flex;
}

.order {
  background-color: #f7f7f8;
  border: 1px #4957ee;
  border-radius: 1vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28vw;
  height: 22vw;
  padding: 2vw 0 0 2vw;
  display: flex;
}

.order:hover {
  background-color: #f7f7f8;
  border-style: none;
}

.order.test {
  width: 25vw;
  height: 25vw;
}

.div-block-48 {
  background-color: var(--white);
  background-image: url('../images/warehouse-–-parcels-number.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 80vw;
  border-radius: 2vw;
  height: 20vw;
  margin-top: 2vw;
}

.refunds {
  background-color: var(--silver);
  border: 1px solid #d0d3e6;
  border-radius: 2vw;
  width: 48%;
  height: auto;
  padding: 3vw;
}

.title-dark-small {
  color: var(--black);
  text-align: left;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  font-weight: 800;
  line-height: 1.5vw;
}

.title-dark-small.dark {
  color: var(--black);
}

.title-dark-small.check {
  color: var(--black);
  font-size: 1vw;
  font-weight: 600;
  line-height: 1vw;
}

.nav-link-2-copy {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
  text-decoration: none;
}

.nav-link-2-copy:hover {
  color: #fff;
  font-size: 1vw;
  font-weight: 600;
  line-height: 1vw;
}

.nav-link-2-copy:focus-visible, .nav-link-2-copy[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2-copy.w--current {
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
}

.nav-link-2-copy.w--current:hover {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-weight: 800;
}

.nav-link-2-copy {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-2-copy:hover {
  color: #1a1b1fbf;
}

.nav-link-2-copy:focus-visible, .nav-link-2-copy[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2-copy-copy {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
  text-decoration: none;
}

.nav-link-2-copy-copy:hover {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 900;
}

.nav-link-2-copy-copy:focus-visible, .nav-link-2-copy-copy[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-2-copy-copy.w--current {
  margin-left: 1vw;
  margin-right: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
}

.nav-link-2-copy-copy.w--current:hover {
  color: var(--white);
  font-weight: 800;
}

.nav-link-2-copy-copy.dark {
  color: var(--blue);
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1vw;
}

.nav-link-2-copy-copy.dark:hover {
  font-family: Montserrat, sans-serif;
  font-weight: 900;
}

.nav-link-2-copy-copy.dark.w--current {
  color: var(--blue);
  font-weight: 500;
}

.nav-link-2-copy-copy.dark.w--current:hover {
  font-weight: 900;
}

.features-part-3 {
  color: var(--blue);
  background-color: #fdfdff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 8vw;
  display: flex;
}

.big-title-section {
  color: var(--white);
  text-align: center;
  width: 70%;
  margin-top: 1vw;
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2.3vw;
}

.big-title-section.dark {
  color: var(--black);
}

.div-block-49 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: 8vw 5vw 0;
  display: flex;
}

.div-block-50 {
  width: 30%;
  height: 10vw;
  margin-bottom: 2vw;
  position: relative;
}

.email-bloc {
  background-color: #4b56f0;
  background-image: url('../images/mail-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 1.5vw;
  width: 7vw;
  height: 7vw;
  position: absolute;
  inset: auto auto 4% 0%;
  box-shadow: 0 2px 8px 1px #0003;
}

.livechat-bloc {
  opacity: 1;
  background-color: #4b56f0;
  background-image: url('../images/live-chat-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  border-radius: 1.5vw;
  width: 8vw;
  height: 8vw;
  position: absolute;
  inset: auto auto 0 31.5%;
  box-shadow: 0 2px 9px 3px #0003;
}

.discord-bloc {
  background-color: #4b56f0;
  background-image: url('../images/discord-icon-svgrepo-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 1.5vw;
  width: 7vw;
  height: 7vw;
  position: absolute;
  inset: auto 0% 4% auto;
  box-shadow: 0 2px 8px 1px #0003;
}

.div-block-53 {
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 22vw;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.text-span-21 {
  color: var(--white);
  background-color: #4957ee;
  font-weight: 700;
}

.heading-4 {
  color: var(--black);
  text-align: center;
  width: 100%;
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 3.8vw;
  display: block;
  position: static;
}

.text-span-22 {
  background-color: #4957ee;
}

.section-9 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 6vw;
  padding-bottom: 6vw;
  display: flex;
}

.div-block-55 {
  width: 80%;
}

.tabs {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.tabs-menu-2 {
  flex-flow: column;
  width: 40%;
  display: flex;
}

.tabs-content {
  width: 65%;
  overflow: visible;
}

.tab-link-tab-1 {
  background-color: #fff0;
  margin-bottom: 1vw;
  padding: 1vw;
}

.tab-link-tab-1.w--current {
  border-right: 2px solid var(--blue);
  background-color: #ebecff;
  margin-bottom: 1vw;
  padding: 1vw;
}

.tab-link-tab-2 {
  background-color: #fff;
  margin-bottom: 1vw;
  padding: 1vw;
}

.tab-link-tab-2.w--current {
  border-right: 2px solid var(--blue);
  background-color: #eef0ff;
}

.tab-link-tab-3 {
  background-color: #fff;
  margin-bottom: 1vw;
  padding: 1vw;
}

.tab-link-tab-3.w--current {
  border-right: 2px solid var(--blue);
  background-color: #eef0ff;
}

.tab-pane-tab-1 {
  background-image: url('../images/ai-knowledge-–-Upload-source.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 26vw;
  box-shadow: 0 2px 5px #0003, inset 1px -20px 20px -15px #fff;
}

.tab-link-tab-4 {
  background-color: #fff;
  padding: 1vw;
}

.tab-link-tab-4.w--current {
  border-right: 2px solid var(--blue);
  background-color: #eef0ff;
  border-radius: 0;
}

.tab-pane-tab-2 {
  background-image: url('../images/chat-–-siteweb-scenario.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 24vw;
  box-shadow: inset 1px -20px 20px #fff, 0 2px 5px #0003;
}

.tab-pane-tab-3 {
  background-image: url('../images/mail-–-set-–-setting-–-introd.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 24vw;
  box-shadow: inset 1px -20px 20px #fff, 0 2px 5px #0003;
}

.tab-pane-tab-4 {
  background-image: url('../images/discord-integration-–-1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw;
  width: 100%;
  height: 26vw;
  box-shadow: inset 1px -20px 20px #fff, 0 2px 5px #0003;
}

.discord-icon {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #eef0ff;
  border: 1px solid #cacddd;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  height: 2.5vw;
  padding: 0 1.5vw 0 1vw;
  display: flex;
}

.div-block-59 {
  background-image: url('../images/discord-icon-svgrepo-com.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1.5vw;
  width: 2vw;
  height: 2vw;
}

.div-block-59._2 {
  background-image: url('../images/live-chat-purple.svg');
}

.div-block-59._3 {
  background-image: url('../images/noun-email-6673486_1.svg');
}

.text-block-18 {
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 800;
  line-height: 1vw;
  text-decoration: none;
}

.div-block-60 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.div-block-61 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.order-large {
  background-color: #f7f7f8;
  border: 1px #4957ee;
  border-radius: 2vw;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 42vw;
  height: 22vw;
  padding: 2vw 0 0 2vw;
  display: flex;
}

.order-large:hover {
  background-color: #f7f7f8;
  border-style: none;
  border-radius: 1vw;
}

.order-large.test {
  width: 25vw;
  height: 25vw;
}

.div-block-62 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.order-large-long {
  background-color: var(--white);
  border: 1px #4957ee;
  border-radius: 2vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 13vw;
  padding: 5vw 2vw 2vw;
  display: flex;
}

.order-large-long:hover {
  background-color: var(--white);
  border-style: solid;
}

.div-block-64 {
  background-image: url('../images/returns.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1vw 0 1px;
  width: 100%;
  height: 14vw;
  margin-top: auto;
  box-shadow: inset 1px -20px 20px 2px #f7f7f8;
}

.div-block-65 {
  background-image: url('../images/Groupe-68449.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 35vw;
  border-top-left-radius: 1vw;
  border-bottom-right-radius: 1vw;
  width: 100%;
  height: 14vw;
  margin-top: auto;
  margin-left: auto;
  box-shadow: inset 1px -20px 20px 2px #f7f7f8;
}

.div-block-66 {
  background-image: url('../images/ai-knowledge---View--Edit-content-–-text-open.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 1vw;
  border-bottom-right-radius: 1vw;
  width: 100%;
  height: 14vw;
  margin-top: auto;
  padding: 0;
  box-shadow: inset 1px -20px 20px 2px #f7f7f8;
}

.div-block-67 {
  background-image: url('../images/Groupe-68450.svg');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: contain;
  border-top-left-radius: 0;
  width: 100%;
  height: 13vw;
  margin-top: 1vw;
  margin-right: 0;
}

.section-10 {
  border-top: 2px solid var(--blue);
  border-bottom: 2px none var(--blue);
  background-image: linear-gradient(#eef0ff, #fff);
  padding-top: 6vw;
  padding-bottom: 0;
  transform: rotate(-.5deg);
}

.div-block-71 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: auto;
  margin-bottom: 2vw;
  display: flex;
}

.div-block-72 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  transform: rotate(1deg);
}

.title-dark-regular-medieum {
  color: var(--black);
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.3vw;
  font-weight: 700;
  line-height: 1.8vw;
}

.title-dark-regular-medieum.dark {
  color: var(--black);
}

.div-block-73 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-74 {
  background-image: url('../images/check-black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 2vw;
  height: 2vw;
}

.div-block-75 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.div-block-76 {
  background-color: #fff0;
  background-image: url('../images/Shopify_logopurple.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  border-radius: 0;
  width: 25%;
  height: 5vw;
}

.div-block-76.pres {
  box-shadow: none;
  background-image: url('../images/Prestashop.svg');
  background-size: 80%;
  border-radius: 0;
}

.div-block-76.woo {
  background-image: url('../images/woocommerce-puple.svg');
  background-size: 80%;
}

.div-block-76.send {
  background-image: url('../images/SendCloud.svg');
  background-size: 100%;
}

.div-block-76.strip {
  background-image: url('../images/Stripe_Logo_revised_2016.svg.png');
  background-size: 45%;
  width: 25%;
}

.div-block-76.shopay {
  opacity: .78;
  background-image: url('../images/shop-pay-logo-color-b94c541ca49ad8281908673422fa273b14c504276676f922cfe7a12ac2651a9d.webp');
  background-size: 120%;
}

.div-block-77 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: visible;
}

.div-block-78 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  display: flex;
}

.heading-4-copy {
  color: var(--black);
  text-align: left;
  width: 70%;
  margin-bottom: 2vw;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 3.8vw;
  display: block;
}

.heading-5 {
  color: var(--black);
  text-align: center;
  width: 75%;
  margin-bottom: 3vw;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 3.2vw;
  transform: rotate(.5deg);
}

.heading-5.taillord {
  margin-bottom: 5vw;
}

.section-11 {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-79 {
  color: var(--black);
  background-color: #4957ee00;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: auto;
  padding: 5vw 0 4vw;
  display: flex;
}

.button-contact {
  background-color: var(--blue);
  color: var(--white);
  text-transform: none;
  border: 1px solid #fff;
  border-radius: 5vw;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 3vw;
  margin-top: 1vw;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1vw;
  display: flex;
}

.button-contact:hover {
  border: 1px solid var(--blue);
  background-color: var(--soft-grey);
  color: var(--blue);
  font-weight: 700;
}

.div-block-80 {
  background-image: url('../images/ai-knowledge---View--Edit-content-–-web-open-–-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  height: 20vw;
  margin-top: auto;
  transform: rotate(-15deg);
}

.div-block-81 {
  border: 1px none var(--white);
  border-radius: 0;
  width: 100%;
  height: 20vw;
  margin-top: auto;
}

.div-block-82 {
  background-image: url('../images/bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vw;
  padding-top: 3vw;
  display: flex;
  box-shadow: inset 0 -20px 20px #0003;
}

.right-arrow-2, .left-arrow-2 {
  display: none;
}

.slider-3 {
  background-color: #ddd0;
  height: 9vw;
}

.section-12 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 5vw;
  display: flex;
}

.slider-4 {
  background-color: #ddd0;
  width: 95%;
  height: 30vw;
}

.left-arrow-3, .right-arrow-3 {
  display: none;
}

.div-block-83 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.mask-2 {
  height: auto;
}

.mask-3 {
  overflow: hidden;
}

.gmail {
  border: 1px solid var(--white);
  opacity: 1;
  filter: blur(.5px);
  mix-blend-mode: normal;
  background-color: #fff0;
  background-image: url('../images/Groupe-4.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.5vw;
  width: 6.5vw;
  height: 6.5vw;
  position: absolute;
  inset: 55% auto 0% -6%;
  box-shadow: 0 2px 5px #0003;
}

.div-block-85 {
  filter: blur(1px);
  background-image: url('../images/icons8-gmail.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.outlook {
  border: 1px solid var(--white);
  opacity: 1;
  filter: blur(.5px);
  mix-blend-mode: normal;
  background-color: #fff0;
  background-image: url('../images/Groupe-5.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.5vw;
  width: 6.5vw;
  height: 6.5vw;
  position: absolute;
  inset: auto 21% -18% auto;
  box-shadow: 0 2px 5px #0003;
}

.disc {
  border: 1px solid var(--white);
  opacity: 1;
  filter: blur(.5px);
  mix-blend-mode: normal;
  background-color: #fff0;
  background-image: url('../images/Groupe-7.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.5vw;
  width: 6.5vw;
  height: 6.5vw;
  position: absolute;
  inset: -9% auto 3px 38%;
  box-shadow: 0 2px 5px #0003;
}

.messag {
  border: 1px solid var(--white);
  opacity: 1;
  filter: blur(.5px);
  mix-blend-mode: normal;
  background-color: #fff0;
  background-image: url('../images/Groupe-6.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.5vw;
  width: 6.5vw;
  height: 6.5vw;
  position: absolute;
  inset: 18% -5% auto auto;
  box-shadow: 0 2px 5px #0003;
}

.heading-4-copy {
  color: var(--black);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 3vw;
  display: block;
  position: absolute;
}

.paragraph-3 {
  opacity: 100;
  color: var(--dim-grey);
  text-align: center;
  width: 85%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.4vw;
  position: absolute;
  inset: auto auto 16%;
}

.section-10-copy {
  border-top: 2px solid var(--blue);
  border-bottom: 2px none var(--blue);
  background-image: linear-gradient(#eef0ff, #fff);
  padding-top: 6vw;
  padding-bottom: 0;
  transform: rotate(-.5deg);
}

.designed-to-meet-customers {
  color: var(--blue);
  background-color: #fdfdff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 7vw;
  padding-bottom: 9vw;
  display: flex;
}

.tailored-support {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.integration-section {
  border-top: 2px solid var(--blue);
  border-bottom: 2px none var(--blue);
  background-image: linear-gradient(#eef0ff, #fff);
  padding-top: 6vw;
  padding-bottom: 0;
  transform: rotate(-.5deg);
}

.contact-section {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.features-with-multiple-option {
  border-style: solid none none;
  border-width: 2px 1px;
  border-color: var(--blue) black;
  color: var(--blue);
  background-color: #fff;
  background-image: linear-gradient(#4957ee24, #fff);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
  transform: rotate(-.5deg);
}

.features-with-multiple-option-oldy {
  color: var(--blue);
  background-color: #fff;
  border: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.order-multipl {
  background-color: #f7f7f800;
  border: 1px solid #ddd;
  border-radius: 1vw;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  height: auto;
  padding: 2vw 1vw 2vw 2vw;
  display: flex;
}

.order-multipl:hover {
  background-color: #fff;
  border-style: solid;
  border-color: #4957ee;
  height: auto;
}

.order-multipl.test {
  width: 25vw;
  height: 25vw;
}

.box-blocs-multi {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-bottom: 0;
  display: flex;
}

.div-multipl {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.feature-icon {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 2vw;
  height: 2vw;
  margin-bottom: 0;
}

.feature-icon.presales {
  background-image: url('../images/live-chat-purple.svg');
  flex: none;
}

.feature-icon.return {
  background-image: url('../images/noun-returns-7453441.svg');
}

.feature-icon.payment {
  background-image: url('../images/noun-payment-7460734.svg');
}

.feature-icon.shipping {
  background-image: url('../images/noun-shipping-5475063.svg');
}

.feature-icon.chek {
  background-image: url('../images/noun-check-7535875.svg');
  width: 1.5vw;
  height: 1.5vw;
}

.div-block-86 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1vw;
  display: flex;
}

.div-block-87 {
  width: 80vw;
  transform: rotate(.5deg);
}

.div-block-88 {
  background-image: url('../images/kust-logo-n-04.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 8vw;
  height: 8vw;
  margin-bottom: 2vw;
  transform: rotate(.5deg);
}

.about-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 6vw;
  display: flex;
}

.div-block-89 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 75%;
  font-size: 1.1vw;
  line-height: 1.4px;
  display: flex;
}

.div-block-90 {
  border-radius: 1vw;
  width: 48%;
  height: 37vw;
  margin-right: auto;
  overflow: hidden;
}

.heading-about {
  color: var(--black);
  text-align: left;
  width: auto;
  margin: 0 0 1vw auto;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 900;
  line-height: 2.3vw;
  transform: rotate(.5deg);
}

.heading-about.taillord {
  margin-bottom: 5vw;
}

.div-block-91 {
  width: 40%;
  margin-top: auto;
  margin-right: 5vw;
}

.paragraph-4 {
  color: var(--dark-grey);
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.4vw;
}

.background-video {
  width: 100%;
  height: 37vw;
  margin-right: 0;
}

.div-block-92 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f5f5f500;
  border-radius: 2vw;
  justify-content: center;
  align-items: center;
  width: 85%;
  padding: 0;
  display: flex;
}

.div-block-93 {
  border-radius: 2vw;
  width: 40%;
  height: 35vw;
  margin-left: 0;
  overflow: hidden;
}

.about-page-section {
  background-color: #404eed00;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.div-block-94 {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex-flow: column;
  width: 40%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.heading-6 {
  color: var(--black);
  text-transform: none;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 2.8vw;
}

.paragraph-5 {
  color: var(--dim-grey);
  text-align: justify;
  width: 85%;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.3vw;
}

.text-block-19 {
  color: var(--blue);
  font-family: Montserrat, sans-serif;
  font-size: 1.8vw;
  font-weight: 600;
  line-height: 2vw;
}

.background-video-2 {
  width: 100%;
  height: 35vw;
  display: block;
}

.team-section {
  border-top: 2px solid var(--blue);
  background-color: #fff;
  background-image: linear-gradient(#e0e1f3, #fff);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 5vw 0;
  display: flex;
}

.team-header {
  color: var(--black);
  text-align: left;
  text-transform: none;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 2.8vw;
  font-weight: 900;
  line-height: 2.8vw;
}

.div-block-95 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.div-block-96 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.div-block-97 {
  background-image: url('../images/T10JMBFPG-U10L0J1LY-c7d987f4729b-512.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20vw 20vw 0 0;
  width: 15vw;
  height: 18vw;
  margin-bottom: 2vw;
}

.div-block-97.crist {
  background-image: url('../images/T10JMBFPG-UDFBF6AHG-afd5b63e733b-512.jpg');
  background-position: 50%;
}

.div-block-97.pierre {
  background-image: url('../images/T10JMBFPG-U10JZQQ3T-4fcd56a4ea4c-512.jpg');
  background-position: 50% 0;
}

.div-block-97.daniel {
  background-image: url('../images/1708190235652-t.jpg');
  background-position: 100% 100%;
  background-size: 18vw;
}

.div-block-97.martyna {
  background-image: url('../images/IMG_5378-t.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-98 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 15vw;
  display: flex;
}

.div-block-98.div-crst {
  display: none;
}

.text-block-20 {
  text-align: left;
  margin-bottom: .5vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 900;
  line-height: 1.5vw;
}

.text-block-21 {
  color: var(--blue);
  font-family: Montserrat, sans-serif;
  font-size: 1.1vw;
  font-weight: 600;
  line-height: 1.1vw;
}

.section-6-copy {
  background-color: #404eed;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
}

.div-block-99 {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  width: 22%;
  display: flex;
}

.paragraph-6 {
  color: var(--dim-grey);
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.3vw;
}

.div-block-1002 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 85vw;
  display: flex;
}

.field-label-2, .field-label-3, .field-label-4 {
  color: var(--grey);
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1vw;
}

.field-label-5 {
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1vw;
}

.paragraph-7 {
  color: var(--dim-grey);
  margin-top: 1vw;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1.2vw;
}

.navbar-logo-left-container-copy {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container-copy.shadow-three {
  background-color: #404eed00;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1vw 0 1.5vw;
}

.image-copy {
  width: 6vw;
  max-width: none;
  height: 2vw;
  margin-right: auto;
}

.text-block-22 {
  color: var(--dark-grey);
  background-color: #fff0;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 600;
  line-height: 1vw;
}

.text-block-23 {
  color: var(--dark-grey);
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 1.5vw;
}

.div-block-101 {
  background-image: url('../images/noun-email-6673486.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 5vw;
  height: 5vw;
  margin-bottom: 2vw;
  margin-left: auto;
  margin-right: auto;
}

.div-block-102 {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: column;
  display: flex;
}

.nav-menu-two-copy {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-75-copy {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  width: 100%;
  display: none;
}

.fil {
  border: .5px solid #a5a5a55e;
  width: 100%;
  margin-top: .8vw;
  margin-bottom: .8vw;
}

.faq-plus-l {
  background-color: #2aa8ff;
  border-radius: 3px;
  width: 5px;
  height: 100%;
  display: none;
  position: absolute;
}

.faq-question {
  cursor: pointer;
  align-items: center;
  height: 90px;
  font-size: 22px;
  font-weight: 800;
  display: flex;
}

.faq-answer {
  border-bottom: .1vw solid #2d3e501f;
  margin-bottom: 2vw;
  padding-left: 45px;
  overflow: hidden;
}

.container-4 {
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: block;
  position: relative;
}

.container-4.faq-container {
  background-color: #ffffff80;
  border-radius: 5px;
  width: 85vw;
  max-width: none;
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding-top: 3vw;
  padding-bottom: 2vw;
  box-shadow: 0 0 50px #2d3e500f;
}

.faq-q-text {
  color: #191d28;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 1.5vw;
}

.faq-answer-text {
  color: #191d28;
  margin-bottom: 30px;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5vw;
}

.faq-wrap {
  margin-right: auto;
}

.faq-plus-wrap {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 25px;
  display: flex;
  position: relative;
}

.faq-plus {
  background-color: #191d28;
  border-radius: 3px;
  width: 100%;
  height: 5px;
}

.second-title-legal {
  text-align: center;
  max-width: 1200px;
  margin-top: 5vh;
  margin-left: auto;
  margin-right: auto;
}

.bold-text-61 {
  color: #191d28;
}

.bold-text-62 {
  color: #191d28;
  font-size: 2vw;
}

.paragraph-22 {
  color: #191d28;
  text-align: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1vw;
  line-height: 1.5vw;
}

.div-cgv-container {
  width: 85vw;
}

@media screen and (min-width: 1280px) {
  .section {
    background-color: #0000;
    background-image: linear-gradient(#0000001a, #fff);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section.black-gradient {
    background-image: none;
  }

  .footer-logo.w--current {
    width: 8vw;
    margin-bottom: 0;
    display: block;
  }

  .footer-logo.logo-footer-img.w--current {
    width: 6vw;
  }

  .footer-link, .footer-link.w--current {
    color: var(--blue);
    font-size: 1.1vw;
    font-weight: 600;
    line-height: 1.1vw;
  }

  .footer-links-container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .footer {
    background-color: #e0e1f3;
    padding: 4vw 10vw;
    display: block;
  }

  .paragraph {
    color: var(--white);
    width: 60%;
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 1.8vw;
  }

  .paragraph.small {
    opacity: 100;
    color: var(--dim-grey);
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 1.1vw;
    display: block;
  }

  .paragraph.large {
    color: #fff;
  }

  .email-subscribe, .image-cover {
    display: none;
  }

  .banner-container {
    max-width: 1140px;
  }

  .footer-logo-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .div-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    width: 60%;
    display: flex;
  }

  .div-block-2 {
    background-color: var(--silver);
    border-radius: 30px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 30%;
    padding: 40px;
    display: flex;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-2._3 {
    height: auto;
    padding-bottom: 40px;
  }

  .text-block {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
  }

  .div-block-3 {
    background-image: url('../images/install.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-3._1 {
    background-image: url('../images/brain.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 30px;
  }

  .div-block-3._2 {
    background-image: url('../images/deep-learning.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 30px;
  }

  .div-block-3._3 {
    margin-bottom: 30px;
  }

  .div-block-3._4 {
    background-image: url('../images/support-ticket.png');
    margin-bottom: 30px;
  }

  .navbar-logo-left-container.shadow-three {
    width: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .container-3 {
    width: 100%;
    max-width: none;
  }

  .navbar-wrapper {
    width: 100%;
  }

  .nav-menu-two {
    width: auto;
  }

  .nav-link-2 {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .nav-link-2.w--current:hover {
    color: #fff;
  }

  .nav-link-accent.w--current:hover {
    color: var(--gradient-bleu);
  }

  .nav-link-accent.menu-log {
    background-color: var(--white);
    color: var(--blue);
  }

  .button-primary.w--current {
    border-radius: 6vw;
  }

  .image {
    width: auto;
  }

  .mainsection {
    background-position: 50% 30%;
    padding-bottom: 0;
  }

  .div-block-4 {
    justify-content: space-between;
    align-items: center;
    width: 65%;
  }

  .div-block-5 {
    width: 55%;
    margin-bottom: 5vw;
  }

  .div-block-6 {
    background-image: url('../images/a7b1aa13775357f33c7d6edc8db565a897aced1b2106c-UTk21W_fw1200.png');
    background-position: 50%;
    background-size: 46vh;
    flex: 0 auto;
    order: 0;
    width: 45%;
    height: 30vw;
  }

  .heading-2 {
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: 1.5vw;
    font-family: Montserrat, sans-serif;
    font-size: 3vw;
    font-weight: 900;
    line-height: 3.5vw;
  }

  .text-block-2 {
    text-align: center;
    width: 90%;
    font-size: 1.1vw;
    line-height: 1.1vw;
  }

  .image-2 {
    width: auto;
    display: block;
  }

  .section-3 {
    background-color: var(--blue);
    background-image: linear-gradient(#404eed, #f7f8fa), linear-gradient(#f7f8fa, #f7f8fa);
    padding-top: 5vw;
    padding-bottom: 5vw;
    display: none;
    overflow: hidden;
  }

  .div-block-7 {
    width: 80%;
  }

  .div-block-8 {
    height: 25vw;
  }

  .div-block-9 {
    width: 100%;
  }

  .div-block-10 {
    background-color: var(--white);
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .div-block-10-copy {
    background-color: var(--white);
  }

  .div-block-10-copy:hover {
    background-color: var(--gradient-bleu);
  }

  .text-block-3 {
    font-family: "Abcgintonord Trial Bf 651 B 7 B 763 Bcbc", sans-serif;
    font-size: 1.2vw;
    font-weight: 600;
    line-height: 1.5vw;
  }

  .benefits {
    background-color: var(--blue);
    background-image: linear-gradient(#404eedeb, #404eedeb), url('../images/metallic-07.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    display: flex;
  }

  .div-block-13 {
    background-color: var(--soft-grey);
    background-image: none;
    justify-content: center;
    width: 75%;
    padding: 5vw 0;
  }

  .div-block-14 {
    background-size: 20vw;
    width: 100%;
    height: 25vw;
  }

  .div-block-15 {
    align-items: flex-start;
  }

  .div-block-16 {
    width: 30%;
  }

  .title-white {
    margin-bottom: 2vw;
    margin-left: auto;
    font-size: 2.8vw;
    font-weight: 800;
    line-height: 2.8vw;
  }

  .title-white.contact {
    transform: rotate(1deg);
  }

  .text-block-5 {
    margin-top: 1vw;
    font-size: 6vw;
    line-height: 6vw;
  }

  .text-block-6 {
    color: var(--gradient-bleu);
    margin-top: 1vw;
    margin-bottom: 0;
    font-size: 2vw;
    font-weight: 700;
    line-height: 2.5vw;
  }

  .text-block-4-copy {
    margin-bottom: 0;
    font-size: 1.2vw;
    line-height: 2vw;
  }

  .div-block-17 {
    width: 25%;
    margin-right: 0;
  }

  .div-block-17.horiz {
    background-color: var(--soft-grey);
    border-radius: 1vw;
    justify-content: center;
    align-items: center;
    width: 75%;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    padding: 2vw 0 3vw;
  }

  .text-block-5-copy {
    color: var(--white);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 3vw;
  }

  .text-block-6-copy {
    margin-bottom: .5vw;
    font-size: 2vw;
    line-height: 2vw;
  }

  .titlesmalltext {
    margin-top: 0;
    margin-bottom: 1vw;
    font-size: 1.1vw;
    line-height: 1.4vw;
    transform: rotate(1deg);
  }

  .bold-text-5 {
    font-size: 1.8vw;
    line-height: 2.5vw;
  }

  .button-2 {
    background-color: var(--back-grey);
    color: var(--blue);
    text-transform: none;
    border: 1px solid #fff;
    width: 16vw;
    height: 3.5vw;
    margin: 2vw auto 0;
    font-size: 1vw;
    line-height: 1vw;
  }

  .button-2:hover {
    background-color: var(--soft-grey);
    color: var(--white);
    border-style: solid;
    border-color: #fff;
  }

  .text-block-7 {
    font-family: "Abcgintonordcondensed Trial Bf 651 B 7 B 77 B 5 Cf 2", sans-serif;
    font-size: 2.2vw;
    line-height: 2.2vw;
  }

  .div-block-19 {
    justify-content: center;
    width: 80%;
    margin-top: 7vw;
  }

  .text-block-8 {
    color: var(--blue);
  }

  .link {
    color: var(--black);
    font-size: 1.8vw;
    line-height: 1.8vw;
  }

  .div-block-20 {
    display: none;
  }

  .div-block-22 {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .div-block-23 {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .div-block-23.exp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 25%;
    margin-left: 2vw;
    margin-right: 0;
  }

  .div-block-23.exp._1 {
    flex-flow: column;
    width: 25%;
    margin-right: 2vw;
  }

  .div-block-24 {
    background-color: #fff;
    border-radius: 1vw;
    width: 4vw;
    height: 4vw;
    margin-right: 1vw;
    padding: 0;
  }

  .div-block-24._2 {
    background-color: #fff;
    background-size: 2.2vw;
    border-radius: .5vw;
    height: 5vw;
    margin-bottom: 1.5vw;
  }

  .div-block-24._2:hover {
    background-color: #fff;
  }

  .div-block-24._2.dark {
    background-color: var(--blue-clair);
    width: 8vw;
    height: 10vh;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-24._1 {
    background-color: #fff;
    background-size: 2.2vw;
    border-radius: .5vw;
    height: 5vw;
    margin-bottom: 1.5vw;
  }

  .div-block-24._1.dark {
    background-color: var(--back-grey);
    width: 8vw;
    height: 10vh;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-24._3 {
    background-color: #fff;
    background-size: 2.2vw;
    border-radius: .5vw;
    height: 5vw;
    margin-bottom: 1.5vw;
  }

  .div-block-24._3.dark {
    background-color: var(--blue-clair);
    width: 8vw;
    height: 10vh;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-24._4 {
    background-color: #fff;
    background-size: 2.2vw;
    border-radius: .5vw;
    height: 5vw;
  }

  .div-block-24._4.dark {
    background-color: var(--dark-gray);
    background-image: url('../images/plugin.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2vw;
    width: 8vw;
    height: 10vh;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-25 {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .text-block-9 {
    color: var(--white);
    margin-bottom: .5vw;
    font-family: Montserrat, sans-serif;
    font-size: 1.3vw;
    font-weight: 700;
    line-height: 1.6vw;
  }

  .text-block-9.dark {
    color: var(--black);
    line-height: 1.2vw;
  }

  .text-block-10 {
    color: var(--white);
    white-space: normal;
    word-break: normal;
    font-size: 1vw;
    line-height: 1.5vw;
  }

  .text-block-10.dark {
    color: var(--dim-grey);
    margin-right: 1vw;
    line-height: 1.3vw;
  }

  .div-block-27 {
    justify-content: space-around;
    align-items: center;
    width: 100%;
  }

  .div-block-28 {
    justify-content: center;
    align-items: center;
    width: 55%;
  }

  .section-6 {
    padding-top: 1vw;
  }

  .div-block-29 {
    width: 85%;
  }

  .heading-3 {
    margin-bottom: 2vw;
    font-size: 2vw;
  }

  .text-block-11 {
    margin-bottom: 0;
    font-size: 1.5vw;
  }

  .text-block-12 {
    margin-bottom: 0;
    font-size: 2vw;
  }

  .text-block-13 {
    margin-bottom: 0;
    font-size: 1.1vw;
  }

  .text-block-14 {
    margin-bottom: 0;
    font-size: 1vw;
    line-height: 1.2vw;
  }

  .button-3 {
    margin-top: auto;
  }

  .section-7 {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding-top: 3vw;
    padding-bottom: 3vw;
    display: flex;
  }

  .bold-text-7 {
    color: var(--white);
    font-family: Montserrat, sans-serif;
    font-weight: 900;
  }

  ._1-colum-feature, ._2-colum-feature {
    width: 30%;
  }

  .div-block-33 {
    perspective: 2000px;
    width: 95%;
    height: 50vw;
    margin-bottom: 0;
    transition: opacity .2s;
    transform: rotate(0);
  }

  .div-block-31-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row-reverse wrap;
    flex: none;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: 19%;
    height: 42vw;
    padding: 2vw;
    display: flex;
  }

  .integr {
    margin-bottom: 0;
    font-size: .9vw;
  }

  .div-block-34, .div-block-35 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
    margin-bottom: auto;
  }

  .div-block-36 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
  }

  .text-block-hori {
    color: var(--blue);
    margin-top: 1.5vw;
    margin-bottom: 0;
    font-size: 6vw;
    font-weight: 700;
    line-height: 6vw;
  }

  .text-block-hori.mobile, .text-block-hori.small {
    font-size: 4vw;
  }

  .text-block-6-hori {
    color: var(--blue-clair);
    width: 60%;
    margin-top: .5vw;
    font-size: 1.2vw;
    line-height: 1.5vw;
  }

  .section-8 {
    background-color: var(--light-purple);
    padding-top: 2vw;
    padding-bottom: 4vw;
  }

  .div-block-37 {
    width: 70%;
    margin-bottom: 5vw;
  }

  .div-block-13-copy {
    background-color: var(--soft-grey);
    justify-content: center;
    width: 75%;
    padding: 5vw 0;
  }

  .texte-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    margin-bottom: 2vw;
    display: flex;
  }

  .div-block-38 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex: 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-39 {
    aspect-ratio: auto;
    backface-visibility: visible;
    perspective: 2000px;
    perspective-origin: 50%;
    mix-blend-mode: normal;
    border-radius: 0;
    flex: 0 auto;
    width: 45%;
    height: 30vw;
    margin-bottom: auto;
    margin-right: 0;
    padding: 0;
    position: relative;
    transform: perspective(2000px);
  }

  .image-inbox-discord {
    outline-offset: 0px;
    perspective: 2000px;
    mix-blend-mode: normal;
    background-image: url('../images/discord-integration-–-inbox-archive-skip.svg');
    background-position: 10% 0;
    background-repeat: no-repeat;
    background-size: 52vw;
    border-radius: 1vw;
    outline: 3px #1d1d1d;
    width: 65%;
    height: 25vw;
    position: absolute;
    inset: 5% auto auto 5%;
    transform: none;
    box-shadow: 0 2px 5px 2px #0003;
  }

  .image-inbox-discord:hover {
    box-shadow: none;
    pointer-events: auto;
    transform: rotate(-4deg);
  }

  .image-inbox-discord-2 {
    background-image: url('../images/discord-integration-–-inbox-archive-skip.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 60vw;
    border-radius: 1vw;
    width: 60%;
    height: 25vw;
    position: absolute;
    inset: auto 0% 0% auto;
    box-shadow: 5px 7px 8px 3px #0003;
  }

  .chat {
    opacity: 1;
    pointer-events: auto;
    cursor: auto;
    mix-blend-mode: normal;
    background-image: url('../images/mail-–-chat-–-instu-resu-–-1.jpg');
    background-position: 0 0;
    background-size: cover;
    border-radius: .8vw;
    width: 45%;
    height: 24vw;
    inset: 0% auto auto 6%;
    box-shadow: 0 2px 12px 4px #00000014;
  }

  .discord {
    opacity: .97;
    background-position: 0 0;
    background-size: cover;
    border-radius: .8vw;
    width: 45%;
    height: 24vw;
    inset: 10% 6% auto auto;
  }

  .email {
    background-position: 0 0;
    background-size: cover;
    border-radius: .8vw;
    width: 45%;
    height: 24vw;
    inset: auto auto 2% 387px;
  }

  .expsection {
    height: 70vh;
    position: relative;
  }

  .screentop {
    background-image: url('../images/ai-knowledge---View--Edit-content-–-web-open-–-1.jpg');
    background-position: 0 0;
    background-size: 1000px 600px;
    width: 1000px;
    height: 500px;
    position: absolute;
  }

  .screentop.solid {
    width: 1020px;
    height: 495px;
  }

  .features-part-1 {
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
    display: none;
  }

  .div-block-40 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-items: center;
    width: 82%;
    height: auto;
    margin-bottom: 10vw;
    display: flex;
  }

  .div-block-41 {
    border: 1px solid var(--light-purple);
    background-image: url('../images/mail-–-inbox-–-archive-edit-instr.jpg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 50vw;
    border-radius: 1vw;
    width: 55%;
    height: 53vh;
    padding: 0;
  }

  .div-block-41._1 {
    border: 1px solid var(--light-purple);
    box-shadow: none;
    background-image: url('../images/ai-knowledge-–-Upload-source.jpg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 790px 460px;
    border-radius: 1vw;
    width: 790px;
    height: 460px;
    margin-left: 0;
    position: static;
    inset: auto auto auto 15px;
  }

  .div-block-41._1.font {
    box-shadow: none;
    background-color: #c6dbf9;
    background-image: none;
    width: 100%;
    height: 50vh;
    inset: auto auto 20px;
  }

  .div-block-41._2 {
    border: 1px solid var(--light-purple);
    background-image: url('../images/chat-–-siteweb-scenario.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 790px 460px;
    border-radius: 1vw;
    width: 790px;
    height: 460px;
    margin-right: 0;
  }

  .div-block-41._3 {
    background-position: 0%;
    background-size: 790px 460px;
    width: 790px;
    height: 460px;
    margin-left: 0;
  }

  .div-block-41._4 {
    background-image: url('../images/discord-integration-–-1.jpg');
    background-position: 0%;
    background-size: 790px 460px;
    width: 790px;
    height: 460px;
    margin: 0;
  }

  .div-block-42 {
    width: 58%;
    height: 54vh;
    position: static;
  }

  .div-block-43, .div-block-44, .div-block-45 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    margin-top: 0;
    margin-bottom: auto;
  }

  .div-block-30-mobile {
    display: none;
  }

  .div-block-46 {
    width: 65%;
    margin-top: 2vw;
    margin-bottom: 3vw;
  }

  .text-block-15 {
    text-align: center;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    line-height: 3vw;
  }

  .text-block-16 {
    text-align: center;
    margin-bottom: 1.5vw;
    margin-right: auto;
    font-family: Montserrat, sans-serif;
    font-size: 2.2vw;
    line-height: 2.3vw;
  }

  .bold-text-12, .bold-text-13 {
    color: #7de5ed;
  }

  .paragraph-2 {
    width: 100%;
    font-size: 1.1vw;
    line-height: 1.6vw;
  }

  .features-part-1-design-2 {
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 1vw;
    display: none;
  }

  .features-part-2 {
    border-style: none;
    padding-bottom: 0;
  }

  .title-black {
    margin-bottom: 2vw;
    margin-left: auto;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 1.6vw;
  }

  .paraghrap-bold-purple {
    color: var(--blue);
    white-space: normal;
    word-break: normal;
    font-family: Montserrat, sans-serif;
    font-size: 1.4vw;
    font-weight: 500;
    line-height: 1.8vw;
  }

  .paraghrap-bold-purple.dark {
    color: var(--black);
  }

  .box-blocs {
    width: 65%;
    margin-bottom: 5vw;
  }

  .order {
    background-color: #f7f7f8;
    border-style: none;
    border-color: #4957ef;
    justify-content: flex-start;
    align-items: flex-start;
    width: 30vw;
    height: 23vw;
    padding-top: 2vw;
  }

  .order:hover {
    box-shadow: none;
    border-style: none;
  }

  .title-dark-small {
    color: var(--black);
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: 1.2vw;
    font-weight: 800;
    line-height: 1.2vw;
  }

  .title-dark-small.dark {
    color: var(--dark-grey);
  }

  .title-dark-small.check {
    margin-bottom: 0;
  }

  .nav-link-2-copy.w--current:hover {
    color: var(--gradient-bleu);
  }

  .nav-link-2-copy-copy.w--current {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  .nav-link-2-copy-copy.w--current:hover {
    color: #fff;
  }

  .features-part-3 {
    background-color: #fff;
  }

  .big-title-section {
    color: var(--white);
    margin-bottom: 2vw;
    font-family: Montserrat, sans-serif;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 2vw;
  }

  .big-title-section.dark {
    color: var(--dark-grey);
  }

  .div-block-49 {
    width: 85%;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .div-block-50 {
    width: 27%;
    height: 9vw;
  }

  .email-bloc {
    background-image: url('../images/mail-white.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 4vw;
    border-radius: 1.5vw;
    width: 7vw;
    height: 7vw;
    bottom: 4%;
  }

  .livechat-bloc {
    opacity: 31;
    border-radius: 1.5vw;
    width: 8vw;
    height: 8vw;
    bottom: 2px;
    left: 31%;
    box-shadow: 0 2px 14px 2px #0003;
  }

  .discord-bloc {
    opacity: .88;
    border-radius: 1.5vw;
    width: 7vw;
    height: 7vw;
    bottom: 4%;
  }

  .div-block-53 {
    width: 75%;
    height: 22vw;
    padding: 4vw 0 1vw;
  }

  .text-span-21 {
    color: var(--white);
    background-color: #4957ef;
    line-height: 1.8vw;
  }

  .heading-4 {
    margin-bottom: 1.5vw;
    font-weight: 900;
    line-height: 3.5vw;
  }

  .div-block-54 {
    background-image: url('../images/return.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.5vw;
    height: 3vw;
    margin-bottom: .5vw;
    padding: 0;
  }

  .tabs {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-2, .tab-link-tab-3 {
    margin-bottom: .5vw;
  }

  .order-large {
    background-color: #f7f7f8;
    border-style: none;
    border-color: #4957ef;
    height: 23vw;
    padding-top: 2vw;
  }

  .order-large:hover {
    box-shadow: none;
    border-style: none;
  }

  .order-large-long {
    background-color: var(--white);
    border-style: none;
    border-color: #4957ef;
    height: 15vw;
    padding-top: 4vw;
  }

  .order-large-long:hover {
    box-shadow: none;
    border-style: solid;
  }

  .div-block-64, .div-block-65, .div-block-66 {
    height: 15vw;
  }

  .div-block-71 {
    margin-bottom: 2vw;
  }

  .title-dark-regular-medieum {
    color: var(--black);
    margin-bottom: .5vw;
    font-family: Montserrat, sans-serif;
    font-size: 1.1vw;
    font-weight: 700;
    line-height: 1.6vw;
  }

  .title-dark-regular-medieum.dark {
    color: var(--dark-grey);
  }

  .heading-5 {
    text-align: center;
    margin-bottom: 2vw;
  }

  .div-block-79 {
    transform: rotate(-.5deg);
  }

  .button-contact {
    background-color: var(--blue);
    color: var(--white);
    text-transform: none;
    border: 1px solid #fff;
    width: 12vw;
    height: 3.5vw;
    margin: 1vw auto 0;
    font-size: 1vw;
    font-weight: 700;
    line-height: 1vw;
    transition-property: none;
    transform: rotate(1deg);
  }

  .button-contact:hover {
    border-style: solid;
    border-color: var(--blue);
    background-color: var(--soft-grey);
    color: var(--blue);
  }

  .heading-4-copy {
    margin-bottom: 1.5vw;
    font-weight: 900;
    line-height: 3vw;
  }

  .designed-to-meet-customers {
    background-color: #fff;
  }

  .tailored-support {
    padding-bottom: 6vw;
  }

  .features-with-multiple-option {
    border-style: solid none none;
    padding-bottom: 0;
  }

  .features-with-multiple-option-oldy {
    border-style: none;
    padding-bottom: 0;
  }

  .order-multipl {
    background-color: #f7f7f800;
    border-style: solid;
    border-color: #ddd;
    justify-content: flex-start;
    align-items: flex-start;
    width: 40%;
    height: auto;
    padding-top: 2vw;
  }

  .order-multipl:hover {
    box-shadow: none;
    border-style: none;
  }

  .box-blocs-multi {
    width: 83%;
    margin-bottom: 5vw;
  }

  .div-block-89 {
    justify-content: center;
    align-items: center;
  }

  .div-block-90 {
    background-image: none;
    width: 46%;
    height: 37vw;
  }

  .heading-about {
    text-align: left;
    margin-bottom: 1vw;
  }

  .div-block-91 {
    margin-top: auto;
    margin-bottom: 0;
  }

  .paragraph-4 {
    margin-bottom: 0;
  }

  .background-video {
    height: 37vw;
  }

  .about-page-section {
    padding-top: 5vw;
  }

  .div-block-97.martyna {
    background-image: url('../images/IMG_5378-t.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-6-copy {
    padding-top: 1vw;
  }

  .navbar-logo-left-container-copy.shadow-three {
    width: auto;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .image-copy, .nav-menu-two-copy {
    width: auto;
  }

  .fil {
    border: .5px solid #a5a5a55e;
    width: 100%;
    height: 0;
    margin-top: .8vw;
    margin-bottom: .8vw;
    padding-bottom: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1440px) {
  .button.no-margin {
    width: 10vw;
    height: 2.5vw;
    font-size: .9vw;
    font-weight: 400;
    line-height: .9vw;
  }

  .text-box._550px.center-align {
    width: 100%;
  }

  .footer-link {
    color: var(--blue);
    font-family: Montserrat, sans-serif;
    font-size: .8vw;
    font-weight: 600;
    line-height: 1vw;
  }

  .footer-link:hover {
    color: var(--blue);
    font-weight: 900;
  }

  .footer-link.w--current {
    color: var(--blue);
    font-family: Montserrat, sans-serif;
    font-size: .8vw;
    font-weight: 600;
    line-height: 1vw;
  }

  .footer-link.w--current:hover {
    font-weight: 900;
  }

  .footer-links-container {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    width: 35%;
  }

  .footer {
    background-color: #e0e1f3;
    background-image: none;
    padding: 1vw 10vw 0;
  }

  .paragraph {
    color: var(--white);
    text-align: center;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 1.6vw;
  }

  .paragraph.small {
    opacity: 100;
    color: var(--dim-grey);
    font-size: .8vw;
    font-weight: 400;
    line-height: .8vw;
  }

  .paragraph.medium {
    font-size: 1.1vw;
  }

  .text-field {
    height: 40px;
    font-size: .9vw;
  }

  .text-area {
    font-size: .9vw;
  }

  .footer-container {
    background-color: #e0e1f300;
    border-radius: 2vw;
    height: auto;
    margin-top: auto;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .heading.h1 {
    font-size: 2.8vw;
    line-height: 2.8vw;
  }

  .form-card {
    background-color: #fff;
    width: 70%;
  }

  .title-tag {
    font-weight: 400;
  }

  .footer-grid {
    justify-content: space-between;
    align-items: stretch;
  }

  .footer-logo-block {
    justify-content: space-between;
  }

  .navbar-logo-left-container.shadow-three {
    padding: 1vw 10vw 1.5vw;
  }

  .nav-menu-two {
    padding-left: 0;
  }

  .nav-link-2 {
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: .8vw;
  }

  .nav-link-2.w--current {
    font-size: .8vw;
  }

  .nav-link-2.w--current:hover {
    color: var(--white);
  }

  .nav-link-2.dark.w--current:active {
    color: var(--blue);
  }

  .nav-link-accent.menu-log {
    background-color: var(--white);
    color: var(--blue);
    text-transform: none;
    border-style: none;
    margin-left: 1vw;
    margin-right: 0;
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: .8vw;
    font-style: normal;
    font-weight: 700;
  }

  .nav-link-accent.menu-log:hover {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: .8vw;
  }

  .mainsection {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-4 {
    width: 55%;
  }

  .div-block-5 {
    width: 100%;
    margin-bottom: 0;
  }

  .div-block-6 {
    background-image: url('../images/a7b1aa13775357f33c7d6edc8db565a897aced1b2106c-UTk21W_fw1200.png');
    background-size: 48vh;
  }

  .heading-2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.5vw;
    font-weight: 800;
    line-height: 3.1vw;
  }

  .text-block-2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 1vw;
    line-height: 1vw;
  }

  .image-2 {
    width: 5vw;
    height: auto;
  }

  .benefits {
    background-color: var(--blue);
    background-image: linear-gradient(#404eede6, #404eede6), url('../images/metallic-07.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .div-block-13 {
    background-color: var(--soft-grey);
    background-image: none;
  }

  .title-white {
    color: var(--white);
    font-size: 2.2vw;
    font-weight: 800;
    line-height: 2.2vw;
  }

  .title-white.contact {
    margin-bottom: 1vw;
    margin-left: auto;
    font-size: 2.2vw;
    line-height: 2.2vw;
  }

  .text-block-5-copy {
    color: var(--white);
    font-weight: 800;
  }

  .titlesmalltext {
    color: var(--white);
  }

  .button-2 {
    color: var(--blue);
    text-transform: none;
    width: 13vw;
    height: 3vw;
    margin-top: 2vw;
    font-family: Montserrat, sans-serif;
    font-size: .9vw;
    font-weight: 800;
    line-height: .9vw;
  }

  .button-2:hover {
    color: var(--white);
    background-color: #fff0;
    border-style: solid;
    font-weight: 800;
  }

  .div-block-24._1, .div-block-24._3 {
    background-size: 2.5vw;
  }

  .text-block-9.dark {
    color: var(--black);
    text-align: left;
    width: 100%;
    margin-bottom: .5vw;
    font-size: 1vw;
    font-weight: 800;
    line-height: 1vw;
  }

  .text-block-9.dark.inselect {
    color: var(--light-grey);
  }

  .text-block-10.dark {
    color: var(--dim-grey);
    text-align: left;
    width: 95%;
    margin-left: 0;
    font-size: .8vw;
    font-weight: 500;
    line-height: 1.1vw;
  }

  .text-block-10.dark.inselect {
    color: var(--light-grey);
    line-height: 1.1vw;
  }

  .div-block-29 {
    width: 75%;
  }

  .text-block-11 {
    font-size: 1.4vw;
  }

  .text-block-12, .text-span-4 {
    color: #7de5ed;
  }

  .text-block-13 {
    font-size: .9vw;
    line-height: 1.1vw;
  }

  .text-block-14 {
    font-size: .8vw;
    line-height: 1.1vw;
  }

  .button-3, .button-3._2 {
    font-size: .9vw;
  }

  .button-3._3 {
    width: 100%;
    font-size: .9vw;
  }

  .div-block-31-copy {
    width: 19%;
    height: 38vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .div-block-30-copy {
    justify-content: space-between;
    width: 100%;
  }

  .integr {
    line-height: 2vw;
  }

  .div-block-36 {
    margin-bottom: 2vw;
  }

  .expsection {
    height: 75vh;
    padding-bottom: 2vw;
    display: none;
  }

  .screentop {
    background-size: 1020px;
    width: 1020px;
    height: 540px;
  }

  .screentop.solid {
    width: 1040px;
  }

  .features-part-1 {
    display: none;
  }

  .div-block-40 {
    margin-bottom: 10vw;
  }

  .div-block-30-mobile {
    display: none;
  }

  .text-span-6, .text-span-7, .text-span-10 {
    color: #7de5ed;
    font-size: 1.8vw;
  }

  .bold-text-10 {
    color: #7de5ed;
  }

  .bold-text-11 {
    color: #7de5ed;
    font-size: 1.8vw;
  }

  .text-span-11 {
    font-size: 1.8vw;
  }

  .div-block-46 {
    flex-flow: column;
    flex: 1;
    width: 58%;
    margin-top: 2vw;
    margin-bottom: 3vw;
    display: flex;
  }

  .text-block-15 {
    text-align: center;
    margin: auto auto 0;
    font-family: Montserrat, sans-serif;
    font-size: 2vw;
    font-weight: 700;
    line-height: 2.5vw;
  }

  .text-block-16 {
    text-align: center;
    margin: auto auto 1.5vw;
    font-family: Montserrat, sans-serif;
    font-size: 2vw;
    font-weight: 700;
    line-height: 2vw;
  }

  .button-4 {
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    background-color: #fff0;
    border: 1px solid #fff;
    border-radius: 3vw;
    justify-content: center;
    align-items: center;
    width: 12vw;
    height: 3vw;
    margin: 2vw auto 0;
    padding: 0;
    font-family: Montserrat, sans-serif;
    font-size: 1vw;
    font-weight: 700;
    line-height: 1vw;
    display: flex;
  }

  .bold-text-12, .text-span-17, .text-span-18 {
    color: #7de5ed;
  }

  .bold-text-14 {
    font-size: .9vw;
  }

  .text-block-17 {
    color: var(--white);
    text-align: center;
    margin-bottom: 1.5vw;
    font-family: Montserrat, sans-serif;
    font-size: 1.1vw;
    line-height: 1.1vw;
  }

  .paragraph-2 {
    width: 100%;
    font-size: 1vw;
    line-height: 1.5vw;
  }

  .slider-2 {
    height: 31vw;
  }

  .features-part-2 {
    background-color: #fff;
    background-image: none;
    border: 1px #000;
    padding-top: 0;
    padding-bottom: 0;
  }

  .title-black {
    margin-bottom: 1vw;
    font-size: 1.6vw;
    font-weight: 700;
  }

  .paraghrap-bold-purple {
    color: var(--blue);
    font-size: 1.3vw;
    font-weight: 500;
  }

  .box-blocs {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 65%;
    display: flex;
  }

  .order {
    background-color: #f7f7f8;
    border-style: none;
    border-color: #4957ee;
    border-radius: 1vw;
    justify-content: flex-start;
    align-items: flex-start;
    width: 25vw;
    height: 22vw;
    padding: 2vw 0 0 2vw;
  }

  .order:hover {
    box-shadow: none;
    background-color: #f7f7f8;
    border-style: none;
  }

  .title-dark-small {
    color: var(--black);
    text-align: left;
    margin-bottom: 0;
    font-size: 1vw;
    font-weight: 800;
    line-height: 1.2vw;
  }

  .title-dark-small.check {
    margin-bottom: 0;
    font-size: .9vw;
    line-height: .9vw;
  }

  .nav-link-2-copy {
    font-size: 1vw;
    line-height: 1vw;
  }

  .nav-link-2-copy:hover {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
  }

  .nav-link-2-copy.w--current {
    font-size: .8vw;
  }

  .nav-link-2-copy.w--current:hover {
    color: var(--white);
  }

  .nav-link-2-copy-copy {
    font-size: .8vw;
    line-height: .8vw;
  }

  .nav-link-2-copy-copy.w--current {
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: .8vw;
  }

  .nav-link-2-copy-copy.w--current:hover {
    color: var(--white);
  }

  .nav-link-2-copy-copy.dark {
    font-size: .8vw;
    line-height: .8vw;
  }

  .nav-link-2-copy-copy.dark.w--current:active {
    color: var(--blue);
  }

  .features-part-3 {
    background-color: #fff;
    padding-bottom: 8vw;
  }

  .big-title-section {
    margin-top: .5vw;
    margin-bottom: 1.5vw;
    font-size: 1.6vw;
  }

  .div-block-49 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    background-color: #fff;
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    padding: 5vw 3vw 0 10vw;
  }

  .div-block-50 {
    width: 15vw;
  }

  .email-bloc {
    background-size: 45%;
    border-radius: 1vw;
    width: 5vw;
    height: 5vw;
    bottom: 4%;
    box-shadow: 0 2px 7px 3px #0003;
  }

  .livechat-bloc {
    background-size: 70%;
    border-radius: 1vw;
    width: 6vw;
    height: 6vw;
    left: 31%;
    box-shadow: 0 2px 14px 5px #0003;
  }

  .discord-bloc {
    background-color: #4b56f0;
    background-size: 45%;
    border-radius: 1vw;
    width: 5vw;
    height: 5vw;
    bottom: 4%;
    box-shadow: 0 2px 7px 4px #0003;
  }

  .text-span-20 {
    color: var(--white);
    background-color: #4957ee;
  }

  .div-block-51 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    width: auto;
    height: auto;
    margin-top: 1vw;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .div-block-52 {
    background-color: #919aff;
    background-image: url('../images/mail-white.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 1vw;
    width: 10vw;
    height: 10vw;
    padding: 0;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .div-block-52.mail {
    border-radius: 100vw;
    width: 5vw;
    height: 5vw;
    position: static;
    inset: 5% 0% auto 24%;
  }

  .div-block-52.discord {
    box-shadow: none;
    background-image: url('../images/discord-icon-svgrepo-white.svg');
    border-radius: 100vw;
    width: 5vw;
    height: 5vw;
    position: static;
    inset: auto 0% 5% auto;
  }

  .div-block-52.chat {
    background-image: url('../images/live-chat-white.svg');
    background-size: 70%;
    border-radius: 100vw;
    width: 5vw;
    height: 5vw;
    position: static;
    inset: auto 0% 5%;
  }

  .div-block-53 {
    background-color: var(--dark-gray);
    background-image: none;
    width: 75%;
    height: 22vw;
    margin: auto;
    padding: 4vw 0 1vw;
  }

  .text-span-21 {
    color: var(--white);
    background-color: #4957ee;
  }

  .heading-4 {
    color: var(--black);
    width: 50%;
    margin-bottom: 1.5vw;
    font-family: Montserrat, sans-serif;
    font-size: 2.2vw;
    font-weight: 900;
    line-height: 2.5vw;
  }

  .heading-4.left {
    text-align: left;
    width: 100%;
  }

  .section-9 {
    border: 1px #000;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 5vw;
    padding-right: 0;
    display: flex;
  }

  .div-block-55 {
    width: 70%;
  }

  .tabs {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .tabs-menu-2 {
    background-color: #fff0;
    flex-flow: column;
    width: 35%;
    display: flex;
  }

  .tabs-content {
    width: 60%;
    overflow: visible;
  }

  .tab-link-tab-1 {
    background-color: #fff0;
    margin-bottom: 1vw;
    padding: .5vw 1vw;
  }

  .tab-link-tab-1.w--current {
    border-style: none solid none none;
    border-width: 1px 3px 1px 1px;
    border-color: black var(--blue) black black;
    background-color: #eef;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 1vw;
    padding: 1vw;
    display: flex;
  }

  .tab-link-tab-2 {
    background-color: #fff;
    margin-bottom: 1vw;
    padding: .5vw 1vw;
  }

  .tab-link-tab-2.w--current {
    border-style: none solid none none;
    border-width: 1px 3px 1px 1px;
    border-color: black var(--blue) black black;
    background-color: #f7f7f8;
    margin-bottom: 1vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .tab-link-tab-3 {
    background-color: #fff;
    margin-bottom: 1vw;
    padding: .5vw 1vw;
  }

  .tab-link-tab-3.w--current {
    border-style: none solid none none;
    border-width: 1px 3px 1px 1px;
    border-color: black var(--blue) black black;
    background-color: #f7f7f8;
    margin-bottom: 1vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .tab-pane-tab-1 {
    background-image: url('../images/ai-knowledge-–-Upload-source.jpg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .5vw;
    width: 100%;
    height: 23vw;
    overflow: visible;
    box-shadow: inset 1px -20px 20px -5px #fff, 0 2px 17px -2px #0003;
  }

  .tab-link-tab-4 {
    background-color: #fff;
    padding: .5vw 1vw;
  }

  .tab-link-tab-4.w--current {
    border-style: none solid none none;
    border-width: 1px 3px 1px 1px;
    border-color: black var(--blue) black black;
    background-color: #f7f7f8;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .tab-pane-tab-2 {
    background-image: url('../images/chat-–-siteweb-scenario.jpg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .5vw;
    width: 100%;
    height: 23vw;
    box-shadow: inset 1px -20px 20px -5px #fff, 0 2px 17px -2px #0003;
  }

  .tab-pane-tab-3 {
    background-image: url('../images/mail-–-set-–-setting-–-introd.jpg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .5vw;
    width: 100%;
    height: 23vw;
    overflow: hidden;
    box-shadow: inset 1px -20px 20px -5px #fff, 0 2px 17px -2px #0003;
  }

  .tab-pane-tab-4 {
    background-image: url('../images/discord-integration-–-1.jpg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .5vw;
    width: 100%;
    height: 23vw;
    padding: 0;
    box-shadow: inset 1px -20px 20px -5px #fff, 0 2px 17px -2px #0003;
  }

  .chatlive {
    background-image: url('../images/live-chat-purple.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
    padding: 0;
  }

  .div-block-57 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .emai {
    background-image: url('../images/noun-email-6673486_1.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3vw;
    height: 3vw;
    padding: 0;
  }

  .disco {
    background-image: url('../images/discord-icon-svgrepo-com.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2vw;
    width: 3vw;
    height: 3vw;
    padding: 0;
  }

  .discord-icon {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: #eef0ff;
    border: 1px solid #cacddd;
    border-radius: 1vw;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 2vw;
    padding: 0 1vw 0 .5vw;
    display: flex;
  }

  .div-block-59 {
    background-image: url('../images/discord-icon-svgrepo-com.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.5vw;
    width: 2vw;
    height: 2vw;
    padding: 0;
  }

  .div-block-59._2 {
    background-image: url('../images/live-chat-purple.svg');
  }

  .div-block-59._3 {
    background-image: url('../images/noun-email-6673486_1.svg');
  }

  .text-block-18 {
    color: var(--blue);
    font-family: Montserrat, sans-serif;
    font-size: .9vw;
    font-weight: 900;
    line-height: .9vw;
  }

  .div-block-60 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    display: flex;
  }

  .chat-icon {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #eef0ff;
    border: 1px #cacddd;
    border-radius: 1vw;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 2vw;
    padding: 0 1vw;
    display: flex;
    box-shadow: 0 2px 19px -4px #4957ee7d;
  }

  .div-block-61 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .order-large {
    background-color: #f7f7f8;
    border-style: none;
    border-color: #4957ee;
    border-radius: 1vw;
    justify-content: flex-start;
    align-items: flex-start;
    width: 40vw;
    height: 22vw;
    padding: 2vw 0 0 2vw;
    overflow: hidden;
  }

  .order-large:hover {
    box-shadow: none;
    background-color: #f7f7f8;
    border-style: none;
  }

  .div-block-62 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-63 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .order-large-long {
    background-color: #f7f7f8;
    border-style: none;
    border-color: #4957ee;
    border-radius: 1vw;
    justify-content: flex-start;
    align-items: flex-start;
    width: 65vw;
    height: 15vw;
    padding: 2vw 0 0 2vw;
  }

  .order-large-long:hover {
    box-shadow: none;
    background-color: #f7f7f7;
    border-style: none;
  }

  .div-block-64 {
    background-image: url('../images/returns.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1vw 0 1vw 0;
    width: 100%;
    height: 15vw;
    margin-top: auto;
    margin-left: auto;
    box-shadow: inset 1px -20px 20px #f7f7f8;
  }

  .div-block-65 {
    background-image: url('../images/Groupe-68449.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1vw 0;
    width: 100%;
    height: 15vw;
    margin-top: auto;
    margin-left: auto;
    box-shadow: inset 1px -20px 20px 2px #f7f7f8;
  }

  .div-block-66 {
    background-image: url('../images/ai-knowledge---View--Edit-content-–-web-open-–-1.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 1vw;
    border-bottom-right-radius: 1vw;
    width: 100%;
    height: 15vw;
    margin-top: auto;
    margin-left: auto;
    margin-right: 0;
    padding: 0;
    box-shadow: inset 1px -20px 20px -7px #f7f7f8;
  }

  .div-block-67 {
    background-image: url('../images/Groupe-68450.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 13vw;
    margin: auto;
  }

  .section-10 {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    border-top: 2px solid var(--blue);
    border-bottom: 2px none var(--blue);
    background-image: linear-gradient(#eef0ff, #fff);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
    padding-bottom: 1vw;
    display: flex;
    overflow: visible;
    transform: rotate(-.2deg);
  }

  .div-block-68 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    width: 70%;
    display: flex;
  }

  .div-block-69 {
    background-color: #f7f7f8;
    border-radius: 1vw;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 15vw;
    padding: 2vw;
    display: flex;
    position: relative;
  }

  .div-block-70 {
    width: 95%;
    height: 8vw;
    margin: auto auto 0;
    padding: 0;
    position: relative;
  }

  .shopy {
    background-color: #eef0ff;
    background-image: url('../images/shopify-logo.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 3vw;
    border-radius: 100vw;
    width: 5vw;
    height: 5vw;
    padding: 0;
    position: absolute;
    inset: 5% auto auto 10%;
    box-shadow: 0 2px 5px #0003;
  }

  .presta {
    background-color: #eef0ff;
    background-image: url('../images/Prestashop.svg.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 4vw;
    border-radius: 100vw;
    width: 5vw;
    height: 5vw;
    padding: 0;
    position: absolute;
    inset: 10% 10% auto auto;
    box-shadow: 0 2px 5px #0003;
  }

  .woocomerce {
    background-color: #eef0ff;
    background-image: url('../images/woocommerce.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 4vw;
    border-radius: 100vw;
    width: 5vw;
    height: 5vw;
    padding: 0;
    position: absolute;
    inset: auto auto 10% 50%;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-71 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-bottom: 0;
    display: flex;
  }

  .div-block-72 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    transform: rotate(0);
  }

  .title-dark-regular-medieum {
    color: var(--black);
    font-size: 1vw;
    font-weight: 700;
    line-height: 1vw;
  }

  .div-block-73 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: .5vw;
    display: flex;
  }

  .div-block-74 {
    background-image: url('../images/check-black.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1vw;
    height: 1vw;
    padding: 0;
  }

  .div-block-75 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .div-block-76 {
    background-color: #fff0;
    background-image: url('../images/Shopify_logopurple.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 2vw;
    width: 25%;
    height: 5vw;
    padding: 0;
  }

  .div-block-76.pres {
    background-image: url('../images/Prestashop.svg');
    background-size: 75%;
  }

  .div-block-76.woo {
    background-image: url('../images/woocommerce-puple.svg');
    background-position: 50%;
    background-size: 70%;
  }

  .div-block-76.send {
    background-image: url('../images/SendCloud.svg');
    background-size: 70%;
  }

  .div-block-76.strip {
    box-shadow: none;
    background-color: #fff0;
    background-image: url('../images/Stripe_Logo_revised_2016.svg.png');
    background-size: 40%;
    border-radius: 0;
    width: 25%;
    height: 5vw;
  }

  .div-block-76.shopay {
    background-image: url('../images/shop-pay-logo-color-b94c541ca49ad8281908673422fa273b14c504276676f922cfe7a12ac2651a9d.webp');
    background-size: 100%;
    width: 25%;
  }

  .div-block-77 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-78 {
    grid-column-gap: 47px;
    grid-row-gap: 47px;
    margin-top: 1vw;
    display: flex;
  }

  .heading-5 {
    text-align: center;
    width: 65%;
    margin-bottom: 2vw;
    font-size: 2.2vw;
    line-height: 2.5vw;
  }

  .heading-5.taillord {
    margin-bottom: 3vw;
    font-size: 2.2vw;
    line-height: 2.2vw;
  }

  .body {
    background-color: #fff;
  }

  .section-11 {
    padding-top: 5vw;
    display: flex;
  }

  .div-block-79 {
    background-color: #4957ee00;
    justify-content: center;
    align-items: center;
    width: 75%;
    padding-top: 3vw;
    padding-bottom: 3vw;
    transform: rotate(-.5deg);
  }

  .button-contact {
    color: var(--white);
    width: 10vw;
    height: 3vw;
    margin-top: 1vw;
    margin-left: auto;
    font-family: Montserrat, sans-serif;
    font-size: .9vw;
    font-weight: 700;
    line-height: .9vw;
  }

  .button-contact:hover {
    background-color: var(--white);
    color: var(--blue);
    border-style: solid;
    border-width: 2px;
    font-weight: 800;
  }

  .div-block-82 {
    padding-top: 5vw;
  }

  .gmail {
    width: 6vw;
    height: 6vw;
    left: 1%;
  }

  .outlook {
    width: 6vw;
    height: 6vw;
    bottom: -20%;
  }

  .disc {
    width: 6vw;
    height: 6vw;
    top: 5%;
  }

  .messag {
    width: 6vw;
    height: 6vw;
    right: 4%;
  }

  .heading-4-copy {
    color: var(--black);
    width: 70%;
    margin-bottom: 1.5vw;
    font-family: Montserrat, sans-serif;
    font-size: 2.2vw;
    font-weight: 900;
    line-height: 2.5vw;
  }

  .heading-4-copy.left {
    text-align: left;
    width: 100%;
  }

  .paragraph-3 {
    width: 70%;
  }

  .section-10-copy {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    border-top: 2px solid var(--blue);
    border-bottom: 2px none var(--blue);
    background-image: linear-gradient(#eef0ff, #fff);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
    padding-bottom: 1vw;
    display: flex;
    overflow: visible;
    transform: rotate(-.2deg);
  }

  .designed-to-meet-customers {
    background-color: #fff;
    padding-top: 5vw;
    padding-bottom: 10vw;
  }

  .tailored-support {
    background-color: #e6e8ff00;
    border: 1px #000;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
    padding-bottom: 5vw;
    padding-right: 0;
    display: flex;
  }

  .integration-section {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    border-top: 2px solid var(--blue);
    border-bottom: 2px none var(--blue);
    background-image: linear-gradient(#eef0ff, #fff);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 5vw;
    padding-bottom: 1vw;
    display: flex;
    overflow: visible;
    transform: rotate(-.2deg);
  }

  .contact-section {
    padding-top: 2vw;
    display: flex;
  }

  .features-with-multiple-option {
    border-style: solid none none;
    border-width: 2px 1px 1px;
    border-color: var(--blue) black black;
    background-color: #fff;
    background-image: linear-gradient(#4957ee24, #fff);
    padding-top: 4vw;
    padding-bottom: 0;
  }

  .features-with-multiple-option-oldy {
    background-color: #fff;
    background-image: none;
    border: 1px #000;
    padding-top: 0;
    padding-bottom: 0;
  }

  .order-multipl {
    background-color: #f7f7f800;
    border-style: solid;
    border-color: #ddd;
    border-radius: 1vw;
    justify-content: flex-start;
    align-items: flex-start;
    width: 35%;
    height: auto;
    padding: 2vw 1vw 2vw 2vw;
  }

  .order-multipl:hover {
    border-style: solid;
    border-color: var(--blue);
    box-shadow: none;
    background-color: #fff;
  }

  .box-blocs-multi {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 75%;
    display: flex;
  }

  .div-multipl {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .feature-icon.chek {
    width: 1.2vw;
    height: 1.2vw;
  }

  .div-block-86 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-88 {
    width: 7vw;
    height: 7vw;
  }

  .div-block-89 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .div-block-90 {
    background-image: none;
    width: 45%;
    height: 35vw;
    margin-right: auto;
  }

  .heading-about {
    text-align: left;
    width: auto;
    margin-bottom: 1vw;
    font-size: 2vw;
    line-height: 2.1vw;
  }

  .heading-about.taillord {
    margin-bottom: 3vw;
    font-size: 2.2vw;
    line-height: 2.2vw;
  }

  .div-block-91 {
    width: 35%;
    margin-right: 7vw;
  }

  .paragraph-4 {
    text-align: left;
    margin-bottom: 0;
    font-size: .9vw;
    line-height: 1.2vw;
  }

  .background-video {
    height: 35vw;
  }

  .div-block-92 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    background-color: #f5f5f500;
    width: 85%;
    padding: 0;
  }

  .div-block-93 {
    width: 35%;
    height: 30vw;
  }

  .about-page-section {
    background-image: none;
    padding-top: 4vw;
  }

  .div-block-94 {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    text-align: left;
    width: 35%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .paragraph-5 {
    color: var(--dim-grey);
    text-align: justify;
    font-size: .9vw;
    font-weight: 500;
  }

  .background-video-2 {
    height: 30vw;
  }

  .div-block-95 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 80%;
  }

  .div-block-97 {
    border: 1px #000;
    border-radius: 10vw 10vw 0 0;
    width: 15vw;
    height: 18vw;
  }

  .div-block-97.crist {
    background-position: 50%;
  }

  .div-block-98 {
    border: 1px #000;
    justify-content: center;
    align-items: center;
    width: 15vw;
  }

  .text-block-20 {
    font-size: 1.3vw;
    line-height: 1.3vw;
  }

  .text-block-21 {
    font-size: .9vw;
    line-height: .9vw;
  }

  .div-block-99 {
    margin-left: 3vw;
  }

  .paragraph-6 {
    font-size: .8vw;
    line-height: 1vw;
  }

  .div-block-1002 {
    width: 70%;
  }

  .field-label-2, .field-label-3, .field-label-5 {
    font-size: .8vw;
    line-height: .8vw;
  }

  .list-item {
    font-family: Montserrat, sans-serif;
    font-size: 1vw;
    line-height: 1vw;
  }

  .list-item-2 {
    font-family: Montserrat, sans-serif;
  }

  .list-item-3 {
    font-family: Montserrat, sans-serif;
    font-size: 1vw;
    line-height: 1vw;
  }

  .paragraph-7 {
    color: var(--dim-grey);
    margin-top: 1vw;
    margin-bottom: 0;
    font-family: Montserrat, sans-serif;
    font-size: .8vw;
    font-weight: 500;
  }

  .navbar-logo-left-container-copy.shadow-three {
    padding: 1vw 10vw 1.5vw;
  }

  .nav-menu-two-copy {
    padding-left: 0;
  }

  .div-block-75-copy {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 100%;
    padding: 0;
    display: none;
  }

  .fil {
    margin-top: .8vw;
    margin-bottom: .8vw;
  }
}

@media screen and (max-width: 991px) {
  .button {
    position: relative;
  }

  ._12-columns {
    flex-flow: wrap;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .column {
    width: 50%;
  }

  .column.desk-3 {
    flex-wrap: nowrap;
    width: 33.33%;
  }

  .ds-block {
    margin-bottom: 40px;
  }

  .menu-icon {
    color: #096ad0;
  }

  .nav-content {
    justify-content: flex-end;
    margin-left: 16px;
  }

  .menu-button.w--open {
    color: #096ad0;
    background-color: #0000;
  }

  .logo-div {
    flex: 0 auto;
  }

  .nav-logo {
    flex: 1;
  }

  .footer-links-container {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .search-banner {
    display: none;
  }

  .nav-dropdown {
    text-align: center;
    flex: 1;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
    display: block;
  }

  .ds-menu-brand {
    margin-bottom: 0;
    top: 5px;
  }

  .ds-menu {
    z-index: 500;
    border-bottom: 1px solid var(--silver);
    background-color: #197dff;
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
    position: absolute;
    inset: 80px auto auto 0%;
  }

  .ds-nav {
    z-index: 10;
    width: 100%;
    padding-top: 20px;
    position: sticky;
    bottom: auto;
    left: auto;
    overflow: visible;
  }

  .ds-content {
    margin-left: 0;
    position: static;
  }

  .ds-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .small-button {
    position: relative;
  }

  .nav-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-link {
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
  }

  .nav-link.cta-button {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  ._1-2-grid, ._2-1-grid {
    margin-left: 0;
  }

  .heading.h1 {
    font-size: 40px;
  }

  .error-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .licenses-grid {
    grid-column-gap: 40px;
    margin-left: 0;
  }

  .ds-body {
    flex-direction: column;
    display: flex;
  }

  .ds-menu-button {
    color: var(--white\<deleted\|variable-749a4a6c\>);
    margin-right: 12px;
    top: -10px;
  }

  .ds-menu-button.w--open {
    background-color: #197dff;
    border-radius: 40px;
  }

  ._3-grid, ._4-grid {
    grid-template-columns: 1fr 1fr;
  }

  .terms-card {
    padding-top: 64px;
  }

  .popular-posts-grid {
    grid-template-columns: 1fr;
  }

  .container-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .search-bar {
    width: 220px;
    font-size: 14px;
  }

  .error-4 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-section {
    padding-left: 60px;
    padding-right: 60px;
  }

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

  .large-3-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-grid {
    grid-template-columns: 2fr 1fr 1fr .8fr;
  }

  .container-3 {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: var(--blue);
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-2 {
    padding: 12px;
  }

  .menu-button-2.w--open {
    background-color: var(--blue);
    color: #fff;
  }

  .icon-2 {
    color: var(--white);
  }

  .section-6 {
    background-position: 100%;
  }

  .expsection {
    height: 50vh;
    padding-top: 0;
  }

  .screentop {
    background-size: 76vw 40vh;
    width: 66vw;
    height: 40vh;
    transform: perspective(2000px);
  }

  .screentop.solid {
    width: 70vw;
    height: 38vh;
  }

  .nav-link-2-copy, .nav-link-2-copy-copy {
    padding-left: 5px;
    padding-right: 5px;
  }

  .about-page-section, .section-6-copy {
    background-position: 100%;
  }

  .icon-2-copy {
    color: var(--white);
  }

  .nav-menu-two-copy {
    background-color: var(--blue);
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .bold-text-60 {
    text-transform: none;
    font-size: 2.2vw;
    line-height: 2.8vw;
  }

  .faq-answer {
    margin-bottom: 5vh;
  }

  .bold-text-58 {
    text-transform: none;
    font-size: 2.2vw;
    line-height: 2.8vw;
  }

  .container-4.faq-container {
    width: 90vw;
    margin-bottom: 0;
    padding-bottom: 5vh;
  }

  .faq-q-text {
    text-transform: none;
    font-size: 2.2vw;
    font-weight: 700;
    line-height: 2.9vw;
  }

  .bold-text-57 {
    font-size: 2.2vw;
    line-height: 3vw;
  }

  .faq-answer-text {
    font-size: 1.8vw;
    line-height: 2.5vw;
  }

  .bold-text-59 {
    text-transform: none;
    font-size: 2.2vw;
    line-height: 2.8vw;
  }

  .second-title-legal, .paragraph-22 {
    width: 90vw;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 22px;
  }

  p {
    font-size: 15px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.daek-page-header, .section.light-page-header {
    padding-top: 80px;
    padding-bottom: 16px;
  }

  .button.light.mobile-hidden {
    display: none;
  }

  .spacer {
    height: 32px;
  }

  .spacer._64 {
    height: 48px;
  }

  .spacer._80 {
    width: 64px;
    height: 64px;
  }

  ._12-columns {
    flex-wrap: wrap;
  }

  ._12-columns.flex-horizontal {
    flex-flow: wrap;
    margin-bottom: 0;
  }

  .column.desk-6, .column.desk-5, .column.desk-4, .column.desk-9, .column.desk-7, .column.desk-8 {
    width: 100%;
  }

  .nav-content {
    border-top: 1px solid var(--silver);
    background-color: var(--white\<deleted\|variable-749a4a6c\>);
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 40px;
    position: absolute;
    overflow: auto;
  }

  .nav-cta-button-container {
    flex-direction: column;
    align-items: stretch;
    margin-top: 10px;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin-right: -12px;
    padding: 16px;
  }

  .nav-bar {
    border: 1px #000;
  }

  .logo-div {
    margin-right: auto;
  }

  .footer-logo {
    padding-left: 0;
  }

  .footer-links-container {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
    display: flex;
  }

  .nav-dropdown {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16px;
  }

  .nav-dropdown:hover {
    transform: none;
  }

  .paragraph {
    font-size: 15px;
  }

  .nav-menu {
    text-align: center;
    margin-right: 0;
    padding-right: 0;
  }

  .ds-menu-brand.w--current {
    margin-top: 14px;
  }

  .ds-content {
    margin-left: 0;
  }

  .ds-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tabs-menu {
    flex-wrap: wrap;
  }

  .tab-link {
    width: auto;
  }

  .nav-container {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-link {
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .nav-link:hover {
    transform: none;
  }

  .field-block {
    min-height: auto;
  }

  .footer-container {
    flex-direction: column;
  }

  .ds-colour-block {
    width: 25%;
  }

  ._1-2-grid, ._2-1-grid {
    grid-template-columns: 2fr;
    margin-left: 0;
  }

  .heading.h1 {
    font-size: 35px;
  }

  .heading.h2 {
    margin-bottom: 16px;
    font-size: 28px;
  }

  .heading.h4 {
    font-size: 20px;
  }

  .heading.large-h1 {
    font-size: 48px;
  }

  .licenses-grid {
    grid-template-columns: 1fr;
    margin-left: 0;
  }

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

  ._3-grid {
    grid-template-columns: 1fr;
  }

  .terms-card {
    padding-top: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .popular-posts-grid {
    grid-template-columns: 1fr;
  }

  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-bar {
    width: 100%;
  }

  .cta-banner {
    text-align: center;
    flex-direction: column;
    grid-template-columns: auto;
    padding: 40px;
  }

  .banner-section {
    text-align: left;
    justify-content: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-container {
    text-align: left;
  }

  .banner {
    text-align: left;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-illustration {
    width: 120px;
    margin-left: 0;
  }

  .large-3-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr .8fr;
  }

  .footer-logo-block {
    margin-bottom: 40px;
  }

  .ebook-header-block {
    height: auto;
    display: none;
  }

  .ebook-page-grid {
    grid-template-columns: 1fr;
  }

  .ebook-mobile-block {
    height: auto;
    display: block;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu-two {
    background-color: var(--blue);
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .nav-link-2-copy, .nav-link-2-copy-copy {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .navbar-logo-left-container-copy {
    max-width: 100%;
  }

  .nav-menu-two-copy {
    background-color: var(--blue);
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .faq-question {
    height: 45px;
  }

  .bold-text-60 {
    font-size: 2vw;
  }

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

  .bold-text-58 {
    font-size: 2vw;
  }

  .container-4.faq-container {
    margin-bottom: 0;
    padding-bottom: 2vh;
  }

  .faq-q-text {
    font-weight: 500;
  }

  .bold-text-57 {
    font-size: 2vw;
  }

  .faq-answer-text {
    margin-bottom: 20px;
    font-size: 1.8vw;
    line-height: 2.8vw;
  }

  .bold-text-59 {
    font-size: 2vw;
  }

  .faq-plus {
    height: 3px;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 28px;
  }

  .section.black-gradient {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .button {
    width: 100%;
    font-size: 16px;
    line-height: 1.8em;
  }

  .button.no-margin {
    width: 100%;
    height: 12vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .button.subscribe {
    margin-left: 0;
  }

  .text-box._550px.center-align {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: none;
  }

  ._12-columns.flex-horizontal {
    flex-direction: row;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .column {
    margin-bottom: 0;
  }

  .column.desk-6, .column.desk-5, .column.desk-3 {
    width: 100%;
  }

  .menu-button {
    flex: 0 auto;
  }

  .footer-logo.w--current {
    width: 30vw;
    height: 10vw;
  }

  .footer-logo.logo-footer-img {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-logo.logo-footer-img.w--current {
    width: auto;
    height: 60px;
    margin-bottom: 0;
  }

  .footer-links-container {
    display: none;
  }

  .footer {
    padding-top: 15vw;
    padding-bottom: 0;
  }

  .search-banner {
    justify-content: space-between;
  }

  .paragraph {
    text-align: center;
    width: 85%;
    font-size: 5vw;
    line-height: 6vw;
  }

  .paragraph.small {
    opacity: 100;
    text-align: left;
    font-weight: 300;
  }

  .paragraph.medium {
    margin: 0;
    font-size: 4vw;
    line-height: 5vw;
  }

  .ds-menu-brand {
    margin-left: 16px;
  }

  .form-success {
    padding: 0;
    font-family: Montserrat, sans-serif;
    font-size: 4vw;
    font-weight: 400;
    line-height: 5vw;
  }

  .ds-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-field {
    width: 100%;
    height: 25px;
    font-size: 4vw;
    line-height: 4vw;
  }

  .text-area {
    width: 100%;
    font-size: 4vw;
    line-height: 5vw;
  }

  .nav-container {
    height: 64px;
    padding: 2px 20px;
  }

  .field-block {
    width: 100%;
    min-width: auto;
    margin-bottom: 0;
  }

  .footer-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading.h1 {
    margin: 0;
    font-size: 8vw;
    line-height: 8vw;
  }

  .heading.large-h1 {
    font-size: 42px;
  }

  .error-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ds-menu-button {
    margin-right: 6px;
  }

  .email-form {
    flex-direction: column;
    width: 100%;
  }

  ._4-grid {
    grid-template-columns: 1fr;
  }

  .email-subscribe {
    grid-row-gap: 12px;
    flex-direction: column;
    width: 100%;
  }

  .search {
    flex-direction: column;
  }

  .terms-card {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-bar {
    width: 100%;
  }

  .form-card {
    width: 100%;
    padding: 24px 0;
  }

  .title-tag {
    margin-bottom: 6px;
  }

  .cta-banner {
    padding: 32px;
  }

  .error-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-section {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner {
    text-align: left;
    justify-content: space-between;
  }

  .banner-link {
    flex: 0 auto;
    width: 100%;
  }

  .hero-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Area"
    / 2fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-logo-block {
    align-items: center;
  }

  .form-page-logo {
    width: 160px;
  }

  .admin-form-card, .account-card {
    padding: 28px;
  }

  .form-2-grid {
    grid-template-columns: 1fr;
  }

  .form-page-logo-link {
    margin-bottom: 24px;
  }

  .navbar-logo-left-container.shadow-three {
    background-color: #404eed;
  }

  .container-3 {
    max-width: none;
  }

  .nav-menu-wrapper {
    width: 100%;
    height: auto;
  }

  .nav-menu-two {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    background-color: #fff;
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 140vw;
    margin: 0;
  }

  .nav-link-2, .nav-link-2.w--current {
    font-size: 5vw;
    line-height: 5vw;
  }

  .nav-link-2.w--current:hover {
    color: #fefefe;
  }

  .nav-link-2.dark.w--current:focus-visible, .nav-link-2.dark.w--current[data-wf-focus-visible] {
    opacity: 0;
    outline-offset: 0px;
    -webkit-text-stroke-color: #4957ee00;
    border: 1px #000;
    outline: 2px #0050bd00;
  }

  .nav-link-accent.menu-log {
    border-radius: 6vw;
    width: 70vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .nav-link-accent.menu-log:hover {
    border-radius: 6vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .button-primary.w--current {
    border-radius: 7vw;
  }

  .menu-button-2.w--open {
    background-color: #3f4deb;
  }

  .menu-button-2.button-withrad.w--open {
    background-color: #fff0;
  }

  .image {
    width: 20vw;
    height: 4vh;
  }

  .mainsection {
    height: 140vw;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-4 {
    flex-direction: column;
    width: 85%;
  }

  .div-block-5 {
    width: 100%;
    margin-bottom: 10vw;
  }

  .div-block-6 {
    background-size: 90vw;
    width: 100%;
    height: 80vw;
  }

  .heading-2 {
    margin-bottom: 6vw;
    font-size: 7.5vw;
    line-height: 9.5vw;
  }

  .text-block-2 {
    text-align: center;
    font-size: 4vw;
    line-height: 5vw;
  }

  .image-2 {
    width: auto;
    height: 6vw;
    margin-left: auto;
    margin-right: auto;
  }

  .section-3 {
    background-image: linear-gradient(#404eed 48%, #f7f8fa), linear-gradient(#f7f8fa, #f7f8fa), linear-gradient(#fff, #fff);
    padding: 20vw 0 10vw;
  }

  .div-block-7 {
    flex-direction: column;
  }

  .div-block-8 {
    width: 80%;
    height: 70vw;
  }

  .div-block-9 {
    width: 100%;
  }

  .div-block-10 {
    border-radius: 5vw;
    height: 28vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-11 {
    width: 100%;
    height: 30vw;
    margin-bottom: 5vw;
  }

  .div-block-10-copy {
    border-radius: 5vw;
    height: 30vw;
  }

  .text-block-3 {
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .div-block-12 {
    flex-direction: column;
  }

  .benefits {
    background-image: linear-gradient(#4957eed9, #4957eed9), url('../images/metallic-07.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .div-block-13 {
    background-color: #4957ee00;
    background-image: none;
    border-radius: 0;
    flex-direction: column;
    width: 85%;
    padding: 0;
  }

  .div-block-14 {
    background-size: contain;
    width: 100%;
    height: 60vw;
    margin-bottom: 0;
  }

  .div-block-15 {
    align-items: flex-start;
    width: 100%;
  }

  .div-block-16 {
    width: 100%;
  }

  .title-white {
    text-align: center;
    margin-bottom: 10vw;
    font-size: 7vw;
    line-height: 8vw;
  }

  .title-white.contact {
    margin: 0 auto 3vw;
    font-size: 8vw;
    font-weight: 900;
    line-height: 7vw;
  }

  .text-block-5 {
    font-size: 20vw;
    line-height: 20vw;
  }

  .text-block-6 {
    font-size: 6vw;
    line-height: 8vw;
  }

  .text-block-4-copy {
    font-size: 5vw;
    line-height: 8vw;
  }

  .div-block-17 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-17.horiz {
    border-radius: 3vw;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 80%;
    margin-top: 10vw;
    margin-bottom: 0;
  }

  .text-block-5-copy {
    margin-bottom: 0;
    font-size: 15vw;
    font-weight: 800;
    line-height: 12vw;
  }

  .text-block-6-copy {
    margin-bottom: 5vw;
    font-size: 7vw;
    line-height: 8vw;
  }

  .titlesmalltext {
    text-align: center;
    margin-bottom: 2vw;
    font-size: 4vw;
    font-weight: 400;
    line-height: 5vw;
  }

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

  .titlesmalltext.black {
    color: var(--dim-grey);
    margin-bottom: 5vw;
    font-size: 4.5vw;
    font-weight: 500;
  }

  .div-block-18 {
    width: 100%;
  }

  .button-2 {
    text-transform: none;
    border-radius: 10vw;
    width: 95%;
    height: 12vw;
    margin-top: 10vw;
    margin-bottom: 0;
    font-size: 4.5vw;
    line-height: 4.5vw;
  }

  .text-block-7 {
    margin-bottom: 10vw;
    font-size: 7vw;
    line-height: 7vw;
  }

  .div-block-19 {
    flex-direction: column;
    width: 80%;
    margin-top: 10vw;
  }

  .text-block-8 {
    text-align: center;
    margin-bottom: 5vw;
    font-size: 7vw;
    line-height: 8.5vw;
  }

  .link {
    font-size: 8vw;
    line-height: 8vw;
  }

  .div-block-20 {
    width: 100%;
    height: 50vw;
    margin-bottom: 5vw;
    margin-right: 0;
  }

  .div-block-21 {
    margin-bottom: auto;
  }

  .icon-2 {
    color: var(--blue);
  }

  .div-block-22 {
    flex-direction: column;
  }

  .div-block-23 {
    width: 100%;
    margin-bottom: 0;
  }

  .div-block-23.exp {
    width: 100%;
    margin-top: 10vw;
  }

  .div-block-23.exp._1 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10vw;
  }

  .div-block-24._2 {
    background-size: 9vw;
    border-radius: 5vw;
    width: 20vw;
    height: 20vw;
    margin-bottom: 5vw;
    margin-right: 0;
  }

  .div-block-24._1, .div-block-24._3 {
    background-size: 10vw;
    border-radius: 5vw;
    width: 20vw;
    height: 20vw;
    margin-bottom: 5vw;
    margin-right: 0;
  }

  .div-block-24._4 {
    background-size: 9vw;
    border-radius: 5vw;
    width: 20vw;
    height: 20vw;
    margin-bottom: 5vw;
    margin-right: 0;
  }

  .text-block-9 {
    margin-bottom: 2vw;
    font-size: 5.5vw;
    font-weight: 800;
    line-height: 6.5vw;
  }

  .text-block-9.dark {
    margin-bottom: 2vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  .text-block-10, .text-block-10.dark {
    font-size: 4vw;
    line-height: 5vw;
  }

  .div-block-26 {
    margin-bottom: 15vw;
  }

  .div-block-27 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .div-block-28 {
    flex-direction: column;
  }

  .section-6 {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 10vw;
  }

  .div-block-29 {
    background-image: linear-gradient(to bottom, var(--soft-grey), var(--soft-grey));
  }

  .heading-3 {
    margin-bottom: 10vw;
    font-size: 9vw;
    line-height: 9vw;
  }

  .div-block-30 {
    flex-direction: column;
  }

  .div-block-31 {
    border-radius: 5vw;
    width: 100%;
    margin-bottom: 5vw;
    padding: 10vw;
  }

  .text-block-11 {
    margin-bottom: 0;
    font-size: 7vw;
    line-height: 7vw;
  }

  .text-block-12 {
    margin-bottom: 0;
    font-size: 8vw;
    line-height: 8vw;
  }

  .text-span-4 {
    font-size: 5vw;
  }

  .text-block-13 {
    margin-bottom: 0;
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .div-block-32 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-block-14 {
    margin-bottom: 0;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .text-block-14.small {
    font-size: 4vw;
  }

  .button-3 {
    border-radius: 8vw;
    height: 13vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .button-3._1 {
    border-radius: 8vw;
    height: 13vw;
    margin-top: 10vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .button-3._2 {
    border-radius: 8vw;
    height: 13vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .button-3._3 {
    border-radius: 8vw;
    height: 13vw;
    font-size: 5vw;
  }

  .button-3._4 {
    border-radius: 8vw;
    height: 13vw;
    font-size: 5vw;
    line-height: 5vw;
  }

  .bold-text-6 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .section-7 {
    background-size: 70vw;
    align-items: flex-start;
    padding-top: 15vw;
    padding-bottom: 30vw;
  }

  ._1-colum-feature, ._2-colum-feature {
    width: 100%;
  }

  .div-block-33 {
    background-image: none;
    border-radius: 6vw;
    width: 100%;
    height: 70vw;
    margin-top: 10vw;
    margin-bottom: 5vw;
  }

  .div-block-31-copy.mobile {
    height: 200vw;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .div-block-31-copy {
    border-radius: 5vw;
    width: 100%;
    height: 230vw;
    margin-bottom: 5vw;
    padding: 10vw;
  }

  .div-block-31-copy {
    border-radius: 5vw;
    width: 100%;
    margin-bottom: 5vw;
    padding: 10vw;
  }

  .div-block-31-copy.mobile {
    height: 170vw;
  }

  .div-block-30-copy {
    flex-direction: column;
    display: none;
  }

  .div-block-30-ori {
    flex-direction: column;
  }

  .integr {
    margin-bottom: 0;
    font-size: 5vw;
    line-height: 6vw;
  }

  .div-block-34, .div-block-35 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .div-block-36 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    height: auto;
    margin-top: 0;
    margin-bottom: 10vw;
  }

  .text-block-hori {
    font-size: 20vw;
    line-height: 20vw;
  }

  .text-block-hori.mobile {
    margin-left: auto;
    margin-right: 0;
    font-size: 10vw;
    line-height: 10vw;
  }

  .text-block-hori.small {
    font-size: 10vw;
    line-height: 10vw;
  }

  .text-block-6-hori {
    margin-top: 5vw;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .div-block-37 {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column;
  }

  .section-4-copy {
    padding-bottom: 0;
  }

  .div-block-13-copy {
    border-radius: 0;
    flex-direction: column;
    width: 80%;
    padding: 15vw 0;
  }

  .chat {
    background-position: 0 0;
    background-size: 100vw;
    height: 30vw;
    inset: 0% 5% auto auto;
  }

  .discord {
    background-position: 0 0;
    background-size: 100vw;
    height: 30vw;
    inset: 20px 0% 0% 5%;
  }

  .email {
    background-position: 0 0;
    background-size: 100vw;
    height: 30vw;
  }

  .expsection {
    height: 23vh;
    padding-bottom: 0;
  }

  .screentop {
    background-position: 0 0;
    background-size: cover;
    border-radius: 3vw;
    width: 87vw;
    height: 20vh;
  }

  .screentop.solid {
    width: 90vw;
    height: 18vh;
  }

  .features-part-1 {
    padding-top: 20vw;
    padding-bottom: 0;
  }

  .div-block-40 {
    flex-flow: column;
    width: 84vw;
    margin-bottom: 25vw;
  }

  .div-block-41._1 {
    background-position: 0 0;
    background-size: cover;
    width: 83vw;
    height: 26vh;
  }

  .div-block-41._2 {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 83vw;
    height: 26vh;
  }

  .div-block-41._3, .div-block-41._4 {
    background-position: 0 0;
    background-size: cover;
    width: 83vw;
    height: 26vh;
  }

  .div-block-43, .div-block-44, .div-block-45 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .div-block-30-mobile {
    flex-direction: column;
    width: 90%;
    display: block;
  }

  .slider {
    background-color: #ddd0;
    height: 185vw;
  }

  .slide, .mask {
    height: auto;
  }

  .text-span-12, .text-span-13, .text-span-14, .text-span-15, .text-span-16 {
    color: #7de5ed;
  }

  .div-block-46 {
    width: 90%;
    margin-top: 0;
    margin-bottom: 6vw;
  }

  .text-block-15 {
    margin: 5vw 0;
    font-size: 8vw;
    font-weight: 800;
    line-height: 9vw;
  }

  .text-block-16 {
    margin-bottom: 5vw;
    font-size: 7.5vw;
    line-height: 9vw;
  }

  .paragraph-2 {
    width: 95%;
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .features-part-1-design-2 {
    padding-top: 10vw;
    padding-bottom: 0;
  }

  .features-part-2 {
    padding-top: 0;
    padding-bottom: 10vw;
  }

  .title-black {
    margin-bottom: 10vw;
    font-size: 6vw;
    line-height: 7vw;
  }

  .paraghrap-bold-purple {
    width: 90%;
    font-size: 5.4vw;
    line-height: 6vw;
  }

  .title-para-blocs {
    width: 100%;
    margin-bottom: 10vw;
  }

  .box-blocs {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 0;
    flex-flow: column;
    align-items: center;
    width: 90%;
    display: flex;
  }

  .order {
    border-radius: 7vw;
    width: 95%;
    height: 80vw;
    padding: 10vw 0 0 5vw;
  }

  .title-dark-small {
    text-align: left;
    margin-bottom: 2vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 5vw;
    font-weight: 800;
    line-height: 6vw;
  }

  .title-dark-small.check {
    margin-bottom: 0;
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .nav-link-2-copy.w--current {
    font-size: 5vw;
    line-height: 5vw;
  }

  .nav-link-2-copy.w--current:hover {
    color: #fefefe;
  }

  .nav-link-2-copy-copy, .nav-link-2-copy-copy.w--current {
    font-size: 5vw;
    line-height: 5vw;
  }

  .nav-link-2-copy-copy.w--current:hover {
    color: #fefefe;
  }

  .nav-link-2-copy-copy.dark {
    font-size: 5vw;
    line-height: 5vw;
  }

  .big-title-section {
    width: 100%;
    margin-top: 5vw;
    margin-bottom: 5vw;
    font-size: 5.5vw;
    font-weight: 700;
    line-height: 6.5vw;
  }

  .div-block-49 {
    width: 85%;
    padding: 20vw 0;
  }

  .div-block-50 {
    width: 78%;
    height: 20vw;
  }

  .email-bloc {
    background-size: 10vw;
    border-radius: 5vw;
    width: 20vw;
    height: 20vw;
  }

  .livechat-bloc {
    background-size: 18vw;
    border-radius: 5vw;
    width: 23vw;
    height: 23vw;
  }

  .discord-bloc {
    border-radius: 5vw;
    width: 20vw;
    height: 20vw;
  }

  .div-block-53 {
    background-image: none;
    width: 90%;
    height: 120vw;
    padding-top: 15vw;
    padding-bottom: 0;
  }

  .heading-4 {
    width: 90%;
    margin-bottom: 5vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 7vw;
    line-height: 8vw;
  }

  .section-9 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    padding-top: 5vw;
    padding-bottom: 15vw;
  }

  .div-block-55 {
    width: 85%;
  }

  .tabs {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .tabs-menu-2 {
    width: 100%;
    margin-bottom: auto;
  }

  .tabs-content {
    width: 100%;
    margin-top: 0;
  }

  .tab-link-tab-1, .tab-link-tab-1.w--current, .tab-link-tab-2, .tab-link-tab-3 {
    margin-bottom: 2vw;
    padding: 4vw 2vw;
  }

  .tab-pane-tab-1 {
    background-size: 150vw;
    border-radius: 4vw;
    height: 55vw;
  }

  .tab-link-tab-4 {
    padding: 4vw 2vw;
  }

  .tab-pane-tab-2, .tab-pane-tab-3, .tab-pane-tab-4 {
    background-size: 150vw;
    border-radius: 4vw;
    height: 55vw;
  }

  .discord-icon {
    border-radius: 5vw;
    height: 10vw;
    padding-left: 2vw;
    padding-right: 2.5vw;
  }

  .div-block-59 {
    background-size: cover;
    width: 6vw;
    height: 6vw;
  }

  .div-block-59._2 {
    width: 6vw;
    height: 6vw;
  }

  .text-block-18 {
    font-size: 4vw;
  }

  .div-block-61 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .order-large {
    border-radius: 7vw;
    width: 95%;
    height: 90vw;
    padding: 10vw 0 0 5vw;
  }

  .div-block-62 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .order-large-long {
    border-radius: 4vw;
    width: 95%;
    height: 45vw;
    padding-bottom: 5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .div-block-64 {
    background-size: 140vw;
    border-top-left-radius: 7vw;
    border-bottom-right-radius: 7px;
    height: 50vw;
    margin-left: auto;
  }

  .div-block-65 {
    background-size: 150vw;
    border-top-left-radius: 7vw;
    border-bottom-right-radius: 7vw;
    height: 45vw;
  }

  .div-block-66 {
    background-size: 120vw;
    height: 50vw;
  }

  .div-block-67 {
    height: 45vw;
    margin-top: 3vw;
  }

  .section-10 {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .div-block-71 {
    justify-content: center;
    align-items: center;
    width: 85%;
    margin-bottom: 7vw;
  }

  .title-dark-regular-medieum {
    margin-bottom: 2vw;
    font-size: 5vw;
    font-weight: 700;
    line-height: 6vw;
  }

  .div-block-73 {
    margin-right: 0;
  }

  .div-block-74 {
    width: 6vw;
    height: 6vw;
  }

  .div-block-75 {
    display: none;
  }

  .div-block-76 {
    background-size: 40vw;
    border-radius: 7vw;
    width: 100%;
    height: 15vw;
  }

  .div-block-76.pres, .div-block-76.woo {
    background-size: 45vw;
  }

  .div-block-76.send {
    background-size: 40vw;
    width: 100%;
  }

  .div-block-76.strip {
    background-size: 25vw;
    width: 100%;
    height: 15vw;
  }

  .div-block-76.shopay {
    background-size: 65vw;
  }

  .div-block-77 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template: ". ."
                   ". ."
                   ". Area"
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: center stretch;
    display: block;
  }

  .div-block-78 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
  }

  .heading-4-copy {
    width: 85%;
    margin-bottom: 5vw;
    font-size: 6vw;
    line-height: 7vw;
  }

  .heading-5 {
    width: 95%;
    margin-bottom: 5vw;
    font-size: 7vw;
    line-height: 8vw;
  }

  .heading-5.taillord {
    margin-bottom: 0;
  }

  .section-11 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .div-block-79 {
    justify-content: center;
    align-items: flex-start;
    width: 85%;
    padding: 0;
  }

  .button-contact {
    color: var(--white);
    border-radius: 10vw;
    width: 95%;
    height: 12vw;
    margin-top: auto;
    margin-bottom: 0;
    margin-left: auto;
    font-size: 4.5vw;
    line-height: 4.5vw;
  }

  .div-block-82 {
    background-position: 15%;
    height: 140vw;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .slider-3 {
    height: 50vw;
  }

  .gmail {
    width: 12vw;
    height: 12vw;
    top: 50%;
    bottom: auto;
    left: 0%;
  }

  .outlook {
    width: 12vw;
    height: 12vw;
    bottom: 5%;
  }

  .disc {
    width: 12vw;
    height: 12vw;
    top: 0%;
  }

  .messag {
    width: 12vw;
    height: 12vw;
    top: 15%;
    right: 0%;
  }

  .heading-4-copy {
    width: 80%;
    margin-bottom: 5vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 7vw;
    line-height: 8vw;
    inset: 20% auto auto;
  }

  .paragraph-3 {
    width: 75%;
    font-size: 4vw;
    line-height: 5vw;
    top: auto;
    bottom: 20%;
  }

  .section-10-copy {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .designed-to-meet-customers {
    height: 150vw;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .tailored-support {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .integration-section {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .contact-section {
    padding: 15vw 0;
  }

  .features-with-multiple-option {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .features-with-multiple-option-oldy {
    padding-top: 0;
    padding-bottom: 10vw;
  }

  .order-multipl {
    border-width: 1px;
    border-radius: 2vw;
    width: 95%;
    height: auto;
    padding: 5vw;
  }

  .order-multipl:hover {
    border-width: 2px;
    border-radius: 2vw;
  }

  .box-blocs-multi {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 0;
    flex-flow: column;
    align-items: center;
    width: 90%;
    display: flex;
  }

  .div-multipl {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .feature-icon.presales, .feature-icon.return, .feature-icon.payment, .feature-icon.shipping {
    width: 10vw;
    height: 10vw;
  }

  .feature-icon.chek {
    width: 5vw;
    height: 5vw;
  }

  .div-block-88 {
    width: 25vw;
    height: 25vw;
    margin-bottom: 5vw;
  }

  .about-section {
    padding-top: 5vw;
    padding-bottom: 15vw;
  }

  .div-block-89 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    flex-flow: column;
    width: 85%;
  }

  .div-block-90 {
    width: 100%;
    height: 80vw;
  }

  .heading-about {
    width: 100%;
    margin-bottom: 1vw;
    font-size: 7vw;
    line-height: 8vw;
  }

  .div-block-91 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    width: 100%;
    margin-right: 0;
    display: flex;
  }

  .paragraph-4 {
    margin-bottom: 2vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .background-video {
    border-radius: 20px;
    height: 80vw;
  }

  .div-block-92 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
  }

  .div-block-93 {
    width: 90%;
    height: 80vw;
  }

  .about-page-section {
    background-image: linear-gradient(#0000, #0000);
    flex-flow: column;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .div-block-94 {
    width: 90%;
  }

  .heading-6 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .paragraph-5 {
    width: 100%;
    font-size: 4vw;
    line-height: 5vw;
  }

  .background-video-2 {
    height: 80vw;
  }

  .team-section {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .team-header {
    font-size: 8vw;
    line-height: 8vw;
  }

  .div-block-95 {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
  }

  .div-block-96 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .div-block-97 {
    border-top-left-radius: 40vw;
    border-top-right-radius: 40vw;
    width: 65vw;
    height: 65vw;
  }

  .div-block-97.crist {
    background-position: 50%;
  }

  .div-block-97.daniel {
    background-position: 100% 30%;
    background-size: 75vw;
  }

  .div-block-97.martyna {
    background-image: url('../images/IMG_5378-t.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .div-block-98 {
    width: 100%;
  }

  .text-block-20 {
    margin-bottom: 3vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  .text-block-21 {
    font-size: 4vw;
    line-height: 4vw;
  }

  .section-6-copy {
    background-position: 50% 0;
    background-size: contain;
    padding-top: 10vw;
  }

  .div-block-99 {
    width: 100%;
  }

  .paragraph-6 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .field-label-2, .field-label-3, .field-label-5 {
    font-size: 4vw;
    line-height: 4vw;
  }

  .navbar-logo-left-container-copy.shadow-three {
    background-color: #fff;
  }

  .image-copy {
    width: auto;
    height: 6vw;
  }

  .text-block-23 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .slide-2 {
    vertical-align: baseline;
  }

  .icon-2-copy {
    color: var(--white);
  }

  .nav-menu-two-copy {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    background-color: #404eec;
    border-radius: 0;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 140vw;
    margin: 0;
  }

  .div-block-103 {
    background-image: url('../images/SendCloud.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45vw;
    width: 100%;
    height: 15vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .div-block-75-copy {
    display: block;
  }

  .slider-5 {
    background-color: #ddd0;
    height: 20vw;
  }

  .left-arrow-4, .right-arrow-4, .slide-nav-2 {
    display: none;
  }

  .div-block-104, .div-block-105, .div-block-106 {
    display: flex;
  }

  .div-block-107 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
  }

  .fil {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }

  .faq-plus-l {
    background-color: #7c7795;
    width: 5px;
    height: 100%;
    display: none;
  }

  .faq-question {
    justify-content: space-around;
    height: 80px;
  }

  .bold-text-60 {
    font-size: 4.5vw;
  }

  .faq-answer {
    margin-bottom: 5vh;
    padding-left: 0;
  }

  .bold-text-58 {
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .container-4.faq-container {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .faq-q-text {
    justify-content: flex-end;
    margin-left: auto;
    font-size: 4.5vw;
    line-height: 6vw;
    display: block;
  }

  .bold-text-57 {
    font-size: 4.5vw;
    line-height: 5vw;
  }

  .faq-answer-text {
    font-size: 3.8vw;
    line-height: 5vw;
  }

  .bold-text-59 {
    font-size: 4.5vw;
  }

  .faq-plus-wrap {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }

  .faq-plus {
    background-color: #191d28;
    display: block;
  }

  .second-title-legal, .bold-text-61 {
    width: 90vw;
  }

  .bold-text-62 {
    width: 90vw;
    font-size: 6vw;
  }

  .paragraph-22 {
    width: 90vw;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .div-cgv-container {
    width: 90vw;
  }
}

#w-node-_0708885c-dfae-7d05-97d6-50f0eb172717-cf3fcb86, #w-node-b49c48ad-b3b4-f319-67e3-9d04be5835dc-8f822135, #w-node-_0a57f092-020e-a403-18f2-e840acc27a6b-8f82213c, #w-node-_0a57f092-020e-a403-18f2-e840acc27a6d-8f82213c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_62b23e3845c1a6d0f6be4e4900000000001b-8f822153 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#w-node-_62b23e3845c1a6d0f6be4e49000000000020-8f822153 {
  border: 1px solid #e6e6e6;
}

#w-node-_62b23e3845c1a6d0f6be4e49000000000021-8f822153 {
  margin-top: 10px;
}

#w-node-_62b23e3845c1a6d0f6be4e49000000000024-8f822153 {
  position: initial;
  margin-left: 0;
  margin-right: 0;
}

#w-node-b49c48ad-b3b4-f319-67e3-9d04be5835dc-72a8905b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86 {
    align-self: auto;
  }
}


@font-face {
  font-family: 'Abcgintonordvariable Trial Bf 651 B 7 B 7 B 56298';
  src: url('../fonts/ABCGintoNordVariable-Trial-BF651b7b7b56298.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 7 Af 3067';
  src: url('../fonts/ABCGintoNormalVariable-Trial-BF651b7b7af3067.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintoplusvariable Trial Bf 651 B 7 B 7 C 8 D 960';
  src: url('../fonts/ABCGintoPlusVariable-Trial-BF651b7b7c8d960.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensedvariable Trial Bf 651 B 7 B 7 B 7 F 9 Fa';
  src: url('../fonts/ABCGintoNordCondensedVariable-Trial-BF651b7b7b7f9fa.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordwidthsvariable Trial Bf 651 B 7 B 7 Caffd 5';
  src: url('../fonts/ABCGintoNordWidthsVariable-Trial-BF651b7b7caffd5.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 7649 Ef 2';
  src: url('../fonts/ABCGintoNord-BlackItalic-Trial-BF651b7b7649ef2.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 7719 B 0 F';
  src: url('../fonts/ABCGintoNord-Black-Trial-BF651b7b7719b0f.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 7670 E 10';
  src: url('../fonts/ABCGintoNord-Bold-Trial-BF651b7b7670e10.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 7729958';
  src: url('../fonts/ABCGintoNordCondensed-Bold-Trial-BF651b7b7729958.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 7846685';
  src: url('../fonts/ABCGintoNormal-Regular-Trial-BF651b7b7846685.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 7837 E 74';
  src: url('../fonts/ABCGintoNormal-ThinItalic-Trial-BF651b7b7837e74.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 7752459';
  src: url('../fonts/ABCGintoNord-HairlineItalic-Trial-BF651b7b7752459.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 7786 B 8 A';
  src: url('../fonts/ABCGintoNord-Regular-Trial-BF651b7b7786b8a.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 774 E 227';
  src: url('../fonts/ABCGintoNord-Light-Trial-BF651b7b774e227.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 784060 C';
  src: url('../fonts/ABCGintoNormal-Thin-Trial-BF651b7b784060c.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 7839 Fc 0';
  src: url('../fonts/ABCGintoNord-Medium-Trial-BF651b7b7839fc0.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 785 C 106';
  src: url('../fonts/ABCGintoNormal-Medium-Trial-BF651b7b785c106.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 782 E 49 B';
  src: url('../fonts/ABCGintoNormal-MediumItalic-Trial-BF651b7b782e49b.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 781613 C';
  src: url('../fonts/ABCGintoNormal-RegularItalic-Trial-BF651b7b781613c.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 78375 Ac';
  src: url('../fonts/ABCGintoNormal-BoldItalic-Trial-BF651b7b78375ac.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 785 D 2 E 9';
  src: url('../fonts/ABCGintoNord-UltraItalic-Trial-BF651b7b785d2e9.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 77 D 863 B';
  src: url('../fonts/ABCGintoNormal-Bold-Trial-BF651b7b77d863b.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 783 C 2 Cd';
  src: url('../fonts/ABCGintoNormal-Light-Trial-BF651b7b783c2cd.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Ultra Trial Bf 651 B 7 B 783 D 44 C';
  src: url('../fonts/ABCGintoNord-Ultra-Trial-BF651b7b783d44c.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 782 Fcb 2';
  src: url('../fonts/ABCGintoNormal-Black-Trial-BF651b7b782fcb2.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 77 Bc 17 B';
  src: url('../fonts/ABCGintoNormal-BlackItalic-Trial-BF651b7b77bc17b.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Ultra Trial Bf 651 B 7 B 78530 Ac';
  src: url('../fonts/ABCGintoNordCondensed-Ultra-Trial-BF651b7b78530ac.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Trial Bf 651 B 7 B 7805454';
  src: url('../fonts/ABCGintoNormal-LightItalic-Trial-BF651b7b7805454.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 7843939';
  src: url('../fonts/ABCGintoNordCondensed-UltraItalic-Trial-BF651b7b7843939.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 773 Ab 56';
  src: url('../fonts/ABCGintoNord-ThinItalic-Trial-BF651b7b773ab56.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 777 Ccfe';
  src: url('../fonts/ABCGintoNord-RegularItalic-Trial-BF651b7b777ccfe.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 77267 C 8';
  src: url('../fonts/ABCGintoNordCondensed-ThinItalic-Trial-BF651b7b77267c8.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 77 Ac 864';
  src: url('../fonts/ABCGintoNord-Thin-Trial-BF651b7b77ac864.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 7747 B 4 C';
  src: url('../fonts/ABCGintoNord-LightItalic-Trial-BF651b7b7747b4c.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 778214 D';
  src: url('../fonts/ABCGintoNord-MediumItalic-Trial-BF651b7b778214d.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 76 Ef 0 E 4';
  src: url('../fonts/ABCGintoNordCondensed-BoldItalic-Trial-BF651b7b76ef0e4.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 77 B 5 Cf 2';
  src: url('../fonts/ABCGintoNordCondensed-Black-Trial-BF651b7b77b5cf2.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Hairline Trial Bf 651 B 7 B 7747 Cde';
  src: url('../fonts/ABCGintoNord-Hairline-Trial-BF651b7b7747cde.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 77015 D 0';
  src: url('../fonts/ABCGintoNordCondensed-Light-Trial-BF651b7b77015d0.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 7835 B 45';
  src: url('../fonts/ABCGintoNordCondensed-MediumItalic-Trial-BF651b7b7835b45.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 772 Bc 22';
  src: url('../fonts/ABCGintoNordCondensed-RegularItalic-Trial-BF651b7b772bc22.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 7739 Ef 2';
  src: url('../fonts/ABCGintoNordCondensed-Thin-Trial-BF651b7b7739ef2.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 785204 A';
  src: url('../fonts/ABCGintoNordCondensed-Medium-Trial-BF651b7b785204a.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 76 E 323 B';
  src: url('../fonts/ABCGintoNordCondensed-LightItalic-Trial-BF651b7b76e323b.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 785 C 106';
  src: url('../fonts/ABCGintoNordCondensed-BlackItalic-Trial-BF651b7b785c106.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 7723 E 04';
  src: url('../fonts/ABCGintoNordCondensed-Regular-Trial-BF651b7b7723e04.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Hairline Trial Bf 651 B 7 B 771554 D';
  src: url('../fonts/ABCGintoNordCondensed-Hairline-Trial-BF651b7b771554d.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonordcondensed Trial Bf 651 B 7 B 76 Edaad';
  src: url('../fonts/ABCGintoNordCondensed-HairlineItalic-Trial-BF651b7b76edaad.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Abcgintonord Trial Bf 651 B 7 B 763 Bcbc';
  src: url('../fonts/ABCGintoNord-BoldItalic-Trial-BF651b7b763bcbc.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}