/* latin-ext */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/dist/fonts/Outfit-VariableFont-Ext.75152d41.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/dist/fonts/Outfit-VariableFont.05c7fa34.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --tt-color-outline: #E2E2E2;
  --tt-color-primary: #FF8745;
  --tt-color-primary-hover: #D06E38;
  --tt-color-secondary: #003350;
  --tt-color-third: #F1F1F1;
  --tt-color-purple: #939AEE;
  --tt-color-red: #DF6C6C;
  --tt-color-green: #77DE8E;
  --tt-color-blue: #8ACBEF;
  --tt-color-yellow: #FFCB66;
}

*,
::before,
::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  z-index: 0;
  color: var(--tt-color-secondary);
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: 1.4rem;
  font-family: "Outfit", sans-serif, "montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #FFFFFF;
}
body.is-menuOpen {
  overflow: hidden;
}

html,
body {
  scroll-padding-top: 100px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  image-rendering: auto;
  text-rendering: auto;
}

main {
  flex: 1 0 auto;
  position: relative;
  z-index: 1;
  margin-top: 78px;
}
@media screen and (max-width: 992px) {
  main {
    overflow: hidden;
  }
}

li {
  list-style-type: none;
}

a {
  color: inherit;
  text-decoration: none;
}

picture {
  display: block;
}

.objectFitCover picture {
  width: 100%;
  height: 100%;
}
.objectFitCover img,
.objectFitCover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.objectFitContain picture {
  width: 100%;
  height: 100%;
}
.objectFitContain img,
.objectFitContain video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

img,
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

img {
  display: block;
}

.visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption) {
  position: absolute !important;
}

.button {
  display: inline-block;
  border: 1px solid var(--tt-color-primary);
  background-color: var(--tt-color-primary);
  color: #FFFFFF;
  border-radius: 999px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding: 12px 16px;
  font-size: clamp(1.4rem, 1.2639053254rem + 0.0023668639 * 100vw, 1.6rem);
  font-weight: 400;
  transition: border 0.3s ease-out, background-color 0.3s ease-out, color 0.3s ease-out;
  line-height: 100%;
}
.button:hover {
  border: 1px solid var(--tt-color-primary-hover);
  background-color: var(--tt-color-primary-hover);
}
.button.secondary {
  border: 1px solid var(--tt-color-secondary);
  background-color: transparent;
  color: var(--tt-color-secondary);
}
.button.secondary:hover {
  border: 1px solid var(--tt-color-secondary);
  background: var(--tt-color-secondary);
  color: #FFFFFF;
}

label.input {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
}
label.input .required {
  color: var(--tt-color-primary);
}
label.input input, label.input textarea, label.input select {
  padding: 16px 8px;
  border: none;
  border-radius: 8px;
  background: #FFFFFF;
  color: var(--tt-color-secondary);
  font-size: clamp(1.4rem, 1.2639053254rem + 0.0023668639 * 100vw, 1.6rem);
  font-weight: 400;
  width: 100%;
  font-family: "Outfit", sans-serif;
}
label.input input::-moz-placeholder, label.input textarea::-moz-placeholder, label.input select::-moz-placeholder {
  color: var(--tt-color-secondary);
  opacity: 0.4;
  font-size: clamp(1.4rem, 1.2639053254rem + 0.0023668639 * 100vw, 1.6rem);
  font-family: "Outfit", sans-serif;
}
label.input input::placeholder, label.input textarea::placeholder, label.input select::placeholder {
  color: var(--tt-color-secondary);
  opacity: 0.4;
  font-size: clamp(1.4rem, 1.2639053254rem + 0.0023668639 * 100vw, 1.6rem);
  font-family: "Outfit", sans-serif;
}
label.input textarea {
  height: 125px;
  resize: none;
}
label.input select {
  -webkit-appearance: base-select;
     -moz-appearance: base-select;
          appearance: base-select;
  color: var(--tt-accent-color);
}
label.input select::picker(select) {
  -webkit-appearance: base-select;
     -moz-appearance: base-select;
          appearance: base-select;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 0 12.2px 0 rgba(0, 0, 0, 0.15);
  border: none;
}
label.input select option {
  padding: 12px 16px;
  background: #FFFFFF;
  color: var(--tt-color-secondary);
}
label.input select option::checkmark {
  display: none;
}
label.input select option:not(:disabled):hover, label.input select option:not(:disabled):focus {
  background: var(--tt-color-third);
}
label.input select option:disabled {
  cursor: initial;
  color: #9A9A9A;
  background: #F4F4F4;
}
label.input select option:checked {
  color: var(--tt-color-secondary);
}

