/* bodoni-moda-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bodoni-moda-v25-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/bodoni-moda-v25-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/bodoni-moda-v25-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hanken-grotesk-v8-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hanken Grotesk';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/hanken-grotesk-v8-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/hanken-grotesk-v8-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/hanken-grotesk-v8-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hanken-grotesk-800italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hanken Grotesk';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/hanken-grotesk-v8-latin-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ANIMATION */
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
@keyframes float {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes float-icon-valori {
  0% {
    transform: translateY(-35px) scale(1.2);
  }
  50% {
    transform: translateY(-15px) scale(1.2);
  }
  100% {
    transform: translateY(-35px) scale(1.2);
  }
}
@keyframes float-section-icon {
  0% {
    transform: translateY(-70px);
  }
  50% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(-70px);
  }
}
@keyframes ghost {
  0% {
    opacity: 0.15;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 0.15;
  }
  100% {
    opacity: 0.15;
  }
}
.tns-nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tns-nav button {
  width: 22px;
  height: 22px;
  background-color: #eee9e5;
  border-radius: 999px;
  border: 5px solid #eee9e5;
  outline: none;
  margin: 0 5px;
}
.tns-nav button.tns-nav-active {
  background-color: #814f9b;
}
@media (max-width: 1440px) {
  footer .container {
    font-size: 12px;
    padding: 50px 50px 35px 50px;
    gap: 50px;
  }
  footer .container .footer-company {
    width: 175px;
  }
  footer .footer-foglia {
    top: -75px;
    width: 100px;
  }
}
@media (max-width: 1439px) {
  .hero .hero-content {
    height: 500px;
  }
  .hero .hero-content .hero-title {
    font-size: 150px;
    line-height: 150px;
    min-height: 150px;
    margin-bottom: 15px;
  }
  .hero .hero-content .hero-subtitle {
    font-size: 76px;
    line-height: 76px;
    min-height: 76px;
  }
}
@media (max-width: 1280px) {
  footer .container {
    gap: 25px;
  }
  footer .container .footer-sezioni {
    width: 115px;
  }
}
@media (max-width: 1024px) {
  body .header .header-menu-btn {
    background-color: #3c3c3b;
    color: #fff;
  }
  .menu-mobile {
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100dvh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #814f9b;
    z-index: 150;
    transition: 0.2s;
  }
  .menu-mobile .menu-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px;
    border-bottom: 1px solid #fff;
  }
  .menu-mobile .menu-mobile-header .menu-mobile-logo {
    height: 48px;
  }
  .menu-mobile .menu-mobile-header .menu-mobile-close {
    background-color: #fff;
    color: #3c3c3b;
  }
  .menu-mobile .menu-mobile-list {
    display: flex;
    flex-direction: column;
    padding: 50px 0 25px 0;
    gap: 15px;
  }
  .menu-mobile .menu-mobile-list .menu-item {
    font-family: 'Bodoni Moda';
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #fff;
    padding: 12px 25px;
  }
  .menu-mobile .menu-mobile-languages {
    padding: 25px;
    display: none;
  }
  .menu-mobile .menu-mobile-languages .menu-mobile-languages-title {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
  }
  .menu-mobile .menu-mobile-languages .menu-mobile-languages-ctas {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
  }
  .menu-mobile .menu-mobile-languages .menu-mobile-languages-ctas .btn {
    width: calc(50% - 5px);
    max-width: 200px;
  }
  .menu-mobile.is-visible {
    opacity: 1;
    pointer-events: all;
  }
  .menu-mobile .menu-mobile-footer {
    background-color: #1a1a1a;
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: auto;
  }
  .hero {
    height: 750px;
  }
  .hero .hero-content .hero-title {
    font-size: 135px;
    line-height: 135px;
    min-height: 135px;
  }
  .hero .hero-content .hero-subtitle {
    font-size: 69px;
    line-height: 69px;
    min-height: 69px;
  }
  .hero .hero-content .hero-claim {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 50px auto;
  }
  .hero .hero-content .go-to {
    margin: 0px auto 80px;
  }
  .hero.home-hero .hero-content .hero-claim {
    font-size: 20px;
    line-height: 20px;
  }
  .header .container {
    padding: 0;
    min-height: 0;
  }
  .header .header-logo {
    padding: 10px 0 10px 25px;
  }
  .header .header-menu {
    display: none;
  }
  .header .header-menu-btn {
    display: flex;
    margin-right: 25px;
  }
  .header .header-languages {
    padding-right: 10px;
  }
  .header .header-utils {
    display: none;
  }
  .header.is-black .header-logo .header-logo-white {
    display: block;
    filter: invert();
    opacity: 0.75;
  }
  .header.is-black .header-logo .header-logo-color {
    display: none;
  }
  .header.is-sticky .header-logo .header-logo-white {
    display: none;
  }
  .header.is-sticky .header-logo .header-logo-color {
    display: block;
  }
  .header.is-sticky .header-menu-btn {
    border-color: #814f9b;
    color: #814f9b !important;
  }
  .header.is-sticky .header-menu-btn svg {
    fill: #814f9b;
  }
  #home-chi-siamo {
    flex-direction: column;
  }
  #home-chi-siamo .chi-siamo-title-mobile {
    display: block;
  }
  #home-chi-siamo .chi-siamo-img {
    width: 60%;
  }
  #home-chi-siamo .chi-siamo-content {
    width: 75%;
    padding: 50px;
  }
  #home-chi-siamo .chi-siamo-content .chi-siamo-title {
    display: none;
  }
  #home-approccio-4d {
    padding: 50px 0;
  }
  #home-approccio-4d .approccio-4d-list .approccio-4d-item .item-icon {
    height: 150px;
  }
  #home-soluzioni {
    padding-bottom: 50px;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list {
    gap: 45px 20px;
    margin: 120px 0 50px;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper {
    width: calc(33.3333% - 20px);
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper .soluzioni-item .item-icon {
    height: 150px;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper .soluzioni-item .item-name {
    margin-bottom: 30px;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper .soluzioni-item::before {
    width: 80px;
    height: 80px;
  }
  #home-ecm {
    flex-direction: column-reverse;
  }
  #home-ecm .ecm-title-mobile {
    display: block;
  }
  #home-ecm .ecm-img {
    width: 40%;
    padding: unset;
  }
  #home-ecm .ecm-content {
    width: 75%;
    padding: 50px;
  }
  #home-ecm .ecm-content .ecm-title {
    display: none;
  }
  #home-team {
    background-image: url('../img/bg-albero-viola.png');
    background-position: center center;
    background-size: cover;
  }
  #home-contatti {
    padding: 50px 0;
  }
  #home-contatti h1 {
    text-align: center;
  }
  #home-contatti form .form-field,
  #home-contatti form .form-checkbox-group {
    width: 100%;
  }
  #home-contatti form .field-ctas {
    padding-top: 20px;
    text-align: center;
  }
  .clients .container .clients-title {
    margin-bottom: 25px;
  }
  .scrivici-wrapper .container {
    justify-content: center;
    gap: 50px;
  }
  .scrivici-wrapper .container .scrivici-image {
    width: 225px;
  }
  .scrivici-wrapper .container .scrivici-content {
    width: calc(100% - 350px);
  }
  footer .container {
    justify-content: space-between;
  }
  footer .container .footer-section {
    flex: none;
  }
  footer .container .footer-azienda {
    width: 175px;
  }
  footer .container .footer-azienda .cols .col {
    flex: none;
    width: 100%;
  }
  footer .container .footer-sezioni {
    width: auto;
  }
  footer .container .footer-certificazioni {
    width: 180px;
  }
  .modal-container .modal-window.is-template-modal[class*='template-detail-progetto'] {
    max-width: 740px;
  }
  .modal-container .modal-window.is-template-modal[class*='template-detail-progetto'].detail-progetto-full .modal-content .detail-progetto-body .container {
    gap: 25px;
    padding: 15px;
    max-height: none;
  }
  .modal-container .modal-window.is-template-modal[class*='template-detail-progetto'].detail-progetto-full .modal-content .detail-progetto-body .container .detail-progetto-data {
    width: calc(33.3333% - 25px);
  }
  .modal-container .modal-window.is-template-modal[class*='template-detail-progetto'].detail-progetto-full .modal-content .detail-progetto-body .container .detail-progetto-media {
    width: 66.6666%;
  }
  .modal-container .modal-window.is-template-modal[class*='template-detail-progetto'].detail-progetto-full .modal-content .detail-progetto-body .container .detail-progetto-media .progetto-image {
    width: auto;
    height: 400px;
  }
  .modal-container .modal-window.is-template-modal[class*='template-detail-progetto'].detail-progetto-full .modal-content .detail-progetto-body .container .detail-progetto-media .progetto-video {
    width: auto;
    height: 400px;
  }
  .modal-container .modal-window.is-template-modal[class*='template-detail-progetto'].detail-progetto-full .modal-content .detail-progetto-body .container .detail-progetto-media .progetto-images-thumbs {
    max-height: 375px;
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: 55px;
    line-height: 55px;
    letter-spacing: -1px;
  }
  .accordion {
    margin-bottom: 10px;
  }
  .accordion .accordion-title {
    padding: 12px 20px 12px 20px;
    font-size: 22px;
    line-height: 22px;
    min-height: 50px;
  }
  .accordion .accordion-title b {
    width: calc(100% - 35px);
  }
  .accordion .accordion-title .accordion-icon {
    width: 30px;
    height: 30px;
  }
  .accordion .accordion-content {
    padding: 0 20px;
    line-height: 20px;
  }
  .accordion.is-open .accordion-content {
    padding: 0 20px 15px 20px;
  }
  .hero {
    background-position: center bottom, right top;
    background-size: 100% auto, 300% auto;
  }
  .hero .hero-content {
    justify-content: center;
    gap: 25px;
  }
  .hero .hero-content .hero-title {
    font-size: 100px;
    line-height: 100px;
    min-height: 100px;
    margin-bottom: 0;
  }
  .hero .hero-content .hero-subtitle {
    font-size: 52px;
    line-height: 52px;
    min-height: 52px;
  }
  .hero .hero-content .go-to {
    margin: 50px auto 20px;
  }
  .hero .hero-script {
    animation: hero-slide 15s linear infinite both;
    background-size: 100% auto;
  }
  #home-chi-siamo .chi-siamo-img {
    width: 100%;
  }
  #home-chi-siamo .chi-siamo-content {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  #home-approccio-4d {
    padding: 50px 0;
  }
  #home-approccio-4d .approccio-4d-list {
    gap: 80px 25px;
  }
  #home-approccio-4d .approccio-4d-list .approccio-4d-item {
    width: calc(50% - 20px);
  }
  #home-soluzioni {
    padding-bottom: 0px;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper {
    width: calc(50% - 20px);
  }
  #home-ecm .ecm-img {
    width: 50%;
    margin: 25px 0;
  }
  #home-ecm .ecm-content {
    width: 100%;
    padding: 20px;
    text-align: center;
  }
  #home-team {
    padding: 50px 0;
  }
  .go-to {
    margin: 50px auto 35px auto;
  }
  .scrivici-wrapper {
    padding: 10px 0 40px 0;
  }
  .scrivici-wrapper .container .scrivici-content {
    width: calc(100% - 300px);
  }
  .scrivici-wrapper .container .scrivici-content h2 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
  }
  .scrivici-wrapper .container .scrivici-content form .form-field {
    width: 100%;
  }
  .scrivici-wrapper .container .scrivici-content .ctas-desktop {
    display: none;
  }
  .scrivici-wrapper .container .scrivici-content .ctas-mobile {
    display: block;
    margin-top: 15px;
  }
  footer .container {
    padding: 50px 25px 35px 25px;
    gap: 25px;
  }
  footer .container .footer-company {
    width: 150px;
  }
  footer .container .footer-company .footer-social {
    gap: 5px;
    margin-top: 25px;
  }
  footer .container .footer-certificazioni {
    width: 175px;
  }
  footer .container .footer-certificazioni .footer-certificazioni-list {
    gap: 15px;
  }
  footer .container .footer-certificazioni .footer-certificazioni-list img {
    width: 150px;
  }
  form .form-checkbox-group.is-big {
    width: 100%;
  }
}
@media (max-width: 600px) {
  h1 {
    margin: 25px 0;
    font-size: 43px;
    line-height: 45px;
    letter-spacing: -1px;
  }
  h2 {
    font-size: 45px;
    line-height: 50px;
    margin: 50px 0 25px 0;
    letter-spacing: 0;
  }
  .header .header-logo {
    padding: 10px 0 10px 15px;
  }
  .header .header-menu-btn {
    margin-right: 15px;
  }
  .menu-mobile .menu-mobile-header {
    padding: 10px 15px;
  }
  .menu-mobile .menu-mobile-list {
    padding: 35px 0 25px 0;
  }
  .menu-mobile .menu-mobile-list .menu-item {
    font-size: 35px;
    line-height: 32px;
    padding: 7px 25px;
  }
  .menu-mobile .menu-mobile-footer {
    font-size: 12px;
    line-height: 17px;
  }
  .hero {
    padding: 200px 0 0 0;
    height: 630px;
  }
  .hero .hero-breadcrumb {
    text-align: center;
  }
  .hero .hero-content {
    height: 275px;
    gap: 15px;
  }
  .hero .hero-content .hero-title {
    font-size: 45px;
    line-height: 45px;
    min-height: 45px;
    margin-bottom: 0;
  }
  .hero .hero-content .hero-subtitle {
    font-size: 23px;
    line-height: 23px;
    min-height: 23px;
  }
  .hero .hero-content .go-to {
    margin: 0 auto;
  }
  .hero .hero-script {
    animation: hero-slide 10s linear infinite both;
    top: 175px;
  }
  #home-chi-siamo {
    margin: 0 auto 50px;
  }
  .clients {
    margin: 0;
    padding: 0 0 25px 0;
  }
  .clients .container .clients-title {
    text-align: center;
  }
  #home-approccio-4d {
    padding: 0;
  }
  #home-approccio-4d .approccio-4d-list {
    margin: 150px 0 50px 0;
  }
  #home-approccio-4d .approccio-4d-list .approccio-4d-item {
    width: 100%;
  }
  #home-approccio-4d .container .circle-2 {
    width: 200px;
    height: 200px;
    top: 0;
    bottom: 0;
    transform: translateX(-30px) translateY(140px);
  }
  #home-approccio-4d .container .circle-3 {
    width: 100px;
    height: 100px;
    left: auto;
    right: -20px;
    transform: translateY(-100px);
  }
  #home-soluzioni {
    background-image: url('../img/big-bubble.png');
    background-position: top calc(50% + 100px) center;
    background-repeat: no-repeat;
    background-size: auto 35%;
  }
  #home-soluzioni .soluzioni-wrapper {
    margin: 0 0 50px 0;
    background: none !important;
    padding: 25px 0 0 0;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list {
    display: block;
    max-width: unset;
    padding: 0;
    margin: 0;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper {
    aspect-ratio: unset;
    padding-bottom: 25px;
    width: 12.5%;
    padding-top: 10px;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper .soluzioni-item {
    width: calc(100% - 25px);
    margin: auto;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper .soluzioni-item .item-icon {
    animation: none;
    transform: none;
    z-index: 1;
    margin-bottom: -20px;
    margin-top: 10px;
  }
  #home-soluzioni .soluzioni-wrapper .soluzioni-list .soluzioni-item-wrapper .soluzioni-item .item-icon-shadow {
    transform: none;
  }
  #home-soluzioni .soluzioni-wrapper .progetti-preview-cta {
    display: flex;
    margin-top: 25px;
  }
  #home-ecm {
    margin: 50px 0;
  }
  #home-ecm .ecm-img {
    width: 80%;
  }
  #home-team .team-actions {
    flex-direction: column;
    padding: 0 30px;
  }
  .go-to {
    margin: 75px auto 0 auto;
  }
  .form-field {
    width: 100%;
  }
  .scrivici-wrapper .container {
    flex-wrap: wrap;
    gap: 0;
  }
  .scrivici-wrapper .container .scrivici-image {
    width: 200px;
  }
  .scrivici-wrapper .container .scrivici-content {
    width: 100%;
    padding-top: 0;
    text-align: center;
  }
  .scrivici-wrapper .container .scrivici-content h2 {
    text-align: center;
  }
  footer {
    line-height: 16px;
  }
  footer .container {
    gap: 0 15px;
    padding: 50px 15px 35px 15px;
  }
  footer .container h4 {
    margin-bottom: 15px;
  }
  footer .container .footer-row img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }
  footer .container .footer-company {
    width: 100%;
    text-align: center;
  }
  footer .container .footer-company .footer-claim {
    font-size: 16px;
    align-items: center;
    text-align: center;
  }
  footer .container .footer-company img {
    margin: 0 auto 15px auto;
  }
  footer .container .footer-company .footer-social {
    justify-content: center;
    position: relative;
  }
  footer .container .footer-company .footer-social:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    height: 1px;
    background-color: #fff;
    width: calc(50% - 75px);
  }
  footer .container .footer-company .footer-social:after {
    content: '';
    position: absolute;
    top: 17px;
    right: 0;
    height: 1px;
    background-color: #fff;
    width: calc(50% - 75px);
  }
  footer .container .footer-azienda {
    width: 100%;
  }
  footer .container .footer-azienda .cols .col {
    width: 50%;
  }
  footer .container .footer-certificazioni {
    width: 100%;
    padding-bottom: 75px;
  }
  footer .container .footer-certificazioni .footer-certificazioni-list {
    justify-content: space-between;
  }
  footer .container .footer-certificazioni .footer-certificazioni-list a {
    width: calc(50% - 8px);
  }
  footer .container .footer-certificazioni .footer-certificazioni-list a img {
    width: 100%;
  }
  footer .footer-foglia {
    top: -75px;
    width: 100px;
  }
  .modal-container .modal-window.is-template-modal.add-lead {
    height: 100vh;
    max-height: 100vh;
  }
  .modal-container .modal-window.is-template-modal.add-lead .add-lead-angle {
    display: none;
  }
  .modal-container .modal-window.is-template-modal.add-lead .add-lead-title .add-lead-title-image {
    display: none;
  }
  .modal-container .modal-window.is-template-modal.add-lead .add-lead-title .add-lead-title-content {
    width: 100%;
  }
  .modal-container .modal-window.is-template-modal.add-lead .add-lead-detail {
    height: calc(100dvh - 235px);
  }
  .modal-container .modal-window.is-template-modal .modal-content {
    padding: 25px;
  }
  .modal-container .modal-content {
    padding: 25px;
    max-height: 90vh;
  }
}