.cta {
  overflow: hidden;
  border-radius: 32px;
  display: flex;
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  background: var(--tt-color-third);
}
.cta__container {
  position: relative;
  overflow: hidden;
  padding: 128px 0;
}
@media screen and (max-width: 992px) {
  .cta__container {
    padding: 64px 0;
  }
}
@media screen and (max-width: 576px) {
  .cta {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }
}
.cta .content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  padding: 64px;
}
@media screen and (max-width: 992px) {
  .cta .content {
    padding: 32px;
  }
}
@media screen and (max-width: 576px) {
  .cta .content {
    padding: 24px;
  }
}
.cta .buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
  .cta .buttons {
    justify-content: center;
    gap: 12px;
  }
}
.cta .image {
  width: 28%;
  min-height: 100%;
  min-width: 200px;
}
@media screen and (max-width: 576px) {
  .cta .image {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 16px;
    overflow: hidden;
    object-fit: cover;
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 78px;
  border-bottom: 1px solid var(--tt-color-outline);
  background: #FFFFFF;
  z-index: 100;
}
header > .container {
  height: 100%;
}
header .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  gap: 8px;
}
header .header .logo {
  display: inline-flex;
  height: 46px;
}
@media screen and (max-width: 576px) {
  header .header .logo img {
    width: auto;
    height: 46px;
  }
}
header .header .menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 64px;
       column-gap: 64px;
  color: var(--tt-color-secondary);
  font-family: "Outfit", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 992px) {
  header .header .menu {
    display: none;
  }
}
header .header .menu li {
  position: relative;
}
header .header .menu__link {
  position: relative;
}
header .header .menu__link::before {
  pointer-events: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: var(--tt-color-primary);
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
  transform-origin: left;
}
header .header .menu__link.current {
  color: var(--tt-color-primary);
}
header .header .menu__link.current:hover::before {
  transform: scaleX(0);
}
header .header .menu__link:hover::before {
  transform: scaleX(1);
}
header .header .submenu {
  border-radius: 16px;
  border: 1px solid var(--tt-color-outline);
  background: #FFFFFF;
  box-shadow: 0 0 45.3px 0 rgba(0, 0, 0, 0.1);
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  position: absolute;
  z-index: 50;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  flex-wrap: wrap;
  display: none;
  max-width: 650px;
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
}
header .header .submenu > li {
  width: 285px;
}
header .header .submenu.active {
  display: inline-flex;
}
header .header .submenu > li > a, header .header .submenu > li > span {
  font-weight: 600;
}
header .header .submenu a, header .header .submenu span {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 100%;
  padding: 16px;
  background-color: #FFFFFF;
  border-radius: 8px;
}
header .header .submenu a:hover, header .header .submenu span:hover {
  background-color: #F8F8F8;
}
header .header .submenu a img, header .header .submenu span img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  object-position: center;
}
header .header .submenu a small, header .header .submenu span small {
  position: relative;
  top: 1px;
}
header .right__icon {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media screen and (max-width: 992px) {
  header .button {
    display: none;
  }
}
header .menu__burger {
  display: none;
}
@media screen and (max-width: 992px) {
  header .menu__burger {
    display: block;
    width: 30px;
    height: 24px;
    position: relative;
    cursor: pointer;
  }
}
header .menu__burger span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--tt-color-secondary);
  border-radius: 4px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
header .menu__burger span:nth-child(1) {
  top: 0;
}
header .menu__burger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
header .menu__burger span:nth-child(3) {
  bottom: 0;
}
header .menu__burger.active span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}
header .menu__burger.active span:nth-child(2) {
  opacity: 0;
}
header .menu__burger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}
header .menu__mobile {
  display: none;
  position: fixed;
  height: calc(100vh - 78px);
  right: 0;
  bottom: 0;
  top: 78px;
  background: #FFFFFF;
  z-index: 99;
  padding: 16px 32px 32px;
  width: 100%;
  max-width: 350px;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 992px) {
  header .menu__mobile {
    display: block;
  }
}
header .menu__mobile .button {
  margin-top: 16px;
}
@media screen and (max-width: 992px) {
  header .menu__mobile .button {
    display: block;
  }
}
header .menu__mobile.active {
  transform: translateX(0%);
}
header .menu__mobile .submenu {
  padding-left: 10px;
}
header .menu__mobile .submenu .sub__submenu {
  padding-left: 16px;
}
header .menu__mobile .submenu .sub__submenu a {
  font-weight: 400;
}
header .menu__mobile .menuTrigger {
  position: relative;
  padding-right: 24px !important;
}
header .menu__mobile .menuTrigger::before {
  pointer-events: none;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  right: 0;
  top: 50%;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgICBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJtMTggMTUtNi02LTYgNiIvPgo8L3N2Zz4=) no-repeat center;
  position: absolute;
  transform: translate(0, -50%) rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
header .menu__mobile .menuTrigger.active::before {
  transform: translate(0, -50%) rotate(180deg);
}
header .menu__mobile .menuTrigger + ul {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
}
header .menu__mobile .menuTrigger.active + ul {
  height: auto;
  max-height: 400px;
}
header .menu__mobile li a:not(.button) {
  color: var(--tt-color-secondary);
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.28px;
  transition: all 0.1s ease-in-out;
  padding: 8px 0;
  display: flex;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
}
@media screen and (max-width: 500px) {
  header .menu__mobile li a:not(.button) {
    padding: 8px 0;
  }
}
header .menu__mobile li a:not(.button):hover {
  color: var(--tt-color-primary);
}
header .menu__mobile li a:not(.button) .img__container {
  min-width: 25px;
  height: 25px;
}
header .menu__mobile li.active a {
  color: var(--tt-color-primary);
}

footer {
  border-radius: 64px 64px 0 0;
  background: var(--tt-color-secondary);
  overflow: hidden;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  footer {
    border-radius: 32px 32px 0 0;
  }
}
footer > .top {
  position: relative;
}
footer > .top::before {
  pointer-events: none;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIzOTkiIGhlaWdodD0iMjE4IiB2aWV3Qm94PSIwIDAgMzk5IDIxOCIKICAgICBmaWxsPSJub25lIj4KICAgIDxwYXRoIG9wYWNpdHk9IjAuNSIKICAgICAgICAgIGQ9Ik0zOTMuNzkyIC0xMjcuMDY1QzM0MS41NTIgLTEzMi41MjUgMjg4LjQ2MiAtMTI2Ljg4NSAyMzguMTcyIC0xMTEuNjQ1QzE4Ni4zMzIgLTk3LjI2NDkgNzUuOTYxOSAtNDYuNjA0OSAxMDQuNTkyIDEwLjkyNTFDMTE4LjAwMiAzNC44MTUxIDE0Ni44NzIgNDIuMzI1MSAxNjkuMDAyIDU1LjY5NTFDMTg2LjU5MiA2NS43MjUxIDIwMi4zMDIgNzguMTc1MSAyMTEuNjUyIDk2LjA0NTFDMjU3Ljk0MiAxODIuOTU1IDExNi41OTIgMjI0LjA2NSA4Mi42MTE5IDE1OC4yOTVDNzguOTUxOSAxNTAuNTk1IDc3LjMyMTkgMTM5LjM1NSA4Mi43NDE5IDEzMi45MDVDOTAuOTkxOSAxMjQuODQ1IDEwMC4wNDIgMTM2Ljc3NSAxMDMuMDcyIDE0NS45ODVDMTA2LjQ4MiAxNTYuMDA1IDEwNi44NDIgMTY3LjE4NSAxMDUuMzcyIDE3Ny40NDVDOTcuMzExOSAyMzAuMzc1IDQ4LjEzMTkgMjY1LjA3NSAxNC42ODE5IDMwNC42MzVDNC41MjE4OCAzMTYuNTg1IC00LjU4ODEyIDMyOS40NDUgLTEyLjg5ODEgMzQyLjc4NUMtMzIuMDY4MSAzNzMuNzI1IC00Ny45MTgxIDQwNi43NzUgLTY2LjMyODEgNDM4LjEwNSIKICAgICAgICAgIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==) no-repeat;
  background-size: 100% 100%;
  width: 400px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 992px) {
  footer > .top::before {
    display: none;
  }
}
footer > .top::after {
  pointer-events: none;
  content: "";
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIGhlaWdodD0iMTc4IiB2aWV3Qm94PSIwIDAgMTkzIDE3OCIKICAgICBmaWxsPSJub25lIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNThfMzE2NikiPgogICAgICAgIDxwYXRoIG9wYWNpdHk9IjAuNSIKICAgICAgICAgICAgICBkPSJNMjAyLjUgNS42NzE2M0MxNzYuNSAzLjA0MTYzIDE1MC45IDguNjMxNjMgMTI1LjUyIDE0LjA3MTZDNzcuODEgMjQuNTcxNiAtMC43NzAwMzEgNDguNjkxNiA0Ljc3OTk3IDEwOS42OTJDOC4wMzk5NyAxMzcuMzgyIDM1Ljk1IDE3Mi4wMDIgNTEuODcgMTk1LjIxMkM3MS40IDIyMi43NzIgODcuNTggMjUzLjQxMiA5NC44OCAyODYuNjQyQzk5Ljk3IDMxMS41MDIgMTAwLjA2IDMzNy44NTIgOTIuODYgMzYyLjM0MkM4OS41IDM3My41NzIgODQuNzkgMzg0LjM0MiA3OS43MSAzOTQuODkyQzY4LjkxIDQxOC42MzIgNTMuMTkgNDM5LjQwMiA0MC4xOSA0NjEuODMyIgogICAgICAgICAgICAgIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzE1OF8zMTY2Ij4KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjIwNyIgaGVpZ2h0PSIxNzgiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPC9zdmc+) no-repeat;
  background-size: 100% 100%;
  width: 200px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 32px;
}
@media screen and (max-width: 992px) {
  footer > .top::after {
    display: none;
  }
}
footer .main {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 64px 0 32px;
}
footer .main .top {
  display: flex;
  margin-bottom: 16px;
  gap: 32px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
footer .main .top .rs {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  footer .main .top .rs {
    gap: 16px;
  }
}
footer .main .top .rs a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
footer .main .top .rs a svg {
  height: 32px;
  width: auto;
}
footer .main .top .logo {
  width: 200px;
  display: block;
  margin-right: 32px;
}
@media screen and (max-width: 992px) {
  footer .main .top .logo {
    margin-right: 0;
  }
}
footer .main .menu ul {
  display: flex;
  justify-content: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  footer .main .menu ul {
    gap: 16px;
  }
}
footer .main .menu ul a {
  color: #FFFFFF;
  font-family: "Outfit", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
}
footer .main .menu ul a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
footer .legal {
  width: 100%;
  background: var(--tt-color-secondary);
  border-top: 2px solid #FFFFFF;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  z-index: 2;
  padding: 16px 100px 32px;
}
@media screen and (max-width: 768px) {
  footer .legal {
    padding: 16px 70px 16px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 576px) {
  footer .legal {
    padding: 16px 32px 16px;
  }
}

.infos__pratiques {
  max-width: 720px;
  width: 100%;
  padding: 0 32px;
  display: flex;
  gap: 64px;
  flex-direction: column;
}
.infos__pratiques .titleH2 {
  text-align: center;
}
.infos__pratiques .list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.infos__pratiques .list .item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.infos__pratiques .list .item .titleH4 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
.infos__pratiques .list .item .titleH4 .chevron {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.infos__pratiques .list .item.active .titleH4 .chevron {
  transform: rotate(0deg);
}
.infos__pratiques .list .item .wrapperContent {
  max-height: 0;
  height: auto;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

html {
  --padding-container: 64px;
}
@media screen and (max-width: 1259px) {
  html {
    --padding-container: 48px;
  }
}
@media screen and (max-width: 768px) {
  html {
    --padding-container: 30px;
  }
}
@media screen and (max-width: 454px) {
  html {
    --padding-container: 18px;
  }
}

.container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--padding-container);
}
.container.fluid {
  max-width: 1660px;
}

.titleH1 {
  color: var(--tt-color-secondary);
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: clamp(3rem, 1.2307692308rem + 0.0307692308 * 100vw, 5.6rem);
  font-weight: 700;
  line-height: 100%;
}

.titleH2 {
  color: var(--tt-color-secondary);
  font-family: "Outfit", sans-serif;
  font-size: clamp(2.6rem, 1.1029585799rem + 0.026035503 * 100vw, 4.8rem);
  font-weight: 600;
  line-height: 100%;
}

.titleH3 {
  color: var(--tt-color-secondary);
  font-family: "Outfit", sans-serif;
  font-size: clamp(2.2rem, 0.975147929rem + 0.0213017751 * 100vw, 4rem);
  font-weight: 700;
  line-height: 92.5%;
}

.titleH4 {
  color: var(--tt-color-primary);
  font-size: clamp(1.8rem, 1.3917159763rem + 0.0071005917 * 100vw, 2.4rem);
  font-weight: 600;
  line-height: 100%;
}

.subtitle {
  color: var(--tt-color-primary);
  font-family: "Outfit", sans-serif;
  font-size: clamp(1.4rem, 1.2639053254rem + 0.0023668639 * 100vw, 1.6rem);
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
}

.text {
  color: var(--tt-color-secondary);
  font-size: clamp(1.4rem, 1.2639053254rem + 0.0023668639 * 100vw, 1.6rem);
  font-weight: 400;
}

.primaryColor {
  color: var(--tt-color-primary);
}

.secondaryColor {
  color: var(--tt-color-secondary);
}

.whiteColor {
  color: #FFFFFF;
}