/************ 
** niceeat.co 
** StyleSheet
** Updated:   08-01-2024
** App Versión: 2.5
************/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
# VARIABLES
# RESEAT
# CONTAINERS
# HEADERS AND MENUS
# TEXT AND TITLES
# FORMS AND MODALS
# BUTTONS
# WIDGETS AND CARDS
# GRAPHICS
# TABLES
--------------------------------------------------------------*/

/* VARIABLES */
:root {
  --color-nice-violet: #6900CC;
  --color-nice-violet-light: #F3E4FF;
  --color-minty-paradise: #00ffb7;
  --color-strawberry: #F60076;
  --color-eerie-black: #151224;
  --color-primary-magenta: #f1126f;

  --color-rosolanc-purple: rgb(167, 0, 204);
  --color-lemon-glacier: rgb(242, 255, 0);
  --color-lemon-glacier-light: rgb(253 255 216);
  --color-floral-white: rgb(255, 248, 241);
  --color-middle-red-purple: rgb(25, 7, 64);
  --color-primary-lust-priestess: rgb(184, 43, 137);
  --color-sugar-crystal: rgb(251, 249, 255);
  --color-primary-dark: rgb(195, 9, 88);
  --color-primary-light: rgb(255 220 231);

  --color-secondary-light: rgb(37, 13, 87);
  --color-secondary-lighter: rgb(134 116 173);
  --color-secondary-dark: rgb(18, 5, 46);
  --color-secondary-darker: rgb(28, 36, 47);
  --color-order-container: rgb(21, 18, 36);
  --color-dark-back: rgb(22, 27, 35);
  --color-middark-grey: rgb(94, 102, 110);
  --color-light-text: rgb(222, 222, 222);
  --color-semi-white: rgb(248, 249, 249);
  --color-text: rgb(73, 88, 110);
  --color-pizarra: rgb(29, 35, 38);
  --color-tiza: rgb(220, 228, 232);

  --color-black: rgb(0, 0, 0);
  --color-dark-grey: rgb(73, 80, 87);
  --color-mid-grey: rgb(172, 181, 189);
  --color-light-grey: rgb(237, 237, 237);
  --color-mid-white: rgba(255, 255, 255, 0.502);
  --color-white: rgb(255, 255, 255);
  --color-grey-33: rgb(51, 51, 51);
  --color-grey-4f: rgb(79, 79, 79);
  --color-grey: rgb(119, 119, 119);
  --color-grey-9b: rgb(155, 155, 155);
  --color-grey-bd: rgb(189, 189, 189);
  --color-grey-e0: rgb(224, 224, 224);
  --color-grey-f2: rgb(242, 242, 242);

  --color-blue: rgb(33, 150, 243);
  --color-blue-light: rgb(211, 234, 253);
  --color-purple: rgb(155, 81, 224);
  --color-purple-light: hsl(271, 71%, 92%);
  --color-red: rgb(244, 67, 54);
  --color-red-light: rgb(255, 188, 182);
  --color-orange: rgb(255, 95, 0);
  --color-orange-light: rgb(255 237 226);
  --color-yellow: rgb(255, 167, 38);
  --color-yellow-light: rgb(255, 238, 214);
  --color-green: rgb(15, 175, 97);
  --color-green-light: rgb(173, 255, 214);
  --color-yellow-basic: rgb(255, 216, 0);
  --color-yellow-basic-light: rgb(255, 247, 204);
  --color-bright-yellow: rgb(252, 249, 52);
  --color-bright-yellow-light: rgb(254, 254, 214);

  --color-instagram: rgb(225, 48, 108);
  --color-facebook: rgb(57, 73, 171);
  --color-whatsapp: rgb(37, 211, 102);
  --color-twitter: rgb(29, 161, 242);
  --color-youtube: rgb(255, 0, 0);
  --color-tripadvisor: rgb(0, 175, 135);
  --color-pinterest: rgb(189, 8, 28);
  --color-mybusiness: rgb(72, 128, 230);
  --color-skype: rgb(0, 175, 240);
  --color-linkedin: rgb(0, 119, 181);
  --color-messenger: rgb(0, 132, 255);
  --color-snapchat: rgb(255, 252, 0);

  --appnice-linear: linear-gradient(208.82deg, #FF2064 10.91%, #4D0071 159.39%);
  --color-linear-nice: linear-gradient(180.1deg, #190740 27%, #673AB7 101.04%);
  --color-linear-sunset: linear-gradient(97.37deg, #FFBD1B -0.21%, #F22198 85.16%);
  --color-linear-sunrise: linear-gradient(170.45deg, #FF2064 23.78%, #F8EF1C 95.04%);
  --color-linear-bluesky: linear-gradient(170.45deg, #006CC8 23.78%, #5BAEFD 95.04%);
  --color-linear-mint: linear-gradient(170.45deg, #00E3BB 23.78%, #00A5D9 95.04%);

  --font-titles: "Plus Jakarta Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-tertiary: "DM Sans", sans-serif;
  --font-body-tight: "Inter Tight", sans-serif;

  --line-grey: 1px solid rgb(221, 221, 221);
  --line-dark: 1px solid rgb(237, 237, 237);
  --border-radius: 0.5rem;
  --gutter: 2rem;
  --space-h: 1.6rem;
  --space-v: 2.4rem;
  --space-v2: 3.2rem;

  /* ===== Colors ===== */
  --body-color: #FFFFFF;
  --sidebar-color: #FFF;
  --primary-color: #695CFE;
  --primary-color-light: #F6F5FF;
  --toggle-color: #DDD;
  --text-color: #707070;

  /* ====== Transition ====== */
  --tran-02: all 0.2s ease;
  --tran-03: all 0.3s ease;
  --tran-04: all 0.3s ease;
  --tran-05: all 0.3s ease;

  /*Light colors*/
  --bg-body: rgb(248, 247, 250);
  --bg-card: rgb(255, 255, 255);

  /*Dark colors*/

  --tbw-cell-vertical-padding: 4px;
  --tbw-cell-horizontal-padding: 8px;
  --tbw-cell-line-height: 1.5em;
}

/* RESEAT */
* {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  line-height: 1.6rem;
  min-height: 100vh;
  background: var(--color-white);
  position: initial;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button:focus {
  outline: 0;
}

button {
  border: 0;
  cursor: pointer;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0;
}

strong {
  font-weight: 600;
}

/*Niceeat Design System Styles*/
.n-card {
  border-radius: 0.8rem;
  box-shadow: 0 3px 9px 1px rgba(51, 48, 60, 0.03), 0 9px 8px rgba(51, 48, 60, 0.02), 0 1px 6px 4px rgba(51, 48, 60, 0.01);
  transition: var(--tran-03);
}

.n-big-card {
  border-radius: 2rem;
  box-shadow: 0 3px 9px 1px rgba(42, 42, 42, 0.05), 0 9px 8px rgba(42, 42, 42, 0.04), 0 1px 6px 4px rgba(42, 42, 42, 0.03);
  padding: 4rem;
  transition: var(--tran-03);
}

.n-box-shadow {
  box-shadow: 0 3px 9px 1px rgba(51, 48, 60, 0.03), 0 9px 8px rgba(51, 48, 60, 0.02), 0 1px 6px 4px rgba(51, 48, 60, 0.01);
}

.n-card-header {
  padding: 2.4rem;
}

.n-card-text {
  padding: 0 2.4rem 2.4rem;
}

.n-card-item {
  padding: 2.4rem;
}

.n-card-table-item {
  padding: 1.6rem;
}

.n-sidecard-right,
.n-sidecard-left {
  border-radius: 0;
  box-shadow: 0 3px 9px 1px rgba(51, 48, 60, 0.03), 0 9px 8px rgba(51, 48, 60, 0.02), 0 1px 6px 4px rgba(51, 48, 60, 0.01);
}

.n-sidecard-right,
.n-sidecard-left {
  background-color: var(--bg-card);
}

.n-grid {
  display: grid;
}

.n-vh-padding {
  padding: 1.2rem;
}

.n-w100 {
  width: 100%;
}

.n-btn {
  border: 0;
  border-radius: 0.8rem;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 400;
  height: 4rem;
  line-height: 1.4em;
  padding: 0.8rem 2rem;
  transition: var(--tran-02);
  width: initial;
  min-width: max-content;
}

.n-btn-icon i {
  margin-right: 0.8rem;
  font-size: 2rem;
}

.n-icon-btn {
  border-radius: 3rem;
  width: 4rem;
  padding: 0.8rem;
  background-color: transparent !important;
}

.n-pilltab {
  border: 0;
  border-radius: 3.2rem;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 400;
  height: 4rem;
  padding: 0.8rem 2rem;
  transition: var(--tran-02);
  width: initial;
  min-width: max-content;
}

/* Tooltip container */
.n-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
}

.n-text-primary {
  color: var(--color-strawberry) !important;
}

.n-text-secondary {
  color: var(--color-eerie-black) !important;
}

.f-500 {
  font-weight: 500;
}

.f-600 {
  font-weight: 600;
}

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

/*/Niceeat Design System Styles*/
/* # HEADERS AND MENUS*/
.headerHero {
  position: relative;
  background-color: var(--color-white);
  /*background: radial-gradient(212.5% 218.1% at -94.4% 35.9%, rgb(21 18 36) 39.13195153221485%, #250d41 51.424349881796694%, #3e1371 67.59505338573997%, rgb(128 38 205) 77.36876020980384%, rgb(192 55 201) 90%, rgb(255 238 0) 100%);*/
  overflow: hidden;
}

header.nice__header {
  color: var(--color-eerie-black);
  padding: 2.4rem;
  background: var(--color-white);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.15);
  font-family: var(--font-body);
}

.nice__headerContainer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 99;
}

/*HEADER LOGO*/
.nice__contentLogo {
  position: relative;
  z-index: 999;
}

.nice__contentLogo a {
  display: block;
}

.nice__contentLogo a img {
  height: 4.8rem;
}

/*HEADER NAVBAR BUTTONS LIST*/
.nice__site-menu {
  width: 100%;
  float: left;
  list-style: none;
  position: relative;
}

.nice__site-menu>li>ul>li {
  margin-bottom: 0;
}

.nice__site-menu>li>ul>li>a>span {
  font-size: 1.4rem;
  color: var(--color-grey);
}

.nice__site-menu>li {
  display: inline-block;
  float: left;
}

.nice__site-menu>li>a.active,
.nice__site-menu>li>a:hover,
li.drop-down ul>li>a:hover {
  color: var(--color-eerie-black);
}

.nice__site-menu li.home-icon a i {
  font-size: 2rem;
  color: var(--color-eerie-black);
}

/*NAVBAR BUTTONS*/
.nice__menuItem {
  margin-bottom: 0;
}

.nice__menuItem a {
  color: var(--color-eerie-black);
  padding: 1.3rem 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 0.2rem solid transparent;
  transition: all ease 0.2s;
  min-height: 5rem;
  font-family: var(--font-body);
}

.nice__menuItem a:hover {
  border-bottom: 0.2rem solid var(--color-nice-violet);
}

.nice__menuItem a.nice__btnstart {
  display: block;
  padding: 1rem 2rem;
  color: var(--color-white);
  background: var(--color-nice-violet);
  border-radius: 1.6rem;
  border: 2px solid var(--color-white);
}

.nice__menuItem a.nice__btnstart:hover {
  color: var(--color-white);
}

.nice__site-menu .drop-down-ul i {
  float: left;
  font-size: 2rem;
  margin-right: 6px;
  line-height: 1em !important;
  color: var(--color-nice-violet);
  position: absolute;
  top: 1.4rem;
  margin-left: 1rem;
}

.nice__site-menu .drop-down-ul i {
  position: relative;
  top: initial;
  margin-left: 0;
}

li.drop-down,
.flyout-right,
.flyout-left {
  position: relative;
}

li.drop-down>ul {
  left: 0px;
  min-width: 230px;
  background-color: var(--color-white);
  width: max-content;
  padding: 1.6rem;
  border-radius: 2rem;
  box-shadow: 0 3px 9px 1px rgba(42, 42, 42, 0.05), 0 9px 8px rgba(42, 42, 42, 0.04), 0 1px 6px 4px rgba(42, 42, 42, 0.03);
}

.drop-down-ul {
  display: none;
}

.flyout-right>ul,
.flyout-left>ul {
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a,
.flyout-left ul>li>a {
  display: block;
  text-decoration: none;
  color: var(--color-grey-4f);
  padding: 0.8rem;
  border-radius: 1rem;
}

li.drop-down>ul>li>a:hover,
.flyout-right ul>li>a:hover,
.flyout-left ul>li>a:hover {
  color: var(--color-eerie-black);
  background: var(--color-grey-f2);
  border-bottom: 0.2rem solid transparent;
  transform: translateX(4px);
}

.mobile-menu li.drop-down>ul>li>a,
.flyout-right ul>li>a,
.flyout-left ul>li>a {
  color: var(--color-tiza);
  font-size: 1.4rem;
}

.mobile-menu li.drop-down>ul {
  background-color: var(--color-eerie-black);
  padding: 0.8rem 0.8rem 1.6rem;
  border-radius: 0;
}

.flyout-right ul>li>a,
.flyout-left ul>li>a {
  border-bottom: 1px dotted #B8C7BC;
}

/*HERO HEADER*/
/*---------HOME----------*/
.nice__hero {
  font-family: var(--font-body);
  color: var(--color-eerie-black);
  padding: 16rem 3.2rem 4rem;
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}

.nice__headerText {
  position: relative;
  z-index: 2;
}

.nice__hero-textHome-container {
  display: grid;
  grid-gap: 1.6rem;
}

.nice__headerText h1 {
  font-size: 6.4rem;
  line-height: 1.1em;
  position: relative;
  z-index: 2;
  letter-spacing: -1px;
}

.nice__headerText h2 {
  font-size: 2.4rem;
  line-height: 1.6em;
  margin-bottom: 2.4rem;
  z-index: 2;
}

.nice__btnCtaMain {
  font-size: 2rem;
  line-height: 1.2em;
  display: inline-block;
  border-radius: 1.5rem;
  padding: 1.8rem 4rem;
  background: var(--color-nice-violet);
  color: var(--color-white);
  font-weight: 600;
  transition: all ease-in-out 0.2s;
  border: 0.1rem solid;
}

.nice__btnCtaSecondary {
  font-size: 2rem;
  line-height: 1.2em;
  display: inline-block;
  border-radius: 1.5rem;
  padding: 1.8rem 4rem;
  background: var(--color-white);
  color: var(--color-strawberry);
  font-weight: 600;
  font-family: var(--font-text);
  transition: all ease-in-out 0.2s;
  border: 0.1rem solid;
}

.nice__bodyContent h2,
.bottom-container h2 {
  font-size: 4rem;
  margin-bottom: 2.4rem;
  line-height: 1.2em;
  letter-spacing: -1px;
  font-weight: 700;
  color: var(--color-pizarra);
}

.centered-title {
  margin: 0 auto;
  max-width: 80rem;
}

.nice__bodyContent .nice__subtitle,
.bottom-container .nice__subtitle {
  font-family: var(--font-titles);
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2em;
}

.problem-item {
  transition: var(--tran-02);
  cursor: pointer;
}

.problem-item:hover {
  transform: rotate3d(0, 0, 1, 2deg);
}

.solution-item p {
  font-size: 1.8rem;
}

.solution-item .feature {
  border: 1px solid var(--color-minty-paradise);
  border-radius: 0.8rem;
  padding: 1.6rem;
}

.solution-item .feature i {
  background-color: var(--color-nice-violet);
  color: var(--color-white);
  padding: 0.8rem;
  border-radius: 5rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
}

.solution-item .feature h4 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.solution-item .feature p {
  font-size: 1.4rem;
  margin-bottom: 2.4rem;
}

.solution-item .feature a {
  color: var(--color-nice-violet);
  font-size: 1.4rem;
  font-weight: 600;
  background: var(--color-nice-violet-light);
  padding: 1rem;
  display: inline-block;
  border-radius: 1rem;
}

.bg-light-purple {
  background-color: var(--color-purple-light);
}

.h-100vh {
  min-height: 100vh;
}

.nice__topHeader-bg {
  /*background: linear-gradient(180deg, #151224 23%, rgb(21 18 36 / 0%) 100%);*/
  background: var(--color-white);
  flex: none;
  inset: 64px 0 1535px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  height: 64rem;
}

.icon-hereBanner {
  background-position: center;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  background-size: cover;
  opacity: 0.5;
}

.nice__containerHeader {
  display: grid;
  width: 100%;
  padding: 0 3.2rem;
}

.nice__bodyContent {
  font-family: var(--font-body);
}

.nice__containerBizCard {
  display: flex;
  justify-content: center;
  padding: 4rem;
  width: 100%;
}

.nice__containerBizCard img.biz-profile {
  border-radius: 100%;
  margin-bottom: 3.2rem;
  padding: 2.4rem;
  width: 100%;
  max-width: 30rem;
}

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

.nice__headerImage {
  width: 100%;
  max-width: 890px;
}

.nice__headerinternImage {
  width: 100%;
  max-width: 60rem;
}

.bottom-image {
  min-height: 45rem;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.nice__webinarLogo {
  padding: 2.4rem 1.6rem;
  position: relative;
  z-index: 999;
}

.nice__site-menu {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  gap: 1.6rem;
}

.mt-auto {
  display: none !important;
}

ul,
ol {
  list-style: none;
}

.nice_actionsList {
  list-style-type: disc;
  padding: 0 0 0 2rem;
}

.nice_actionsList li {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
  line-height: 1.6em;
}

.clearfix:after,
.clearfix:before {
  content: '';
  display: table
}

.clearfix:after {
  clear: both;
  display: block
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar-product {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem;
  margin-bottom: 2.4rem;
}

.navbar-product button {
  background: var(--color-white);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 2rem;
  cursor: pointer;
  border: 0;
  border-radius: 0.8rem;
  line-height: 1.4rem;
  width: 100%;
  min-width: max-content;
}

.navbar-product button.active {
  background-color: var(--color-nice-violet);
  color: var(--color-white);
}

.nice__menuItem a.nice__headerBtn {
  display: block;
  padding: 1.2rem 2rem;
  background-color: var(--color-strawberry);
  color: var(--color-white);
  border-radius: 0.4rem;
  border: 2px solid var(--color-strawberry);
}

.nice__menuItem a.nice__headerBtn:hover {
  filter: brightness(1.1);
}

.doc-landing-container {
  font-family: var(--font-body);
}

.doc-landing-container h1,
.doc-landing-container h2,
.doc-landing-container h3 {
  font-family: var(--font-titles);
}

.doc-landing-container h1 {
  font-size: 1.8rem;
  margin-bottom: 3.2rem;
}

.doc-landing-container h2 {
  font-size: 4.8rem;
  margin-bottom: 1.6rem;
}

.doc-landing-container h3 {
  font-size: 3.2rem;
  margin-bottom: 1.6rem;
}

.doc-landing-container h4 {
  font-size: 2.4rem;
  margin-bottom: 1.6rem;
}

.doc-landing-container h5 {
  font-size: 2rem;
  margin-bottom: 1.6rem;
}

.doc-landing-container p {
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

/*Flyout Mega*/
.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display: none;
  height: 100%;
  padding: 15px;
  min-width: 742px;

}

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}

.flyout-mega ul>li>a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}

.flyout-mega ul>li>a:hover,
.flyout-mega ul>li>a:active,
.flyout-mega ul>li>a:focus {
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}

/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display: none;
  padding-top: 0;
  min-height: 100%;

}

h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
}

.mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}

ul.stander li a {
  padding: 3px 0px;
}

ul.description li {
  padding-bottom: 12px;
  line-height: 8px;
}

ul.description li span {
  color: #ccc;
  font-size: 85%;
}

a.view-more {
  border-radius: 1px;
  margin-top: 15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}

a.view-more:hover {
  color: #fff;
  background: #0DADEF;
}

ul.icon-des li a i {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #009FE1;
  line-height: 35px !important;
}

ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px;
}

/*Blog DropDown*/
.Blog {
  left: 0;
  display: none;
  color: #fefefe;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px;
}

.Blog .blog-title {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;

}

.Blog .blog-des {
  color: #ccc;
  font-size: 90%;
  margin-top: 15px;
}

.Blog a.view-more {
  margin-top: 0px;
}

/*Images*/
.Images {
  left: 0;
  width: 100%;
  display: none;
  color: #fefefe;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px;
}

.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}

/*common*/
.flyout-right ul>li>a,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu {
  background-color: #547787;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover+ul,
li.flyout-right a:hover+ul,
.blog-drop-down>a:hover+.Blog,
li.drop-down>a:hover+.drop-down-ul,
.images-drop-down>a:hover+.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover+.flyout-mega-wrap {
  display: block;
}

/*TABLE*/
table {
  margin-bottom: var(--tbw-cell-line-height);
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  height: calc(var(--tbw-cell-vertical-padding) * 2 + var(--tbw-cell-line-height));
  min-width: calc(var(--tbw-cell-horizontal-padding) * 2);
  padding: calc(var(--tbw-cell-vertical-padding)*4) calc(var(--tbw-cell-horizontal-padding)*2);
  border: 1px solid #e7eaec;
  vertical-align: top;
}

th {
  text-align: left;
  background: var(--color-grey-f2);
  color: var(--color-eerie-black);
  font-size: 1.6rem;
  font-weight: 600;
}

/*responsive*/
@media (min-width:960px) {
  .nice__site-menu>li>a {
    display: block;
  }

  .mega-menu,
  .flyout-mega-wrap,
  .Images,
  .Blog,
  .flyout-right>ul,
  .flyout-left>ul,
  li.drop-down>ul {
    position: absolute;
  }

  .flyout-right>ul {
    left: 100%;
  }

  .flyout-left>ul {
    right: 100%;
  }
}

@media (max-width:960px) {

  .nice__site-menu {
    min-height: 58px;
    width: 100%;
  }

  .nice__site-menu>li>a {
    width: 100%;
    display: none;
  }

  .niceeatSidebar .nice__site-menu>li>a {
    display: block;
  }

  .nice__site-menu>li {
    width: 100%;
  }

  .display.nice__site-menu>li>a {
    display: block;
    padding: 20px 22px;
  }

  .mega-menu,
  .Images,
  .Blog,
  .flyout-right>ul,
  .flyout-left>ul,
  li.drop-down>ul {
    position: relative;
  }

}

a.toggle-menu {
  position: absolute;
  right: 0px;
  padding: 20px;
  font-size: 27px;
  background-color: #ccc;
  color: #23364B;
  top: 0px;
}

.modal-landing {
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 1s;
}

#miModal:target {
  opacity: 1;
  pointer-events: auto;
}

.nice__topannouncement {
  text-align: center;
  background: var(--color-primary-magenta);
  color: var(--color-white);
  padding: 1rem 2.4rem;
  font-size: 1.6rem;
  font-family: var(--font-body);
}

.nice__topannouncement .nice__container {
  font-weight: 500;
  display: block;
}

.nice__topannouncement button {
  padding: 1rem 2.4rem;
  border-radius: 3.5rem;
  background-color: var(--color-yellow-basic);
  color: var(--color-dark-back);
  margin: 0 1.6rem;
  font-weight: 600;
}

/*LANDING LINKS*/
.niceeat-links {
  background-color: var(--color-white);
}

.nice__containerLinks {
  margin: 0 auto;
  max-width: 68rem;
  padding: 2.5rem;
  width: 100%;
  font-family: var(--font-body);
}

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

.nice__containerLinks .niceeat__logo a {
  display: inline-block;
}

.niceeat__links {
  padding: 3rem 0;
}

.niceeat__linkDiv {
  margin-bottom: 1.6rem;
}

a.linkDiv {
  padding: 1.6rem;
  background-color: var(--color-rosolanc-purple);
  border: 2px solid var(--color-white);
  color: var(--color-white);
  border-radius: 4rem;
  transition: all ease 0.4s;
  cursor: pointer;
  font-size: 1.6rem;
  line-height: 1.4em;
  text-align: center;
}

a.linkDiv:hover {
  background-color: var(--color-white);
  color: var(--color-nice-violet);
  border: 2px solid var(--color-white);
  transform: translateY(-5px);
}

.social-links {
  list-style: none;
  display: flex;
  justify-content: center;
}

.social-links .ftmenu-item {
  padding: 1rem;
}

.social-links .ftmenu-item i {
  color: var(--color-rosolanc-purple);
  font-size: 2.4rem;
}

/* # CONTAINERS */

/* # TEXT AND TITLES*/
.nice__centerTitle {
  max-width: 70rem;
  text-align: center;
  margin: 0 auto;
}

.nice__centerTitleprice {
  margin: 0 0 7rem;
}

/************ COLLAPSIBLE ************/
.collapsible {
  background-color: var(--color-grey-f2);
  color: var(--color-eerie-black);
  cursor: pointer;
  padding: 1.8rem;
  width: 100%;
  border: 0.1rem solid var(--color-mid-white);
  text-align: left;
  outline: none;
  font-size: 1.6rem;
  font-weight: 600;
  display: block;
  border-radius: 1rem;
  margin-bottom: 1rem;
  transition: all ease 0.3s;
}

.collapsible:hover {
  background-color: var(--color-grey-f2);
  color: var(--color-eerie-black);
}

.collapsible-button {
  background-color: var(--color-white);
  color: var(--color-rosolanc-purple);
  border: 0.1rem solid var(--color-rosolanc-purple);
  text-align: center;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  text-align: left;
}

.collapsible_pricing {
  background-color: var(--color-light-white);
  font-size: 1.4rem;
  font-weight: 600;
}

.active-collapsible,
.collapsible:hover {
  background-color: var(--color-light-text);
}

.collapsible-button.active-collapsible,
.collapsible-button.collapsible:hover {
  background-color: var(--color-rosolanc-purple);
  color: var(--color-white);
}


.collapsible:after {
  content: '\002B';
  color: var(--color-eerie-black);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active-collapsible:after {
  content: "\2212";
}

.collapsible-button.collapsible:after {
  color: var(--color-rosolanc-purple);
}

.collapsible-button:hover.collapsible:after,
.collapsible-button.active-collapsible:after,
.collapsible-button.active-collapsible:hover {
  color: var(--color-white);
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: var(--color-white);
}

.contentboxcollapsible {
  padding: 2rem 0;
  font-family: var(--font-body);
  font-size: 1.6rem !important;
}

.contentboxcollapsible p {
  line-height: 1.2em;
  color: var(--color-grey-4f);
}

.faqs__listUl {
  font-size: 1.4rem;
  list-style-type: circle;
}

.n-plansFeaturesDetail table {
  width: 100%;
}

/* # FORMS AND MODALS*/
/************ MODAL ************/
.modal-backdrop.in {
  opacity: 0.7 !important;
}

.modal-app .modal-body label {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--color-eerie-black);
  margin-top: 0.5rem;
}

.modal-app .modal-body .control-label {
  margin-bottom: 1rem;
}

label.error {
  color: var(--color-red);
  font-size: 1.3rem;
  text-transform: none;
  position: absolute;
  right: 0rem;
}

.modal-app .modal-body .validation-error-label,
.modal .modal-body .validation-error-label {
  color: var(--color-red);
  font-size: 1.3rem;
  text-transform: none;
  padding-left: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-app {
  display: flex;
  font-family: var(--font-body);
  justify-content: center;
  margin: 1rem auto;
  color: var(--color-eerie-black);
}

.modal-dialog {
  width: initial;
  max-width: 90rem;
}

.modal-content {
  border-radius: 1rem;
  max-width: 90rem;
}

.modal-header {
  position: relative;
  padding: 0;
}

.modal-content__title {
  padding: 2rem 2.5rem 1.5rem;
}

.modal-content__title h4 {
  font-weight: bold;
  font-size: 1.8rem;
  color: var(--color-eerie-black);
  line-height: 1em;
  min-width: 35rem;
  text-align: left;
}

.close-nice {
  background-color: var(--color-white);
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  top: 1.4rem;
  right: 1.4rem;
  display: flex;
  border-radius: 2rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.close-nice .btn__icon {
  width: 1.4rem;
  height: 2rem;
  fill: var(--color-eerie-black);
}

.modal-body {
  position: relative;
  padding: 1rem 2.5rem 2.5rem;
}

.modal-body fieldset legend {
  font-size: 1.4rem;
}

.modal-footer {
  padding: 2rem;
  text-align: right;
  border-top: 1px solid var(--color-light-grey);
  display: flex;
  justify-content: flex-end;
}

.modal-footer #btn-draft {
  margin-right: 1rem;
}

.modal-footer .btn {
  margin-bottom: 0 !important;
}

/* # BUTTONS*/

/* # WIDGETS AND CARDS*/

/* # GRAPHICS*/

/* # TABLES*/

/* # LISTS*/
ul.nice__landingList {
  padding-left: 0;
  margin: 1.5rem 0;
}

ul.nice__landingList li {
  display: grid;
  margin-bottom: 1rem;
  align-items: center;
  grid-template-columns: auto 1fr;
  grid-gap: 1.6rem;
}

ul.nice__landingList li .nice_listDescription {
  font-size: 1.6rem;
  line-height: 1.3em;
}

.nice_listDescriptionsub {
  font-size: 1.6rem;
  padding: 1.6rem 0;
  line-height: 1.4em;
}

ul.nice__landingList .nice_icon .icon {
  width: 2.4rem;
  height: 2.4rem;
  fill: var(--color-strawberry);
}

.niceeat-internPage {
  font-family: var(--font-body);
  color: var(--color-middle-red-purple);
}

/*LANDING CONTENT*/
/*---------GENERAL----------*/

.niceeat-homePage p {
  line-height: 1.6em;
  margin-bottom: 2.4rem;
}

.nice__heroFeatures {
  padding: 8rem 2.4rem;
  font-size: 1.6rem;
}

.nice__bodyContent h4 {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

.niceeat_customers h3 {
  font-size: 3.2rem;
  text-align: center;
  margin-bottom: 4rem;
  font-weight: 400;
}

.nice__bodyContent h2 span {
  color: var(--color-purple);
  font-weight: 600;
}

.niceeat_steps {
  padding: 6.4rem 2.4rem;
}

.niceeat_steps h3,
.nice__heroFeatures h3 {
  font-size: 2.8rem;
  font-weight: 500;
  color: var(--color-pizarra);
  font-family: var(--font-body);
  line-height: 1.2em;
}

.niceeat_steps p {
  font-size: 1.6rem;
}

.nice__heroFeatures p {
  font-size: 1.8rem;
}

.mw-96 {
  max-width: 96rem;
  margin: 0 auto;
}

/*---------HEADER----------*/


/*---------FOOTER----------*/
.nice__demohelp {
  margin-bottom: -28rem;
  padding-top: 4rem;
  position: relative;
  z-index: 3;
}

.nice__bottom-containerItem {
  display: grid;
  background: var(--color-white);
  border-radius: 2rem;
  padding: 5rem 3.2rem 3rem;
  text-align: center;
  border: 0.3rem solid var(--color-white);
}

.nice__bottom-containerItem h3 {
  letter-spacing: -1px;
}

.nice__bottom-containerItem .n-btnBottom {
  background: var(--color-white);
  color: var(--color-strawberry);
  padding: 2rem 2.8rem;
  border-bottom: 2px solid var(--color-white);
  transition: var(--tran-02);
  font-size: 2rem;
  font-weight: 500;
}

.nice__bottom-containerItem .n-btnBottom:hover {
  border-bottom: 2px solid var(--color-strawberry);
}

.featured__bottom-containerItem {
  border: 0.3rem solid var(--color-strawberry);
}

.grphcprpl {
  width: 20rem;
  height: 20rem;
  position: absolute;
  top: 32%;
  left: 19%;
  background: #6903f6;
  filter: blur(150px);
  z-index: 1;
}

.nice__footerLanding {
  padding: 6rem 3.2rem 0;
  background: var(--color-eerie-black);
  color: var(--color-white);
  position: relative;
  font-family: var(--font-body);
}

.nice__footerLandingCopyright {
  padding: 1.6rem 3.2rem 0;
  background: var(--color-eerie-black);
  color: var(--color-white);
  position: relative;
}

.nice__footerLanding-content {
  position: relative;
  z-index: 2;
}

.nice__footerLanding h3 {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
  font-weight: 600;
}

ul.nice__footerMenu {
  padding: 0;
}

ul.nice__footerMenu li {
  font-size: 1.6rem;
  line-height: 1em;
  margin-bottom: 1.6rem;
}

.nice__logoFooter a img {
  max-width: 20rem;
  height: 6rem;
}

.nice__footerMenu a {
  position: relative;
  color: var(--color-white);
  transition: all ease 0.1s;
}

.nice__footerMenu a::before,
.nice__footerMenu button::before {
  content: "";
  position: absolute;
  /* z-index: -1; */
  left: 0;
  right: 100%;
  bottom: -6px;
  background: var(--color-strawberry);
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.nice__footerMenu button {
  position: relative;
  color: var(--color-white);
  transition: all ease 0.1s;
  background: transparent;
}

.nice__footerMenu a:hover::before {
  left: 0;
  right: 0;
}

.nice__footerSocial-media {
  padding: 2.4rem 0 0;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.nice__copyright {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 2rem 0;
}

.nice__copyright .nice__container {
  border-top: 0.1rem solid;
  padding: 1.6rem 0;
}

.copyright-home {
  color: var(--color-white);
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 2.4rem;
}

.social-media-icons {
  max-width: 2.5rem;
}

.nice__hero-closed {
  background: var(--color-eerie-black);
  color: var(--color-white);
  padding: 4.8rem 3.2rem;
  background-size: cover;
  min-height: calc(100vh - 9.8rem);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.n-home-image,
.n-banner-image {
  max-width: fit-content;
  max-height: 75rem;
  width: 100%;
}

.nice__headerTextCms h1 {
  color: var(--color-white);
  font-size: 8rem;
  margin-bottom: 2.4rem;
  line-height: 1em;
  position: relative;
  z-index: 2;
  font-family: var(--font-body);
  font-weight: 700;
}

.nice__headerTextCms h2 {
  color: var(--color-white);
}

.nice__headerText-closed h1 {
  font-family: var(--font-body);
  font-size: 7rem;
  font-weight: 700;
  line-height: 1em;
  position: relative;
  z-index: 2;
  margin-top: -20rem;
}

.n-planTitle i {
  font-size: 3.8rem;
  background: var(--color-eerie-black);
  padding: 2rem;
  border-radius: 2.2rem;
  height: 8rem;
  width: 8rem;
  display: block;
  box-shadow: 1px 1px 7px;
}

.n-planDesc {
  padding: 0.8rem;
  color: var(--color-middark-grey);
}

.niceShop-priceIcon {
  color: var(--color-purple-light);
}

.nicePos-priceIcon {
  color: var(--color-yellow-light);
}

.niceRecipe-priceIcon {
  color: var(--color-primary-light);
}

.niceBi-priceIcon {
  color: var(--color-blue-light);
}


.subheadline span {
  font-weight: 600;
}

.nice__ctaSection {
  padding: 5rem;
}

a.link-feature {
  transition: var(--tran-02);
}

a.link-feature:hover {
  border-bottom: 1px solid;
  padding-bottom: 0.8rem;
}

.button-reserve-call {
  font-size: 1.6rem;
  display: inline-block;
  border-radius: 1.5rem;
  padding: 1.6rem 4rem;
  background: var(--color-white);
  color: var(--color-nice-violet);
  font-weight: 600;
  font-family: var(--font-body);
  transition: all ease-in-out 0.2s;
}

.nice__btnCtaSecondary:hover,
.nice__btnCtaMain:hover,
.button-reserve-call:hover {
  transform: translateY(-5px);
}

.bg-pizzaContainer {
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  height: 40rem;
  width: 38rem;
  background-repeat: no-repeat;
}

.bg-back {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
}

.bg-pizzaContainerForm {
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 38rem;
  width: 40rem;
  background-repeat: no-repeat;
  z-index: 0;
}

.nice__heroFeature {
  border: 2px solid var(--color-lemon-glacier);
  border-radius: 1rem;
  padding: 4.8rem 1.6rem 3.2rem;
  color: var(--color-lemon-glacier);
}

.nice__heroFeature i {
  color: var(--color-lemon-glacier);
  font-size: 6.4rem;
  text-align: center;
}

.nice__heroFeature h3 {
  font-size: 2.4rem;
  font-weight: 400;
}

.nice__leadForm {
  padding: 8rem 0;
  overflow: hidden;
  position: relative;
}

.nice__leadForm h2 {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1em;
  position: relative;
  z-index: 2;
  letter-spacing: -1px;
  color: var(--color-nice-violet);
}

.nice__leadForm h3 {
  font-size: 2.4rem;
}

.formNice {
  position: relative;
  z-index: 98;
}

.BzuSBc {
  padding: 2.4rem !important;
}

.nice__btnCta {
  font-size: 2rem;
  display: inline-block;
  border-radius: 0.5rem;
  padding: 2.4rem 4.8rem;
  background: var(--color-nice-violet);
  color: var(--color-white);
  font-weight: 600;
  font-family: var(--font-body);
  transition: all ease-in-out 0.2s;
  border: 2px solid var(--color-nice-violet);
}

.nice__btnCta:hover {
  transform: translateY(-5px);
}

.white-btn {
  background: transparent;
  border: 2px solid var(--color-nice-violet);
  color: var(--color-nice-violet);
}

.niceeat_customers {
  padding: 4.8rem;
}

.niceeat_customers .niceeat_carrusel {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 3.2rem;
}

.niceeat_customers .niceeat_carrusel img {
  box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
  border-radius: 100px;
  margin: 0 auto;
}

.niceeat_carrusel-partners {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 3.2rem;
  align-items: center;
}

.niceeat_carrusel-partners img {
  margin: 0 auto;
}

.niceeat_features {
  background: var(--color-grey-f2);
  color: var(--color-eerie-black);
  padding: 9rem 0 0;
}

.nice__tabsHeader {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
  margin-bottom: 2.4rem;
}

.nice__tabHeader-item {
  background: transparent;
  border-radius: 1.6rem;
  color: var(--color-eerie-black);
  font-size: 2.4rem;
  padding: 2rem 1.4rem;
  transition: var(--tran-03);
  font-family: var(--font-titles);
  letter-spacing: 0.15rem;
}

.nice__tabHeader-item.active {
  background: var(--color-strawberry);
  color: var(--color-white);
}

.tabcontent {
  display: none;
}

.tabcontent img {
  border-radius: 4rem;
}

.nice__tabBody-item h3 {
  font-size: 4rem;
  font-family: var(--font-titles);
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 4.8rem;
  letter-spacing: 0.5px;
}

.nice__tabBody-item ul,
.nice__sectionText ul {
  font-size: 1.6rem;
  color: var(--color-grey);
}

.nice__tabBody-item ul li,
.nice__sectionText ul li {
  display: flex;
}

.nice__tabBody-item ul>li i {
  color: var(--color-strawberry);
  margin-right: 1.6rem;
}

.left-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.section_leftText {
  width: 60rem;
  float: right;
  padding: 6rem 4rem 6rem 2rem;
}

.section_rightText {
  width: 60rem;
  float: left;
  padding: 6rem 2rem 6rem 4rem;
}

.niceeat__ipc {
  padding: 9rem 0 0;
}

.niceeat__ipc-items {
  margin-bottom: -20rem;
}

.niceeat__ipc-item {
  transition: var(--tran-03);
}

.niceeat__ipc-item:hover {
  transform: translateY(-10px);
}

.niceeat__ipc-item img {
  border-radius: 2rem;
  margin-bottom: 2.8rem;

}

.niceeat__ipc-items h3 {
  font-size: 2.8rem;
  text-align: center;
  line-height: 1.2em;
  color: var(--color-eerie-black);
  padding: 0 2rem;
  font-family: var(--font-body);
  font-weight: 600;
}

.nice__ipc-contact {
  background: var(--color-lemon-glacier);
  padding: 28rem 0 9rem;
}

.niceeat_testimonials {
  padding: 4.8rem 2.4rem;
}

.nice__testimonial-item {
  background: var(--color-floral-white);
  padding: 3.2rem;
  border-radius: 2rem;
}

.nice__bottom-containerItem h3 {
  font-size: 2.8rem;
  font-weight: 600;
}

.gradient {
  background: -o-linear-gradient(left, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(18.06%, #f31197), color-stop(60.19%, #a755d6), to(#7437bc));
  background: linear-gradient(90deg, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*---------LANDING----------*/
.nice__heroLp {
  font-family: var(--font-body);
  color: var(--color-white);
  padding: 18rem 3.2rem 12rem;
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}

.features-page h3 {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 3.2rem;
  font-family: var(--font-body);
}

/*---------NICE CMS--------*/
.collection-body {
  padding: 2.4rem;
}

h2.nice__collectionCategoryTitle {
  font-size: 4rem;
  margin-bottom: 4rem;
}

.nice__categoryPages-link {
  padding: 2.4rem;
  border-top: 1px solid;
}

.nice__categoryLink {
  font-size: 1.6rem;
}

.nice__categoryLink i {
  transition: var(--tran-02);
  font-size: 2rem;
}

.nice__categoryLink i:hover {
  transform: translateX(5px);
}

.nice__collectionPage h3 {
  font-size: 2.2rem;
  font-weight: 600;
  font-family: var(--font-body);
  line-height: 1.2em;
  margin-bottom: 2.4rem;
  transition: var(--tran-02);
}

.nice__collectionPage h3:hover {
  opacity: 0.8;
}

.nice__heroCms {
  font-family: var(--font-body);
  color: var(--color-white);
  padding: 20rem 3.2rem 12rem;
  background-size: cover;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
}

.nice__collectionPage img.nice__pageCover {
  border-radius: 2rem;
  margin-bottom: 2.4rem;
  transition: var(--tran-02);
  height: 24rem;
  object-fit: cover;
}

.nice__collectionPage img.nice__pageCover:hover {
  transform: translateY(-3px);
}

.page-theme img {
  border-radius: 2rem;
}

.page-theme .author-cms {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}

.nice__collection-page h1,
.nice__collection-page h2,
.nice__collection-page h3,
.nice__collection-page h4,
.nice__collection-page h5,
.nice__collection-page h6 {
  margin-bottom: 1.6rem;
  font-weight: 600;
}

.nice__collection-page h1 {
  font-size: 4.8rem;
}

.nice__collection-page h2 {
  font-size: 4rem;
}

.nice__collection-page h3 {
  font-size: 2.8rem;
}

.nice__collection-page h4 {
  font-size: 2.4rem;
}

.nice__collection-page h5 {
  font-size: 2rem;
}

.nice__collection-page ul li {
  list-style: disc;
  margin-left: 3.4rem;
  margin-bottom: 1.6rem;
}

.nice__collection-page blockquote {
  font-size: 2rem;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.4em;
  margin-bottom: 3rem;
  background: var(--color-purple-light);
  padding: 2.4rem;
  border-radius: 2rem;
}

.nice__collectionPage p {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  line-height: 1.4em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.nice__collection-page img {
  border-radius: 2rem;
  margin-bottom: 4rem;
}

.collectioncontainer-2col-izq {
  display: grid;
  grid-template-columns: repeat(2, minmax(42rem, 1fr));
  grid-gap: 2.4rem 4rem;
}

.collection__container-2col-izq .menu-plate {
  grid-template-columns: 18rem 1fr;
  grid-gap: 2.4rem;
  align-items: center;
}

.collection__container-2col-izq .menu-plate .menu-plate__image img,
.collection__container-2col-der .menu-plate .menu-plate__image img {
  width: 100%;
  height: 18rem;
  object-fit: cover;
}

.collection__container-2col-der {
  display: grid;
  grid-template-columns: repeat(2, minmax(42rem, 1fr));
  grid-gap: 2.4rem 4rem;
}

.collection__container-2col-der .menu-plate {
  grid-template-columns: 1fr 18rem;
  grid-template-areas: 'text image';
  grid-gap: 2.4rem;
  align-items: center;
}

.collection__container-2col-der .menu-plate .menu-plate__image {
  grid-area: image;
}

.collection__container-2col-der .menu-plate .menu-plateContent {
  grid-area: text;
}

.collection__container-2col-noimage {
  display: grid;
  grid-template-columns: repeat(2, minmax(42rem, 1fr));
  grid-gap: 2.4rem 4rem;
}

.collection__container-2col-noimage .menu-plate .menu-plate__image {
  display: none;
}

.collection__container-2col-noimage .menu-plateContent {
  display: grid;
  grid-template-columns: 40rem 1fr;
  align-items: flex-start;
}

.collection__container-2col-noimage .menu-plateContent .menu-plate__price {
  display: grid;
  grid-gap: 0.8rem;
  justify-content: right;
}

.collection__container-2col-noimage .menu-plateContent .menu-plate__price .menu-plate__add {
  display: flex;
  justify-content: flex-end;
}

.collection__container-4col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(26rem, 27rem));
  grid-gap: 4rem;
}

.collection__container-4col .menu-plate {
  grid-template-rows: 24.8rem auto;
}

.collection__container-4col .menu-plate .menu-plate__image img {
  width: 100%;
  height: 24.8rem;
  object-fit: cover;
}

.collection__container-3col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 37rem));
  grid-gap: 4rem;
}

.collection__container-3col .menu-plate {
  grid-template-rows: 37.3rem auto;
}

.collection__container-3col .menu-plate .menu-plate__image img {
  height: 37.3rem;
  width: 100%;
}

.collection__container-4col .menu-plateContent,
.collection__container-3col .menu-plateContent,
.collection__container-2col-izq .menu-plateContent,
.collection__container-2col-der .menu-plateContent {
  display: grid;
  grid-gap: 1.6rem;
}

.collection-help .nice__collectionCategoryTitle,
.collection-jobs .nice__collectionCategoryTitle {
  font-size: 2.4rem;
}

.collection-partners .nice__logoPartner {
  width: 24rem;
  height: 24rem;
  object-fit: cover;
  border-radius: 100%;
  border: 12px solid;
  margin-bottom: 4rem;
}

.nice__footerCms {
  padding: 6rem 3.2rem 0;
}

/* COMMON STYLES */
.wf-form-component {
  padding: 30px 40px 60px;
}

.wf-form-paid {
  padding-bottom: 45px;
}

.wf-parent {
  padding: 30px 0;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

.wf-wrapper * {
  box-sizing: border-box;
}

.wf-wrapper {
  width: 100%;
  max-width: 700px;
  border-radius: 10px;
  margin: auto;
  border: none;
  background-color: #fff;
  color: #222;
  box-shadow: 0px 0px 2px 0 #00000033;
}

.iframe-container {
  height: 100%;
  width: 100%;
  border: none;
  min-height: 365px;
}

.wf-header {
  font-size: 22px;
  padding-bottom: 25px;
  font-weight: bold;
  word-break: break-word;
}

.wf-row {
  margin-bottom: 25px;
}

.wf-row:last-child {
  margin-bottom: 0;
}

.wf-label {
  padding: 7px 0;
  word-break: break-word;
}

.wf-field {
  text-align: left;
  word-break: break-word;
  border: 0;
  position: relative;
}

.wf-field a {
  color: var(--color-eerie-black);
  text-decoration: underline;
}

.wf-field-inner {
  position: relative;
  display: flex;
  flex: 1;
}

.wf-field-input:focus {
  border: 1px solid #30c384;
}

.wf-input-focus.wf-field::after {
  opacity: 1;
}

.wf-field-error-active {
  margin-bottom: -10px;
}

.wf-input-focus.wf-field::after,
.wf-field-error-active.wf-field .wf-field-error {
  display: block;
}

.wf-field-error-active.wf-field .wf-field-input {
  border: 1px solid #FD6B6D;
  box-shadow: 0 0 1px 1px #F4A2A2;
}

.wf-field-input,
.wf-field-dropdown {
  font-size: 1.6rem;
  border: 2px solid var(--color-grey-e0);
  border-radius: 0.8rem;
  background: var(--color-white);
  color: var(--color-eerie-black);
  box-shadow: none;
  padding: 0.8rem 1.6rem;
  height: 4.8rem;
  display: block;
  width: 100%;
}

select:not([data-wform-field='select-multiple']) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-repeat: no-repeat;
  background-position-x: 99%;
  background-color: #fff;
  min-width: 70px;
}

input,
select {
  background-color: #fff;
}

.wf-field-item {
  min-height: 38px;
}

.wf-time-field-wrapper {
  display: flex;
  flex: 1;
}

.wf-time-field-wrapper select {
  margin-left: 10px;
}

.wf-form-component .wf-field-error,
.wf-form-component .wf-field-help-text {
  text-align: left;
}

.wf-field-error {
  color: #FF5050;
  font-size: 12px;
  margin-top: 4px;
  display: none;
  animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.wf-field-help-text {
  color: #515159;
  font-size: 12px;
  margin-top: 5px;
}

.wf-field-help-text-link {
  text-decoration: none;
}

.wf-field-checkbox {
  cursor: pointer;
  border-radius: 3px;
  min-width: 14px;
  min-height: 20px;
  box-sizing: initial;
  accent-color: #31C486;
  margin-right: 10px;
  margin-bottom: auto;
}

.wf-field-dropdown-date {
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
}

.wf-field-dropdown-date {
  border: 1px solid #BDC8D3;
}

.wf-field-dropdown-date:hover {
  border: 1px solid #65C199;
}

.wform-field-item-upload-input {
  min-height: 5rem;
  background-color: #FBFCFD;
  border: 1px dashed #bdc8d3;
  line-height: 2.1;
  cursor: pointer;
}

.wform-field-item-upload-input:focus {
  border: 1px dashed #bdc8d3;
}

.wform-file-upload-input-label {
  background-color: #fff;
  background-image: linear-gradient(to top, #F5F8FA, #ffffff);
  color: #212129;
  border-color: #d3dbe3;
  border: 1px solid #d3dbe3;
  border-radius: 4px;
  padding: 0.7rem 2rem;
  font-size: 1.4rem;
  right: 1rem;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
}

input[type='file']::file-selector-button,
input[type='file']::-webkit-file-upload-button {
  opacity: 0;
  width: 0;
  height: 28px;
}

.wf-row[data-ux-field-appearance='captcha'] .wf-field {
  display: flex;
  align-items: center;
}

.wform-field-item-captcha-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wf-field-captcha-img-wrap {
  border: 1px solid #BDC8D3;
  border-radius: 4px;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: initial;
  overflow: hidden;
  min-width: 120px;
}

.wf-field-captcha-img {
  height: 38px;
  width: 100%;
}

.reload-img {
  font-size: 23px;
  color: #4B5569;
  margin-right: 5px;
}

.reload-captcha {
  margin-left: 10px;
  user-select: none
}

.wf-btn {
  padding: 16px 20px;
  border-radius: 1rem;
  font-size: 18px;
  cursor: pointer;
  font-weight: 600;
  font-family: inherit;
  width: 100%;
  height: 56px;
}

.wform-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}

.wform-poweredby-container {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #23384F;
  font-size: 13px;
  padding: 6px 8px;
  font-family: sans-serif;
  display: flex;
  align-items: center;
}

/* ==================== *** Form Alignment *** ==================== */
.wf-form-component:not([data-ux-form-alignment='top']) .wf-row {
  display: flex;
}

.wf-form-component:not([data-ux-form-alignment='top']) .wf-label {
  word-break: break-word;
  width: 30%;
  padding: 1.2rem 2rem 0;
}

.wf-form-component[data-ux-form-alignment='left'] .wf-label {
  text-align: left;
  padding-left: 0;
}

.wf-form-component[data-ux-form-alignment='right'] .wf-label {
  text-align: right;
}

.wf-form-component[data-ux-form-alignment='center'] .wf-label {
  text-align: center;
}

.wf-form-component:not([data-ux-form-alignment='top']) .wf-field {
  width: 70%;
}

.wf-form-component[data-ux-form-alignment='top'] .wform-btn-wrap {
  justify-content: flex-start;
}

.wf-form-component[data-ux-form-alignment='top'] .wf-label[data-ux-empty-label='true'] {
  padding: 0;
}

.wf-form-component[data-ux-form-alignment='top'] .reload-captcha {
  text-align: right;
}

.wf-row[data-ux-field-appearance='captcha'] .wf-field-inner {
  height: 38px;
}

.wf-row[data-ux-field-appearance='captcha'] .wf-field.wf-field-error-active {
  flex-wrap: wrap;
}

.wf-row[data-ux-field-appearance='captcha'] .wf-field-error {
  flex-basis: 100%;
  width: 100%;
}

/* ==================== *** Form Alignment ends *** ==================== */

/* ==================== *** css animations *** ==================== */
@keyframes shake {

  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* ==================== *** css animations ends *** ==================== */

/* ==================== *** Mediaquery *** ==================== */
@media screen and (max-width: 1024px) {
  .wf-wrapper {
    max-width: 700px;
    width: calc(100% - 40px);
    border: 0;
  }

  .wf-field input[type=text],
  .wf-field select,
  .wf-field textarea {
    width: 100% !important;
  }

  .wf-label:empty {
    display: none;
  }

  .wf-field-checkbox {
    min-width: 18px;
    min-height: 18px;
  }
}

@media screen and (max-width: 768px) {
  .wf-wrapper {
    max-width: 700px;
    width: calc(100% - 40px);
    border: 0;
  }

  .wf-field input[type=text],
  .wf-field select,
  .wf-field textarea {
    width: 100% !important;
  }

  .wf-label:empty {
    display: none;
  }

  .price-table-wrapper {
    overflow-x: scroll;
    max-width: 30rem;
    font-family: 1.4rem;
  }
}

@media screen and (max-width: 590px) {
  .wf-parent {
    padding: 20px 0;
  }

  .wf-wrapper {
    width: calc(100% - 40px) !Important;
    border: 0;
  }

  .wf-field input[type=text],
  .wf-field select,
  .wf-field textarea {
    width: 100% !important;
  }

  .wf-label:empty {
    display: none;
  }

  .wf-row[data-ux-field-appearance='date-time'] .wf-field-inner {
    flex-direction: column;
  }

  .wf-row[data-ux-field-appearance='date-time'] .wf-time-field-wrapper {
    margin-top: 10px;
  }

  .wf-row[data-ux-field-appearance='date-time'] .wf-field-item:first-child {
    margin-left: 0;
  }

  .wf-row[data-ux-field-appearance='date-time'] .wf-field-item {
    flex: 1;
  }

  .wf-row[data-ux-field-appearance='captcha'] .wf-field {
    flex-direction: column;
  }

  .wf-row[data-ux-field-appearance='captcha'] .reload-captcha {
    margin-left: auto;
  }

  .wf-row[data-ux-field-appearance='captcha'] .wf-field-inner {
    width: 100%;
  }
}

/* ==================== *** Mediaquery ends *** ==================== */
/*-------HOME--------------*/
.thm_deliveryMenu {
  font-size: 1.6rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  justify-content: flex-start;
  display: flex;
  background-color: var(--color-eerie-black);
}

a.thm_navItem {
  display: inline-block;
  cursor: pointer;
  padding: 1.6rem 1.8rem;
  margin-right: 20px;
  transition: all .3s ease;
  color: var(--color-white);
}

.thm_deliveryMenu::-webkit-scrollbar {
  display: none;
  /* Oculta el scroll en navegadores WebKit */
}

.thm_deliveryMenu {
  -ms-overflow-style: none;
  /* Oculta el scroll en IE y Edge */
  scrollbar-width: none;
  /* Oculta el scroll en Firefox */
}

.thm_navItem {
  padding: 10px 15px;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s;
}

.thm_navItem.active {
  border-color: #007bff;
  /* Color de la pestaña activa */
  font-weight: bold;
}

.theme-menu__catContainer {
  padding: 2.4rem;
}

@media (max-width: 768px) {
  a.thm_navItem {
    font-size: 1.4rem;
  }
}

/*---------ABOUT US----------*/

/*---------PRICE----------*/

/*---------SCHEDULE DEMO----------*/
.n-demoformContainer {
  border-radius: 2rem;
  margin-top: -16rem;
  padding: 4.8rem 2.4rem;
  margin-bottom: 6.4rem;
  position: relative;
  z-index: 99;
  background-color: var(--color-strawberry);
  color: var(--color-white);
}

.n-demoformContainer .nice__sectionText ul>li i {
  color: var(--color-white) !important;
}

/*---------IPC----------*/
.niceeat-customers {
  background: var(--color-light-grey);
}

.niceeat-customers i {
  color: var(--color-white);
}

/*---------REFERRALS----------*/
/*---------SOLUTIONS PAGES----------*/
.niceeat_feature {
  padding: 6.4rem 2.4rem 0;
}

.nice__section {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}

.lp-head-home {
  padding: 0;
  border-radius: 3.2rem;
  color: var(--color-eerie-black);
  margin-bottom: 4rem !important;
}

.lp-head-home .text-hero {
  padding: 4rem;
}

.lp-head-home img {
  border-radius: 0;
}

.lp-head-home img {
  object-fit: cover;
  height: 100%;
  border-top-right-radius: 3rem;
  border-bottom-right-radius: 3rem;
}

.lp-head {
  padding: 4.8rem;
  border-radius: 3.2rem;
  color: var(--color-eerie-black);
  margin-bottom: 4rem !important;
}

.niceShop {
  background: var(--color-purple-light);
}

.nicePos {
  background: var(--color-lemon-glacier-light);
}

.niceMarketing {
  background: var(--color-primary-light);
}

.niceInvoice {
  background: var(--color-green-light);
}

.niceHome {
  background: var(--color-purple-light);
  color: var(--color-eerie-black);
}

.studioMarketeam {
  background: var(--color-blue-light);
}

.niceeat_iconLanding {
  display: block;
}

.niceeat_iconLanding i {
  font-size: 4.8rem;
  background: var(--color-eerie-black);
  padding: 2.4rem;
  border-radius: 3.2rem;
  height: 10rem;
  width: 10rem;
  display: block;
  margin: 0 0 2.4rem;
}

.niceShop .niceeat_iconLanding i {
  color: var(--color-purple-light);
}

.nicePos .niceeat_iconLanding i {
  color: var(--color-lemon-glacier-light);
}

.niceMarketing .niceeat_iconLanding i {
  color: var(--color-primary-light);
}

.niceInvoice .niceeat_iconLanding i {
  color: var(--color-green-light);
}

.studioMarketeam .niceeat_iconLanding i {
  color: var(--color-blue-light);
}

.nice__featureItem {
  padding: 6rem 0;
}

.nice__leftSection {
  grid-template-areas: 'image text';
}

.nice__rightSection {
  grid-template-areas: 'text image';
}

.nice__sectionImage {
  grid-area: image;
}

.nice__leftSection-img .nice__sectionImage {
  display: flex;
  justify-content: flex-end;
}

.nice__rightSection-img .nice__sectionImage {
  display: flex;
  justify-content: flex-start;
}

.nice__rightSection-text {
  display: flex;
  justify-content: flex-start;
}

.nice__leftSection-text {
  display: flex;
  justify-content: flex-end;
}

.nice__sectionText {
  grid-area: text;
  max-width: 60rem;
  padding: 4rem 2rem;
}

.nice__sectionText ul>li i {
  color: var(--color-strawberry);
  margin-right: 1.6rem;
  font-size: 2.4rem;
}

.nice__featureItem img {
  border-radius: 4rem;
}

/*---------ORDER ONLINE----------*/
.niceeat-niceShop .nice__sectionText ul>li i {
  color: var(--color-nice-violet) !important;
}

/*---------NICE POS----------*/
.niceeat-nicePos .nice__sectionText ul>li i {
  color: var(--color-yellow-basic) !important;
}

/*---------MARKETING----------*/
.niceeat-niceMarketing .nice__sectionText ul>li i {
  color: var(--color-strawberry) !important;
}

/*---------STUDIO MARKETEAM----------*/
.niceeat-studioMarketeam .nice__sectionText ul>li i {
  color: var(--color-blue) !important;
}

/*---------INVOICE----------*/
.niceeat-niceInvoice .nice__sectionText ul>li i {
  color: var(--color-green) !important;
}

/*---------CAREERS----------*/
.jobs-niceeat h3 {
  font-size: 2.4rem;
}

.button-applyJob {
  display: flex;
  font-size: 1.8rem;
  color: var(--color-eerie-black);
  gap: 1rem;
  align-items: center;
}

.button-applyJob:hover,
.button-applyJob:focus,
.button-applyJob:visited {
  color: var(--color-eerie-black);
}

.button-applyJob i {
  font-size: 3rem;
  transition: var(--tran-03);
}

.button-applyJob i:hover {
  transform: translateX(0.8rem);
}

/*---------PARTNERS---------*/
/*---------PRICE------------*/
.nice__calltoAction {
  background-color: var(--color-middle-red-purple);
  padding: 9.6rem 7.2rem 7.2rem;
  position: relative;
  z-index: 0;
}

.nice__calltoAction .nice__gridRow {
  position: relative;
  z-index: 2;
}

.pricing-toggle {
  text-align: center;
  background: var(--color-grey-f2);
  border-radius: 4rem;
  max-width: 60rem;
  display: grid;
  justify-content: center;
  margin: 4rem auto 1.6rem;
  width: 100%;
  grid-template-columns: 1fr 1fr;
}

.toggle-btn {
  background: none;
  border: 0;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  color: var(--color-nice-violet);
  font-weight: 500;
  transition: all ease 0.2s;
}

.toggle-btn.active {
  background: var(--color-nice-violet);
  color: white;
  font-weight: 500;
  border-radius: 4rem;
}

.nice__price {
  padding: 7rem 0 0;
  background: var(--color-grey-f2);
  margin-bottom: 6.4rem;
}

.nice__priceBox {
  padding: 3rem 2rem;
  text-align: center;
  background: rgb(22 27 35 / 37%);
  border-radius: 1rem;
}

.nice_pricingContainer {
  padding: 3rem 0;
}

.nice__btnCenter {
  margin-top: 3rem;
  text-align: center;
}

.n-plansContainer {
  padding: 4rem 2.4rem;
}

.nice-planContainerHeader h2 {
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}

.nice-planContainerHeader h3 {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 1.6rem;
}

.nice-planContainerHeader h4 {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}

.nice-planContainer.featured {
  border: 2px solid var(--color-purple);
  border-radius: 2.4rem;
  background: linear-gradient(179deg, #f4ecff, transparent);
}

ul.n-planFeatureslist li {
  font-size: 1.6rem;
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
}

ul.n-planFeatureslist li i {
  color: var(--color-green);
}

.n-plansMulti {
  background: var(--color-eerie-black);
  color: var(--color-white);
  padding: 3.2rem;
  border-radius: 2rem;
  margin-top: 4rem;
}

.n-plansMulti h3 {
  font-size: 3.2rem;
  font-family: var(--font-titles);
}

.invoice-price-table {
  width: 100%;
  font-size: 1.4rem;
}

.table-feature-title {
  background: var(--color-purple-light);
  font-size: 1.6rem;
}

.price-table-wrapper {
  max-height: 80vh;
  overflow-y: auto;
}

.pricing-detail-table thead {
  position: sticky !important;
  top: 0;
}

.nice-promise {
  background: var(--color-bright-yellow);
  padding: 1rem 1.6rem;
  border-radius: 4.8rem;
  color: var(--color-eerie-black);
  font-size: 1.4rem;
  display: flex;
  justify-self: center;
  align-items: center;
  gap: 0.8rem;
}

p.disclaimer {
  font-size: 1.4rem;
}

/*---------POLICIES----------*/
@media (max-width: 960px) {

  /*---------GENERAL----------*/
  .niceeat-homePage p {
    font-size: 1.6rem;
    text-align: left;
  }

  /*---------HEADER----------*/

  /*---------FOOTER----------*/
  .nice__demohelp {
    padding: 2.4rem;
  }

  .nice__bottom-containerItem {
    margin-bottom: 3rem;
  }

  .nice__logoFooter {
    display: grid !important;
    text-align: center;
    padding: 0 2rem;
    line-height: 1.6em;
  }

  .nice__copyright {
    text-align: center;
    line-height: 1.6em;
    font-size: 1.2rem;
  }

  .nice__footerSocial-media {
    justify-content: center;
  }

  /*---------HOME----------*/
  .nice__hero {
    padding: 12rem 2.4rem 1.6rem;
    min-height: initial;
  }

  .nice__hero .nice__containerxl {
    padding: 0;
  }

  .nice__headerText-closed h1 {
    margin-top: -25rem;
  }

  .hero-textHome {
    margin-right: 0;
  }

  .nice__headerText h1,
  .nice__headerText h1.home-h1 {
    font-size: 4.4rem;
    line-height: 1.1em;
    text-align: left;
    margin-bottom: 0;
  }

  .nice__headerText h2 {
    font-size: 1.6rem;
    line-height: 1.6em;
    text-align: left;
  }

  .nice__headerText a {
    text-align: center;
    display: block;
  }

  .nice__headerText p {
    display: grid;
    justify-content: flex-start;
  }

  .nice__btnCtaMain,
  .button-reserve-call {
    font-size: 1.6rem;
    display: inline-block;
    padding: 1.6rem 2.4rem;
    width: 100%;
    justify-content: center;
  }

  .nice-promise {
    display: grid;
    grid-gap: 0.8rem;
    border-radius: 1rem;
    text-align: left;
  }

  .nice__bodyContent h4 {
    font-size: 2.4rem;
  }

  .nice__heroFeatures {
    padding: 4rem 2.4rem;
  }

  .nice__heroFeatures h3 {
    font-size: 1.8rem;
  }

  .nice__bodyContent h2,
  .bottom-container h2 {
    font-size: 3.2rem;
    margin-bottom: 3rem;
    line-height: 1.2em;
  }

  .niceeat_carrusel {
    font-size: 1.6rem !important;
  }

  p.disclaimer {
    font-size: 1.2rem;
  }

  .n-planContainer h2 {
    padding: 0;
  }

  .niceeat_customers {
    padding: 3.2rem;
  }

  .niceeat_customers h3 {
    font-size: 1.8rem;
    font-weight: 500;
  }

  .niceeat_customers .niceeat_carrusel {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.6rem;
  }

  .feature-textContainer h2 {
    font-size: 2.4rem;
  }

  .nice__bodyContent .nice__subtitle,
  .bottom-container .nice__subtitle {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 0 2.4rem;
    margin-bottom: 4rem;
  }

  .nice__tabHeader-item {
    font-size: 1.6rem;
    line-height: 1.4em;
  }

  .nice__tabsHeader {
    margin-bottom: 0;
  }

  .niceeat_steps h3,
  .nice__heroFeatures h3 {
    font-size: 2.4rem;
  }

  .nice__tabBody-item h3,
  .features-page h3 {
    font-size: 2rem;
    font-weight: 600;
  }

  .nice__sectionText {
    padding: 2.4rem;
  }

  .nice__tabBody-item ul,
  .nice__sectionText ul {
    font-size: 1.6rem;
  }

  .nice__tabBody-item li,
  .nice__sectionText li {
    display: flex;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
  }

  .nice__tabBody-item ul>li i,
  .nice__sectionText ul>li i {
    font-size: 2rem;
    margin-right: 1rem;
  }

  .nice__sectionImage {
    padding: 2.4rem;
  }

  .tabcontent img {
    border-radius: 6rem;
    padding: 3.2rem;
  }

  .niceeat__ipc {
    padding: 4rem 0 0;
    text-align: center;
  }

  .niceeat__ipc-items {
    background: var(--color-yellow);
    padding: 4.8rem 3.2rem;
    text-align: center;
  }

  .niceeat__ipc-items h3 {
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
  }

  .nice__ipc-contact {
    padding: 18rem 0 3.2rem;
  }

  .niceeat_testimonials {
    padding: 4.8rem 3.2rem;
  }

  .nice__bottom-containerItem h3 {
    font-size: 1.8rem;
  }

  .nice__bottom-containerItem .n-btnBottom {
    font-size: 1.6rem;
  }

  .nice__testimonial-item {
    margin-bottom: 3.2rem;
  }

  .nice__testimonial-header {
    display: grid !important;
    margin-bottom: 3rem;
  }

  .nice__testimonial-name {
    font-size: 2rem;
  }

  .nice__footerLanding {
    padding: 6rem 3.2rem 0;
  }

  .bg-pizzaContainer {
    width: 15rem;
    height: 16rem;
  }

  .bg-pizzaContainerForm {
    width: 14rem;
    height: 11rem;
  }

  .nice__leadForm h2 {
    font-size: 2.8rem;
  }

  .nice__leadForm h3 {
    font-size: 1.6rem;
  }

  .niceeat_carrusel-partners {
    grid-template-columns: 1fr;
    grid-gap: 3rem;
  }

  .niceeat_carrusel-partners img {
    max-width: 50%;
  }

  .lp-head-home .text-hero {
    padding: 4rem 2.4rem;
  }

  .n-big-card {
    margin-bottom: 4rem;
  }

  .legal-consent-container .hs-form-booleancheckbox-display p {
    font-size: 1.2rem !important;
  }

  /*---------ABOUT US----------*/

  /*---------PRICE----------*/
  .n-demoformContainer {
    margin-top: -2.4rem;
  }

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

  /*---------SCHEDULE DEMO----------*/
  /*---------IPC----------*/
  /*---------REFERRALS----------*/
  /*---------SOLUTIONS PAGES----------*/
  .faqs {
    padding: 0 2.4rem;
  }

  .faqs .answer {
    font-size: 1.4rem;
  }

  .lp-head {
    padding: 2.4rem 1.6rem;
    border-radius: 0;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }

  .lp-head span {
    font-size: 1.8rem;
  }

  .niceeat_iconLanding {
    padding: 1.6rem 0 0 2.4rem;
  }

  .niceeat_iconLanding i {
    font-size: 4rem;
    background: var(--color-eerie-black);
    padding: 1.8rem;
    border-radius: 2.2rem;
    height: 7.6rem;
    width: 7.6rem;
    display: block;
    margin: 0 0 2.4rem;
  }

  .glareCircle {
    height: 10rem;
    width: 10rem;
    background-color: var(--color-primary-lust-priestess);
    filter: blur(64px);
    position: absolute;
    z-index: 1;
    top: 150px;
    left: 37%;
  }

  /*---------ORDER ONLINE----------*/
  /*---------NICE POS----------*/
  /*---------MARKETING----------*/
  /*---------MARKETEAM----------*/
  /*---------ELECTRONIC INVOICE----------*/
  /*---------CAREERS----------*/
  /*---------PARTNERS---------*/
  /*---------POLICIES----------*/
}

.niceeat-homePage h2.nice__subtitle {
  font-size: 2rem;
  font-weight: normal;
  line-height: 140%;
}

.nice__heroContent {
  background: var(--color-white);
  max-width: 66rem;
}

.nice__digitalecosystem h3 {
  font-size: 4.2rem;
  font-weight: 700;
  margin-bottom: 1.8rem;
  line-height: 1.2em;
}

.nice__heroContentThanks {
  padding: 10rem 2.4rem 40rem;
  text-align: center;
  color: var(--color-nice-violet);
}

.nice__heroContentThanks a {
  display: inline-block;
  text-align: center;
}

.nice__heroContentThanks h1 {
  font-size: 7rem;
}

.floating__image {
  padding: 1rem 0 7rem;
}

img {
  max-width: 100%;
}

.small {
  margin-top: 2rem;
  font-size: 1.4rem !important;
}

.intro-text-white {
  padding: 5rem;
  background: var(--color-white);
}

.intro-text-white h2 {
  color: var(--color-strawberry);
}

.intro-text-white h2 span {
  color: var(--color-strawberry);
}

.intro-text {
  padding: 8rem 3rem;
  background: var(--color-nice-violet);
  color: var(--color-white);
}

.intro-title {
  font-size: 6rem;
  font-weight: 700;
  font-family: var(--font-body);
  text-align: center;
  margin-bottom: 3.6rem;
  line-height: 1.2em;
}

.intro-title span {
  color: var(--color-white);
  font-weight: 700;
}

.intro-text p {
  font-size: 2rem;
  margin-bottom: 2.4rem;
}

.intro-subtitle {
  font-size: 2.8rem;
  margin-bottom: 2rem;
}

.intro-objt {
  font-size: 6rem;
  font-weight: 700;
  font-family: var(--font-body);
  line-height: 1em;
  color: var(--color-strawberry);
}

.intro-text ul,
.intro-text-white ul {
  list-style-type: disc;
  font-size: 2rem;
  padding-left: 2rem;
}

.announce-text {
  background: var(--color-linear-nice);
  padding: 8rem;
  border-radius: 4rem;
  color: white;
  margin-top: 6rem;
  font-size: 2.6rem;
  font-family: var(--font-body);
  line-height: 1.4em;
  display: grid;
  grid-gap: 3rem;
  justify-content: center;
}

.announce-text strong {
  font-weight: 700;
}

.announce-text ul li {
  font-size: 2.6rem;
}

.nice__productFeatures {
  padding: 5rem 0 0;
}

/*nice__valueProposition*/

.nice__titleLanding {
  position: relative;
  z-index: 2;
}

.nice__titleLanding h1 {
  font-family: var(--font-body);
  font-size: 9rem;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 3rem;
}

.nice__titleLandingXl h2 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1em;
  margin-bottom: 6.4rem;
  max-width: 70rem;
}

.nice__titleCta h2 {
  font-size: 4rem;
  font-family: var(--font-body);
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 3rem;
}

.btnStartBanner {
  display: block;
  text-align: center;
}

.nice__titleLanding h3 {
  font-size: 2rem;
  margin-bottom: 3rem;
}

.half-width {
  max-width: 60rem;
}

.nice__titleDivider {
  display: block;
  background-color: var(--color-strawberry);
  height: 0.8rem;
  width: 10rem;
}

.nice__valuePropContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5rem;
  padding: 5rem;
  position: relative;
  z-index: 1;
}

.nice__valuePropContainer .nice__valueItem,
.nice__corevalueItem {
  padding: 2.4rem;
  border: 3px solid;
  border-radius: 1.5rem;
}

.nice__valuePropContainer .nice__valueItem h4 {
  font-size: 2.8rem;
  font-weight: 600;
  list-style: 1.2em;
  margin-bottom: 2.4rem;
}

.nice__valuePropContainer .nice__valueItem span {
  font-size: 1.8rem;
}

.border-primary-magenta {
  border-color: var(--color-primary-magenta) !important;
}

.border-lust-priestess {
  border-color: var(--color-primary-lust-priestess) !important;
}

.border-primary-purple {
  border-color: var(--color-nice-violet) !important;
}

.border-yellow-basic {
  border-color: var(--color-yellow-basic) !important;
}

.border-orange {
  border-color: var(--color-orange) !important;
}

.border-green {
  border-color: var(--color-green) !important;
}

/*Registration*/
.nice__lps2 {
  background-color: var(--color-sugar-crystal);
  padding: 8rem 2.4rem;
}

.nice__stepsItem a {
  display: block;
  transition: all ease 0.2s;
}

.nice__stepsItem a:hover {
  transform: translateY(-5px);
}

.nice__stepsItem img {
  margin-bottom: 3.2rem;
}

.nice__stepsItem h3 {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
  font-weight: 400;
}

.nice__staffItem h3 {
  font-size: 2.4rem;
  font-weight: 400;
}

.nice__staffItem .staffIcon {
  margin-bottom: 1.6rem;
}

/*Use Cases*/
.nice__lps3 {
  padding: 8rem 2.4rem;
}

.usecases .nice__gridRow {
  grid-gap: 7.2rem;
}

.nice__usecaseItems {
  padding-top: 7.2rem;
}

.nice__usecaseItem {
  border: 3px solid var(--color-middle-red-purple);
  border-radius: 3rem;
  padding: 3.2rem;
}

.nice__usecaseItem h3 {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
  font-weight: 400;
}

/*Testimonials*/
.nice__lps4 {
  background-color: var(--color-eerie-black);
}

.nice__testimonials {
  padding: 8rem 2.4rem;
}

.nice__testimonialsContainer {
  background-color: var(--color-white);
  border-radius: 3rem;
  padding: 5.4rem;
}

.nice__testimonial p {
  font-size: 1.8rem;
}

/*MIM*/
.nice__lps5 {
  padding: 8rem 2.4rem;
}

.nice__lps5 .nice__titleLanding h2 span {
  font-weight: 700;
}

.nice__support {
  padding: 7.2rem 0 0;
}

.nice__lps6 {
  background-color: var(--color-purple-light);
  padding: 8rem 2.4rem;
}

.nice__lps6 .nice__container {
  position: relative;
}

.nice__lps6 .img__support {
  position: absolute;
  top: -15rem;
  right: 0;
}

.support h2 {
  font-size: 4rem;
  font-family: var(--font-body);
  font-weight: 600;
}

.disclaimer p {
  font-size: 1.4rem;
  padding: 3rem;
  color: var(--color-grey-9b);
}

/*BLOG*/
.nice__lps7 {
  padding: 8rem 2.4rem;
}

.nice__blogItems {
  padding-top: 7.2rem;
}

.blog .nice__gridRow {
  grid-gap: 7.2rem;
  grid-auto-rows: 1fr;
}

.nice__blogItem {
  border: 0;
  border-radius: 3rem;
  padding: 3.2rem;
  box-shadow: 7px 7px 35px rgb(0 0 0 / 15%);
}

.nice__blogItem h3 {
  font-size: 2rem;
  margin-bottom: 2.4rem;
  font-weight: 400;
}

.nice__blogItem a {
  color: var(--color-strawberry);
  font-weight: 500;
}

/*PLAZOLETAS*/


.left-td {
  min-width: 25rem;
}

.niceeat_trial {
  background-color: var(--color-grey-f2);
  padding: 6rem;
}

.niceeat_trial img {
  display: inline-block;
  margin: 0 auto 3rem;
}

.niceeat_trial h2 {
  font-size: 4.8rem;
  margin-bottom: 3rem;
  font-weight: 600;
}

.niceeat_trial h3 {
  font-size: 2.6rem;
  margin-bottom: 6rem;
}

.nice__intro p {
  font-size: 2.4rem;
  text-align: center;
}

.nice__landingCard-content h3 {
  color: var(--color-nice-violet);
  font-family: var(--font-body);
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.3em;
  padding: 0 0 3.6rem;
}

.menus-digitales {
  background-color: var(--color-strawberry);
  padding: 6rem;
}

.nice__metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3rem;
  padding: 5rem;
  color: var(--color-white);
}

.nice__metric {
  text-align: center;
}

.nice__metric h3 {
  font-family: var(--font-body);
  font-size: 10rem;
  font-weight: 700;
}

.nice__metric span {
  font-size: 2.4rem;
  font-weight: 500;
  font-family: var(--font-body);
  line-height: 1.4em;
}

.final-cta {
  padding: 0;
}

#agendar-llamada {
  background-color: #f3f3f3;
}

.nice__webpage {
  padding-bottom: 6rem;
}

.nice_webpageContainer {
  padding: 6rem 0;
}

.nice__landingClients h3 {
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 6rem;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 6rem;
}

.nice__landingCard-content h4 {
  font-size: 2.2rem;
  margin: 0 auto 3.2rem;
  max-width: 80rem;
}

.nice__landingCard-content p {
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
}

.nice__plazoleta .nice__horizontalCard {
  background: var(--color-eerie-black);
  color: var(--color-white);
  margin-bottom: 8rem;
}

.nice__nicecoins .nice__horizontalCard {
  background: var(--color-nice-violet);
  color: var(--color-white);
  margin-bottom: 8rem;
}

.nice__horizontalCard {
  border-radius: 2rem;
}

.nice__horizontalCard h3 {
  font-family: var(--font-body);
  font-size: 5rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

.nice__horizontalCard-content {
  padding: 8rem 4.6rem;
  font-size: 1.8rem;
}

.nice__horizontalCard-content .nice__iconCard {
  margin-bottom: 3rem;
}

.nice__horizontalCard img.nice__horizontalCard-image {
  height: 100%;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  object-fit: cover;
}

.nice__heroEvent-Form {
  color: var(--color-eerie-black);
}

.nice__technology {
  padding: 8rem 4rem 4rem;
  margin-bottom: 4rem;
}

.small-textCta {
  padding: 2rem 0;
  font-size: 1.4rem;

}

.header-coins {
  max-width: initial !important;
}

.nicecoins {
  font-family: var(--font-body);
  font-size: 2.4rem;
}

.recarga-nice {
  font-size: 3rem;
  border-radius: 2rem;
  padding: 3.2rem 6.4rem;
  border: 0.5rem solid var(--color-nice-violet);
  margin-bottom: 5.6rem;
  line-height: 1.2em;
}

.howitworks_nice h3 {
  color: var(--color-yellow-basic);
  font-size: 4.8rem;
  font-weight: 600;
}

.datenicecoins {
  color: var(--color-yellow-basic);
  font-size: 6rem;
  line-height: 1.4em;
  margin-bottom: 4rem;
  font-weight: 500;
  border-bottom: 0.5rem solid var(--color-primary-lust-priestess);
  display: inline-block;
}

/*WEBINAR*/
.nice__webinar-header {
  text-align: center;
  margin-bottom: 8rem;
}

.nice__heroWebinar {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.nice__webinarPresentation {
  padding: 3rem;
}

.nice__heroWebinar-title {
  font-size: 4.2rem;
  font-family: var(--font-body);
  margin-bottom: 2rem;
  line-height: 1em;
}

.nice__heroWebinar h1 {
  font-size: 6.4rem;
  color: var(--color-yellow-basic);
  line-height: 1em;
  padding: 2rem 0;
  font-family: var(--font-body);
}

.nice__heroWebinar-schedule {
  margin: 2rem 0;
  font-size: 2.4rem;
  font-family: var(--font-body);
}

.nice__heroWebinar .eventMode {
  font-size: 2.8rem;
  font-family: var(--font-body);
  margin-bottom: 2rem;
}

.nice__heroWebinar .date {
  border: 2px solid var(--color-primary-lust-priestess);
  padding: 1.8rem 2rem 1rem;
  display: inline-block;
  border-radius: 1rem;
  max-width: 32rem;
  width: 100%;
  box-shadow: 0 0 15px rgb(210 49 255 / 82%);
  font-size: 3rem;
  font-weight: 600;
  color: var(--color-white);
  margin-bottom: 3rem;
}

.nice__webinarExtract p {
  font-size: 1.8rem;
  line-height: 1.4em;
  margin-bottom: 2rem;
}

.nice__webinarParticipants {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
}

.nice__heroWebinar .personData {
  display: grid;
  grid-gap: 1rem;
}

.nice__heroWebinar .personImage img {
  border: 4px solid white;
  border-radius: 7rem;
}

.nice__heroWebinar .personName {
  font-size: 2rem;
  font-weight: 600;
}

.nice__heroWebinar .personPosition {
  font-size: 1.6rem;
}

.nice__heroWebinar .personLinks {
  display: flex;
  gap: 2rem;
}

/*PRICE*/

.nice__planTable {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 90rem;
  grid-gap: 2.4rem;
}

.nice__planName {
  display: grid;
  padding: 3.2rem;
  border-bottom: var(--line);
  position: relative;
}

.nice__planTable-plan {
  background: var(--color-white);
  color: var(--color-eerie-black);
  border-radius: 4rem;
  box-shadow: 0 1rem 1.5rem rgb(0 0 0 / 15%);
}

.nice__planTable-planAct {
  border-radius: 1rem;
  background: var(--color-white);
  box-shadow: 0 1rem 1.5rem rgb(0 0 0 / 5%);
  max-width: 90rem;
  margin: 0 auto 2.4rem;
}

.nice__planName-features {
  padding: 3.2rem;
}

.nice__planName-features ul li {
  display: flex;
  align-items: self-start;
  gap: 0.8rem;
  font-size: 1.6rem;
}

.nice__planName-features ul li span {
  color: var(--color-white);
  background-color: var(--color-green);
  border-radius: 0.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.1rem 1rem;
}

.small-notePricing {
  padding: 5rem 3rem 0;
  font-size: 1.6rem !important;
  margin-bottom: 0 !important;
}

.payment-options {
  max-width: 40rem;
  margin-top: 3rem;
  width: 100%;
}

.nice__planName-features h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

.nice__ctaBlock {
  margin: 4.8rem;
}

.nice__planName img {
  margin-bottom: 2.4rem;
}

.nice__planName .title-plan {
  color: var(--color-strawberry);
  font-family: var(--font-body);
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.6em;
  margin-bottom: 1rem;
}

.nice__planName h2 {
  font-family: var(--font-body);
  font-size: 8rem;
  font-weight: 700;
  line-height: 1em;
  color: var(--color-nice-violet);
  margin-bottom: 3rem;
}

.nice__planName p {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}

.nice__stepName h2 {
  color: var(--color-yellow-basic);
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 2.4rem;
}

.nice__planName h3 {
  color: var(--color-eerie-black);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 1.2rem;
}

.nice__planName .nice__planPrice {
  color: var(--color-strawberry);
  font-size: 4.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  line-height: 1.2em;
  font-family: var(--font-body);
}

.websitePrice {
  display: flex;
  justify-content: center;
}

.recommendedPlan {
  background: rgb(239 231 255);
}

.nice__priceTable .table tr td:first-child {
  font-weight: 500;
}

.nice__priceTable .table>tbody>tr>td {
  text-align: center;
}

.tableHead {
  background-color: var(--color-eerie-black);
  color: var(--color-white);
  padding: 1.5rem;
}

.tableHead:hover {
  background-color: var(--color-eerie-black) !important;
}

.tableHead h3 {
  font-size: 1.8rem;
  font-weight: 700;
}

.tableHead h3 span {
  font-size: 1.4rem;
  font-weight: 400;
  margin-left: 1rem;
}

.nice__priceTable .nice__btnCta {
  display: block;
  width: 100%;
  text-align: center;
}

.nice__priceTableMobile {
  display: none;
}

.okcheck {
  width: 2.4rem !important;
  height: 2.4rem !important;
}

.new-feature {
  background-color: var(--color-green);
  color: var(--color-white);
  font-size: 1.3rem;
  border-radius: 0.4rem;
  padding: 0 0.8rem;
  line-height: 1.6em;
}

.setup-fee {
  color: var(--color-strawberry);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2em;
  padding: 1rem;
}

.extra-service h2 {
  color: var(--color-eerie-black);
  font-family: var(--font-body);
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 3rem;
  text-align: center;
}

.extra-service h3 {
  color: var(--color-eerie-black);
  font-family: var(--font-body);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 1rem;
}

.extra-serviceContainer {
  border-radius: 1rem;
  padding: 4rem;
  background: var(--color-yellow-basic);
  margin-bottom: 3.2rem;
}

.extra-serviceContainer span {
  font-size: 2rem;
}

.epayco_button {
  padding-top: 2.4rem;
}

.nice__faqs {
  padding: 8rem 3rem;
}

.nice__faqs p a {
  color: var(--color-strawberry);
  font-weight: 600;
  text-decoration: underline;
}

.nice__ctaFooter {
  background: var(--color-eerie-black);
  color: var(--color-white);
  padding: 7rem 3rem;
}

.nice__ctafooterTitle {
  font-size: 4.8rem;
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: 2.4rem;
}

.nice__ctafooterSubtitle {
  max-width: 96rem;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.nice__pricignSetup {
  padding: 3.2rem;
  max-width: 120rem;
  background: var(--color-eerie-black);
  color: var(--color-white);
  border-radius: 2rem;
  text-align: center;
  margin-bottom: 2.4rem;
}

/*ABOUT*/
.lps_about1 {
  padding: 8rem 2.4rem;
}

.lps_about2 {
  background-color: var(--color-sugar-crystal);
  padding: 8rem 2.4rem;
}

.lps_about2 .nice__titleLanding {
  margin-bottom: 4rem;
}

.nice__titleLanding h2 {
  font-size: 6rem;
  font-weight: 600;
  font-family: var(--font-titles);
  text-align: left;
}

.about-us {
  color: var(--color-eerie-black);
}

.about-us h1 {
  font-size: 4rem;
  padding: 4rem 0 0;
}

.lps_about3 {
  padding: 8rem 2.4rem;
}

.nice__staffRow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2.4rem;
}

.lps_about4 {
  background-color: var(--color-middle-red-purple);
}

.nice__coreValues {
  border-radius: 0;
  padding: 8.8rem 3.2rem;
  position: relative;
}

.nice__valueText {
  font-size: 1.8rem;
  line-height: 1.4em;
}

.nice__manifesto {
  padding: 7.2rem 0 4rem;
}

.nice__manifestoList ol {
  padding: 0 2.4rem 8rem;
  font-size: 2rem;
}

.centered_buttons {
  text-align: center;
  margin: 0 auto 2rem;
}

/*EVENT*/
.niceeat-eventPage {
  font-family: var(--font-body);
}

.nice__heroEvent {
  position: relative;
  background-color: var(--color-eerie-black);
  background-size: cover;
  background-position: top center;
  font-family: var(--font-body);
}

.nice__eventPresentation {
  padding: 12rem 2.4rem;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8rem;
}

.nice__heroEvent-content {
  max-width: 65rem;
  width: 100%;
}

.nice__heroEvent-content h1 {
  color: var(--color-yellow-basic);
  font-size: 9.6rem;
  font-weight: bold;
  line-height: 0.8em;
}

.nice__heroEvent-content h2 {
  font-size: 3.2rem;
}

.nice__heroEvent-content .date {
  border: 2px solid var(--color-primary-lust-priestess);
  padding: 1.8rem 2rem 1rem;
  display: inline-block;
  border-radius: 1rem;
  max-width: 32rem;
  width: 100%;
  box-shadow: 0 0 15px rgb(210 49 255 / 82%);
}

.nice__heroEvent-Form h2 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}

.nice__heroEvent-info {
  padding: 5rem 0;
}

.nice__organiza .nice__titleLanding {
  margin-bottom: 3rem;
}

.nice__heroEvent .eventMode,
.nice__heroEvent .date {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 4.8rem;
}

.nice__heroEvent-info .schedule {
  font-size: 2rem;
  line-height: 1.6em;
}

.nice__heroEvent-Organizer .title {
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
}

.centered {
  margin: 0 auto;
}

.nice__heroEvent-Form {
  background-color: var(--color-white);
  border-radius: 2rem;
  padding: 4rem 3.2rem;
}

.nice__listEvent {
  font-size: 1.8rem;
}

.nice__listEvent li {
  position: relative;
  margin-bottom: 1.6rem;
}

.nice__listEvent li:before {
  content: '\00b7';
  font-size: 80px;
  position: absolute;
  top: 0.6rem;
  left: -2.4rem;
}

.agenda-p {
  font-size: 2rem;
  line-height: 1.4em;
  text-align: center;
  margin-bottom: 4.8rem;
}

.nice__speakerRow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5.6rem 3.2rem;
}

.nice__speakersItem img {
  max-width: 20rem;
  width: 100%;
  margin: 0 auto 3rem;
}

.nice__speakers {
  padding-bottom: 8rem;
}

.nice__organiza {
  padding-bottom: 3rem;
}

.nice__eventAgenda-schedule {
  display: flex;
}

.nice__eventAgenda-header {
  padding: 2.4rem;
  background-color: var(--color-yellow-basic);
  color: var(--color-eerie-black);
  font-size: 2.4rem;
  font-weight: 600;
}

.nice__eventSchedule-hour {
  padding: 2.4rem;
  color: white;
  background-color: var(--color-strawberry);
  font-size: 2rem;
  width: 100%;
  max-width: 13rem;
}

.nice__eventSchedule-conference {
  padding: 2.4rem;
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.3em;
  color: white;
  background-color: var(--color-eerie-black);
  border-bottom: 2px solid rgb(255 255 255 / 24%);
}

.nice__eventSchedule-conference span {
  font-size: 1.6rem;
  color: var(--color-bright-yellow);
}

/*OFFER*/
.nice__offerpage .nice__hero {
  background: var(--color-middle-red-purple);
  color: var(--color-white);
}

.offer-title {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  justify-content: center;
}

.nice__offerHeader {
  justify-content: center;
  padding: 10rem 2.4rem;
}

.nice__offerHeader .nice__heroContent {
  max-width: 100%;
  background: var(--color-middle-red-purple);
}

.nice__offerpage h1 {
  color: var(--color-white);
}

.nice__offerSubtitle {
  background: var(--color-linear-nice);
  color: var(--color-white);
  padding: 1.6rem;
  border-radius: 7rem;
  font-size: 2.4rem;
  margin-bottom: 6.4rem;
}

.nice__offerHeader .nice__headerImage {
  width: 100%;
  max-width: 840px;
}

.nice__offerDescription {
  font-size: 2.4rem;
  padding: 2.4rem;
}

.nice__offerHeader .cta_buttons button {
  font-size: 2.4rem;
}

.nice__offerHeader .cta_buttons {
  justify-content: center;
}

.nice__offerDescription h2 {
  font-size: 4rem;
  color: var(--color-white);
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 3.2rem;
}

.nice__offerPrice {
  font-size: 6rem;
  color: var(--color-yellow-basic);
  font-weight: 700;
  margin-bottom: 6rem;
}

.offer-list {
  grid-template-columns: 1fr !important;
}

.nice__offerFeatures {
  margin-bottom: 3rem;
}

.offerFeature {
  border: 2px solid;
  border-radius: 1rem;
  padding: 2.4rem;
  background: var(--color-nice-violet);
  color: var(--color-white);
}

.offerFeature h3 {
  font-size: 2.2rem;
  margin-bottom: 2.4rem;
  color: var(--color-yellow-basic);
  font-weight: 600;
}

.nice__offerpage .date {
  color: var(--color-white);
  background: var(--color-strawberry);
  font-weight: 700;
  font-size: 3rem;
  padding: 2.4rem;
  border-radius: 1.5rem;
  display: inline-block;
  border: 4px solid var(--color-yellow-basic);
}

/*CONFERENCIAS*/
.h-normal {
  min-height: initial;
}

.logo-conferencias {
  margin-bottom: 5rem;
}

.nice__conferences {
  background-color: var(--color-eerie-black);
}

.nice__conference {
  text-align: center;
  padding: 2.4rem;
}

.nice__conference h2 {
  color: var(--color-yellow-basic);
  font-size: 2.8rem;
  font-weight: 600;
}

.nice__conference h3 {
  color: var(--color-white);
  margin-bottom: 2.4rem;
}

.offer-section {
  padding: 6.2rem;
  text-align: center;
  background: var(--color-yellow-basic);
}

.offer-section h2 {
  font-size: 5rem;
  font-weight: 700;
  color: var(--color-middle-red-purple);
  line-height: 1.2em;
}

.offer-section h3 {
  font-size: 2.4rem;
  padding: 4rem 0 2rem;
}

.icon-arrow-down {
  font-size: 6rem;
  display: block;
  height: 3rem;
  margin-top: 4rem;
}

/*LANDING CONTENT RESPONSIVE*/
@media (max-width: 960px) {
  .nice__staffItem h3 {
    font-size: 1.8rem;
  }

  .nice__menuItem a.nice__headerBtn {
    margin-left: 0;
  }

  .nice__intro {
    padding: 3rem 2.4rem 0;
  }

  .nice__hero img {
    max-width: 100%;
  }

  .nice__intro h2,
  .nice__users h2 {
    font-size: 3rem;
    padding: 2.4rem;
  }


  .nice__btnCta,
  .nice__btnCta-secondary {
    font-size: 1.6rem !important;
    width: 100%;
  }

  .nice__productTitle {
    font-size: 2.4rem;
  }

  .nice__containerHeader {
    display: block;
  }

  h3.nice_featureTitle {
    font-size: 2.2rem;
  }

  .nice__digitalecosystem h3 {
    font-size: 2.4rem;
  }

  .nice__featureContainer {
    max-width: 100%;
    margin-bottom: 3rem;
    text-align: center;
    padding: 2rem;
  }

  .nice__centerTitle {
    margin: 3rem auto 0;
  }

  .nice__successroute {
    padding: 5rem 0 5rem;
    background-size: 150%;
  }

  .nice__successtextBox {
    padding: 2rem 1rem;
  }

  ul.nice__landingList li {
    align-items: start;
  }

  .crea-tu-menu,
  .fourth-box {
    margin-top: 0;
  }

  .empieza-vender {
    margin-bottom: 3rem;
  }

  .nice__successroute h2 {
    font-size: 2.6rem;
  }

  .nice_routeBox {
    padding: 1rem;
  }

  .nice__priceTableMobile {
    display: block;
  }

  .nice__pricingTitle {
    font-size: 3.2rem;
  }

  .nice__priceSubtitle {
    padding: 0;
    font-size: 1.6rem;
  }

  .nice__centerTitleprice {
    margin-bottom: 5rem;
  }

  .xs-divider {
    border-bottom: 1px solid var(--color-light-grey);
    margin-bottom: 3rem;
    padding-bottom: 2rem;
  }

  .nice__price {
    background-size: 200%;
    padding: 2.4rem;
  }

  .nice_pricingContainer {
    padding: 4rem 0;
  }

  .contentboxcollapsible {
    padding: 1rem 0;
    font-size: 1.4rem !important;
  }

  .nice__ctafooterTitle {
    font-size: 2.6rem;
  }

  .nice__ctafooterSubtitle {
    font-size: 1.6rem;
    margin-bottom: 3rem;
  }

  .nice_pricingContainer ul {
    font-size: 1.4rem;
    padding: 3rem;
    background: var(--color-white);
  }

  .nice__planName a {
    margin-bottom: 2.4rem;
  }

  .nice__planName img {
    margin: 2.4rem auto;
  }

  .tableHead {
    padding: 1.6rem;
    font-size: 1.4rem;
  }

  .nice__stepName h2 {
    font-size: 2rem;
  }

  .nice__ctaFooter {
    padding: 7rem 0;
    text-align: center;
  }

  .nice_actionsList {
    padding: 0;
    list-style-type: none;
  }

  .nice_routeboxContainer h3 {
    font-size: 2rem;
  }

  .nice_actionsList li {
    font-size: 1.4rem;
  }

  .nice__valueProposition {
    border-radius: 0;
    padding: 8.8rem 3.2rem;
  }

  .nice__usecaseItems {
    padding-top: 4rem;
  }

  .nice__titleLandingXl h2 {
    margin-bottom: 4rem;
  }

  .nice__valuePropContainer {
    padding: 4rem 0;
    grid-template-columns: 1fr;
  }

  .nice__valuePropContainer .nice__valueItem h4 {
    font-size: 2.4rem;
  }

  .nice__titleLanding h2,
  .nice__titleLandingXl h2 {
    font-size: 2.6rem;
    padding: 3.2rem 0 0;
  }

  .nice__titleLanding h3 {
    font-size: 1.6rem;
  }

  .space-bottom {
    margin-bottom: 3rem;
  }

  .nice__valuePropContainer .nice__valueItem span {
    font-size: 1.6rem;
    line-height: 1.4em;
  }

  .nice__lps1 {
    padding: 0;
  }

  .img__circle-topRight,
  .img__circle-bottomLeft {
    max-width: 12rem;
  }

  .nice__stepsItem h3,
  .nice__usecaseItem h3,
  .nice__staffItems h3 {
    font-size: 2rem;
  }

  .nice__usecaseItem {
    margin-bottom: 2.4rem;
  }

  .nice__testimonialsContainer {
    padding: 3.2rem;
    margin-top: 4rem;
  }

  .nice__lps6 .img__support {
    position: relative;
    top: -5rem;
  }

  .nice__support {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 4rem 0 0;
  }

  .nice__support * {
    grid-column: initial !important;
  }

  .nice__support h3 {
    font-size: 1.6rem;
  }

  .nice__blogItem {
    margin-bottom: 3.2rem;
  }

  .nice__calltoAction {
    border-radius: 0;
    padding: 8.8rem 3.2rem;
    text-align: center;
  }

  .nice__stepsItem img {
    max-height: 7rem;
  }

  .nice__staffRow {
    grid-template-columns: 1fr 1fr;
  }
}

.light-text {
  color: var(--color-white) !important;
}

.darkTitle {
  color: var(--color-secondary-dark) !important;
}

.nice__footersectionText {
  font-size: 2.4rem;
  line-height: 1.3em;
  font-weight: 500;
  margin-bottom: 2rem;
}

.floating__textContainer {
  display: flex;
  align-items: center;
  height: 100%;
}

.floating__text {
  max-width: 56rem;
  padding: 7rem 2rem;
}

.bottom__image {
  display: flex;
  align-items: flex-end;
  height: 100%;
}

.payments,
.ventajas {
  width: 100%;
  border-radius: 1rem;
}

.cartaqr {
  max-width: 60rem;
}

.h-dgrid {
  display: grid;
  min-height: calc(100vh - 14rem);
}

.totalh-dgrid {
  min-height: 105rem;
}

.align-vcenter {
  align-items: center;
  display: flex;
  height: 100%;
}

.sede-virtual-1 {
  background-size: 100% 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.delivery-start {
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
}

.sedevirtual-start {
  background-size: 100% 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.digitaliza {
  margin-left: 7rem;
}

.mensajero {
  position: absolute;
  right: 0;
  max-width: 80rem;
}

.niceeat-landing h3 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 120%;
  margin-bottom: 1rem;
}

.niceeat__bgscreen {
  height: 50rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 5rem;
}

.niceeat-landing p,
.niceeat-internPage p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 2.5rem;
}

ol {
  list-style-type: decimal;
  padding-left: 2rem;
}

li {
  line-height: 1.6em;
  margin-bottom: 2rem;
}

/*PLAZOLETA VIRTUAL*/
.plazoleta-virtual {
  min-height: 90vh;
}

.left-imageBg {
  background-size: cover;
}

.h-initial {
  min-height: initial !important;
}

h2.subtitle_plazoleta {
  font-size: 2.8rem;
  font-weight: 400;
  margin: 2rem 0 3rem;
}

.nice_plazoletListitem {
  background: var(--color-mid-white);
  display: grid;
  grid-template-columns: 5rem 1fr;
  margin-bottom: 2rem;
  border-radius: 0.4rem;
  padding: 2rem;
  align-items: center;
}

.listItem_number {
  color: var(--color-strawberry);
  font-size: 5rem;
  font-weight: 600;
  display: block;
  line-height: 5rem;
}

.nice_plazoletListitem p {
  padding: 0;
  margin-bottom: 0;
}

h3.cta-yellowText {
  color: var(--color-yellow);
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 4rem;
}

.hero-message {
  background-color: var(--color-yellow);
  color: var(--color-white);
  font-size: 3rem;
  line-height: 1.2em;
  padding: 5rem;
  display: flex;
  align-items: center;
}

.plazoleta__features {
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
  grid-gap: 5rem;
  margin: 4rem 0;
  text-align: center;
}

.cta_demoSite {
  padding: 2rem 0;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.2em;
}

.cta_demoSite a {
  margin-left: 2rem;
}

.plazoleta-virtual h2 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 120%;
  margin: 8rem 0 2rem;
}

.plazoleta_feature img {
  max-width: 12rem;
  margin-bottom: 2rem;
}

.ventajas-plazoleta {
  min-height: initial !important;
}

.nice__landingCard-content ul {
  font-size: 1.8rem;
  list-style: inherit;
  padding-left: 1.5rem;
  margin: 2rem auto;
  max-width: 80rem;
}

.nice__landingCard-content ol {
  font-size: 1.8rem;
  padding-left: 1.5rem;
  margin: 2rem auto;
  max-width: 80rem;
}

.note-landing {
  max-width: 80rem;
  font-size: 1.6rem !important;
  margin: 0 auto;
  font-style: italic;
}

.nice__technology h2 {
  font-size: 4rem;
  color: var(--color-nice-violet);
}

.price-full {
  font-family: var(--font-body);
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  text-decoration: line-through;
  color: var(--color-grey);
}

.price-offer {
  font-family: var(--font-body);
  font-size: 4rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  color: var(--color-strawberry);
}

/*POLITICAS*/
table.table_finalidades {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid var(--color-light-grey);
  margin-bottom: 2rem;
}

.table_finalidades th {
  font-size: 1.6rem;
  font-weight: bold;
}

.table_finalidades th,
.table_finalidades td {
  text-align: left;
  padding: 2rem 2rem;
}

.table_finalidades tr:nth-child(even) {
  background-color: #f2f2f2
}

.niceeat-landing p a {
  color: var(--color-nice-violet);
  font-weight: bold;
}

.webinar__headerText {
  padding: 3rem;
}

.nice__listContainer {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 4rem auto;
  grid-gap: 2rem;
}

.nice__listIcon .icon {
  width: 4rem;
  height: 4rem;
}

.nice__listDescription {
  font-size: 1.8rem;
  line-height: 1.4em;
  font-weight: 300;
}

.step-icon {
  display: inline-block;
  margin-bottom: 2rem;
  width: 8rem;
  height: 8rem;
}

.onboarding {
  margin-bottom: 8rem;
}

/*LANDING ELEMENTS*/

.nice__btnWhatsApp {
  font-size: 2rem;
  display: flex;
  border-radius: 1rem;
  margin-bottom: 3rem;
  padding: 1rem 4rem;
  background: var(--color-strawberry);
  color: var(--color-white);
  font-weight: 600;
  font-family: var(--font-body);
  transition: all ease-in-out 0.2s;
  align-items: center;
}

.nice__btnCta:hover {
  filter: brightness(1.1);
}

.nice__btnCta-secondary {
  background: var(--color-white);
  color: var(--color-strawberry);
  padding: 1.5rem 2rem;
  font-weight: 500;
  font-size: 1.6rem;
  border-radius: 0.4rem;
  transition: all ease-in-out 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nice__btnCta-secondary:hover {
  text-decoration: underline;
  filter: brightness(0.95);
}

.btn-nice {
  padding: 1.2rem 2.5rem;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-strawberry);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  transition: all ease 0.3s;
}

.btn-purple {
  padding: 1.2rem 2.5rem;
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  background: var(--color-nice-violet);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  transition: all ease 0.3s;
}

.btn-security {
  width: 100%;
  max-width: 35rem;
  padding: 1.5rem;
  margin: 1rem 0;
  font-weight: 700;
  line-height: 1rem;
  font-size: 1.5rem;
  color: var(--color-white);
  border: 0;
  border-radius: 0.3rem;
  transition: all ease 0.3s;
}

.btn-security:hover {
  opacity: 0.8;
}

.nice__cta {
  margin-bottom: 3rem;
}

.nice__ordersOptions {
  margin-bottom: 3rem;
}

.nice__cta a button {
  font-size: 1.8rem;
  padding: 1.7rem 3rem;
}

.nice__gradient {
  background: var(--color-linear-sunset);
  color: var(--color-white);
}

.nice__division {
  padding: 2rem;
}

.section-rightImage {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.toggle,
.toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.toggler {
  color: var(--color-mid-grey);
  transition: .2s;
  font-weight: bold;
}

.toggler--is-active {
  color: var(--color-eerie-black);
}

.toggle {
  position: relative;
  width: 8rem;
  height: 3.5rem;
  border-radius: 6rem;
  background-color: var(--color-strawberry);
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

.check:checked~.switch {
  right: 2px;
  left: 57.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: .08s, 0s;
}

.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 57.5%;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, .08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

label {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: var(--color-eerie-black);
  font-weight: 500;
}

.sp-form label {
  text-transform: initial;
}

.fserv-container .fserv-input-text,
.fserv-input-radio,
.fserv-input-checkbox,
.fserv-select,
.fserv-select-multiple,
.fserv-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 1.6rem !important;
  border: 2px solid var(--color-grey-bd) !important;
  border-radius: 0.8rem !important;
  background: var(--color-white) !important;
  color: var(--color-eerie-black) !important;
  box-shadow: none !important;
  padding: 0.8rem 1.6rem !important;
  height: 4.8rem !important;
  display: block !important;
  width: 100% !important;
  line-height: 1.8em !important;
}

.fserv-container .fserv-input-text:focus,
.fserv-container .fserv-select-multiple:focus,
.fserv-container .fserv-select:focus,
.fserv-container .fserv-textarea:focus {
  border: 2px solid var(--color-strawberry) !important;
}

.fs-notifier,
.fserv-container .fserv-field .select2-container .select2-selection--single,
.fserv-container .select2-selection {
  border: 0 !important;
}

.fs_31927ca1ac5ba9b5aa8578a03f8ddf10e7846ca40bdeadb00f436e7147aa493d .fserv-label,
.fs_31927ca1ac5ba9b5aa8578a03f8ddf10e7846ca40bdeadb00f436e7147aa493d .fserv-form-description,
.fs_31927ca1ac5ba9b5aa8578a03f8ddf10e7846ca40bdeadb00f436e7147aa493d .fserv-form-optin-checkbox-text {
  color: var(--color-eerie-black) !important;
  font-family: var(--font-body) !important;
  font-size: 1.6rem !important;
}

.fserv-form-optin-checkbox-text {
  text-transform: initial !important;
}

.fserv-container .fserv-label,
.fserv-container button {
  font-size: 1.6rem !important;
}

.fserv-button-submit {
  width: 100% !important;
  border-radius: 1rem !important;
  font-size: 1.8rem !important;
  font-family: var(--font-body) !important;
  padding: 0.5rem !important;
  height: 4.8rem !important;
  text-transform: uppercase;
}

.powered-by {
  display: none !important;
}

/*LANDING PRICING*/


/*COLORS*/
.fill-white {
  fill: var(--color-white);
}

.fill-green {
  fill: var(--color-green);
}

.fill-primary {
  fill: var(--color-strawberry);
}

.fill-yellow {
  fill: var(--color-yellow);
}

.fill-yellow-basic {
  fill: var(--color-yellow-basic);
}

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

.text-primary {
  color: var(--color-strawberry) !important;
}

.text-nice-violet {
  color: var(--color-nice-violet) !important;
}

.text-green {
  color: var(--color-green) !important;
}

.text-yellow {
  color: var(--color-yellow) !important;
}

.text-yellow-basic {
  color: var(--color-yellow-basic) !important;
}

.text-white {
  color: var(--color-white) !important;
}

.text-color {
  color: var(--color-text) !important;
}

.text-green-light {
  color: var(--color-green-light);
}

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

.text-left {
  text-align: left !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.pt-10 {
  padding-top: 1rem;
}

.pt-20 {
  padding-top: 2rem;
}

.pt-30 {
  padding-top: 3rem;
}

.pt-40 {
  padding-top: 4rem;
}

.pt-60 {
  padding-top: 6rem;
}

.pt-80 {
  padding-top: 8rem;
}

.pt-120 {
  padding-top: 12rem;
}

.pt-160 {
  padding-top: 16rem;
}

.pt-200 {
  padding-top: 20rem;
}

.pt-240 {
  padding-top: 24rem;
}

.p-30 {
  padding: 3rem 2rem;
}

.p-40 {
  padding: 4rem 2rem;
}

.p-60 {
  padding: 6rem 2rem;
}

.pl-30 {
  padding-left: 3rem;
}

.pl-40 {
  padding-left: 4rem !important
}

.pr-30 {
  padding-right: 3rem;
}

.h-90 {
  height: 90rem;
}

.font-titles {
  font-family: var(--font-titles);
}

.font-body {
  font-family: var(--font-body);
}

.font-tertiary {
  font-family: var(--font-tertiary);
}

.font-300 {
  font-weight: 300;
}

.nice__document {
  padding: 0 3rem;
  margin-bottom: 8rem !important;
}

.nice__document h3 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.nice__document h4 {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.8rem;
}

.nice__document p {
  font-size: 1.5rem;
}

.nice__document a {
  color: var(--color-strawberry);
}


/************ COLORS ************/
.gradient-bg {
  background: -o-linear-gradient(left, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(18.06%, #f31197), color-stop(60.19%, #a755d6), to(#7437bc));
  background: linear-gradient(90deg, #f31197 18.06%, #a755d6 60.19%, #7437bc 100%);
}

.bg-nice-violet {
  background-color: var(--color-nice-violet) !important;
  border-color: var(--color-nice-violet) !important;
  color: var(--color-white) !important;
}

.bg-nice-violet-lt {
  background-color: var(--color-nice-violet-light) !important;
  border-color: var(--color-nice-violet-light) !important;
  color: var(--color-eerie-black) !important;
}

.bg-nice {
  background-color: var(--color-strawberry) !important;
  border-color: var(--color-strawberry) !important;
  color: var(--color-white) !important;
}

.bg-nice2 {
  background-color: var(--color-eerie-black) !important;
  border-color: var(--color-eerie-black) !important;
  color: var(--color-white) !important;
}

.bg-nice-magenta {
  background-color: var(--color-primary-magenta) !important;
  color: var(--color-white);
}

.bg-yellow-basic {
  background-color: var(--color-yellow-basic) !important;
  color: var(--color-eerie-black) !important;
}

.bg-nice-light {
  background-color: var(--color-primary-light) !important;
  color: var(--color-strawberry);
}

.bg-niceyellow,
.bg-niceyellow:hover {
  background-color: var(--color-yellow-basic) !important;
  color: var(--color-black) !important;
}

.bg-blue {
  background-color: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
  color: var(--color-white);
}

.bg-blue-light {
  background-color: var(--color-blue-light) !important;
  border-color: var(--color-blue-light) !important;
  color: var(--color-blue);
}

.bg-red {
  background-color: var(--color-red) !important;
  border-color: var(--color-red) !important;
  color: var(--color-white);
}

.bg-red-light {
  background-color: var(--color-red-light) !important;
  border-color: var(--color-red-light) !important;
  color: var(--color-red);
}

.bg-yellow {
  background-color: var(--color-yellow) !important;
  border-color: var(--color-yellow) !important;
  color: var(--color-white);
}

.bg-yellow-light {
  background-color: var(--color-yellow-light) !important;
  border-color: var(--color-yellow-light) !important;
  color: var(--color-yellow);
}

.bg-white {
  background-color: var(--color-white) !important;
  border-color: var(--color-white) !important;
  color: var(--color-eerie-black) !important;
}

.bg-green {
  background-color: var(--color-green) !important;
  border-color: var(--color-green) !important;
  color: var(--color-white) !important;
}

.bg-green-light {
  background-color: var(--color-green-light) !important;
  border-color: var(--color-green-light) !important;
  color: var(--color-green) !important;
}

.bg-purple {
  background-color: var(--color-nice-violet) !important;
  border-color: var(--color-nice-violet) !important;
  color: var(--color-white);
}

.bg-orange {
  background-color: var(--color-orange) !important;
  border-color: var(--color-orange) !important;
  color: var(--color-white);
}

.bg-orange-light {
  background-color: var(--color-orange-light) !important;
  border-color: var(--color-orange-light) !important;
  color: var(--color-orange);
}

.bg-mid-grey {
  background-color: var(--color-mid-grey) !important;
  border-color: var(--color-mid-grey) !important;
  color: var(--color-white);
}

.bg-dark-grey {
  background-color: var(--color-dark-grey) !important;
  border-color: var(--color-dark-grey) !important;
  color: var(--color-white);
}

.bg-facebook {
  background-color: var(--color-facebook) !important;
  border-color: var(--color-facebook) !important;
  color: var(--color-white);
}

/*NICEEAT GRID SYSTEM*/
.nice__gridRow {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2rem;
}

.g-gap-0 {
  grid-gap: 0;
  align-items: center;
}

.g-gap-8 {
  grid-gap: 0.8rem;
}

.g-gap-16 {
  grid-gap: 1.6rem;
}

.g-gap-24 {
  grid-gap: 2.4rem;
}

.g-gap-32 {
  grid-gap: 3.2rem;
}

.nice__gridCol-6a {
  grid-column: 1 / span 6;
}

.nice__gridCol-6b {
  grid-column: 7 / span 6;
}

.nice__gridCol-4a {
  grid-column: 1 / span 4;
}

.nice__gridCol-4b {
  grid-column: 5 / span 4;
}

.nice__gridCol-4c {
  grid-column: 9 / span 4;
}

.nice__gridCol-4b-end {
  grid-column: 5 / span 8;
}

.nice__gridCol-5a {
  grid-column: 1 / span 5;
}

.nice__gridCol-7b {
  grid-column: 6 / span 7;
}

.nice__gridCol-7a {
  grid-column: 1 / span 7;
}

.nice__gridCol-5b {
  grid-column: 8 / span 5;
}

.nice__gridCol-8a {
  grid-column: 1 / span 8;
}

.nice__gridCol-8b {
  grid-column: 9 / span 4;
}

.nice__gridCol-3a {
  grid-column: 1 / span 3;
}

.nice__gridCol-3b {
  grid-column: 4 / span 3;
}

.nice__gridCol-3c {
  grid-column: 7 / span 3;
}

.nice__gridCol-3d {
  grid-column: 10 / span 3;
}

.nice__gridCol-2a {
  grid-column: 1 / span 2;
}

.nice__gridCol-2b {
  grid-column: 3 / span 2;
}

.nice__gridCol-2c {
  grid-column: 5 / span 2;
}

.nice__gridCol-2d {
  grid-column: 7 / span 2;
}

.nice__gridCol-2e {
  grid-column: 9 / span 2;
}

.nice__gridCol-2f {
  grid-column: 11 / span 2;
}

.nice__gridCol-210 {
  grid-column: 3 / span 11;
}

.nice__gridCol-12 {
  grid-column: 1 / span 12;
}

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.fl-end {
  align-self: flex-end;
}

.alg-center {
  align-items: center;
}

.alg-end {
  align-items: end;
}

.jfy-center {
  display: flex;
  justify-content: center;
}

.grid-center {
  justify-content: center;
}

.flex-center {
  justify-content: center !important;
  gap: 0.8rem;
}

.jfy-spc-btw {
  justify-content: space-between;
}

.h-100 {
  height: 100%;
}

.gap-0 {
  gap: 0;
}

.gap-8 {
  gap: 0.8rem;
}

.gap-16 {
  gap: 1.6rem;
}

.gap-24 {
  gap: 2.4rem;
}

.gap-32 {
  gap: 3.2rem
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}

.mb-16 {
  margin-bottom: 1.6rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.mb-40 {
  margin-bottom: 4rem !important;
}

.mb-48 {
  margin-bottom: 4rem !important;
}

.mb-50 {
  margin-bottom: 5rem !important;
}

.mb-60 {
  margin-bottom: 6rem !important;
}

.mb-64 {
  margin-bottom: 6rem !important;
}

.mb-70 {
  margin-bottom: 7rem !important;
}

.mb-80 {
  margin-bottom: 8rem !important;
}

.mb-90 {
  margin-bottom: 9rem !important;
}

.mb-100 {
  margin-bottom: 10rem !important;
}

.mb-120 {
  margin-bottom: 12rem !important;
}

.ovf-hdn {
  overflow: hidden;
}

.full-h {
  height: calc(100vh - 10rem);
}

.border-1 {
  border: 1px solid;
}

.border-2 {
  border: 2px solid;
}

.border-3 {
  border: 3px solid;
}

.border-4 {
  border: 4px solid;
}

.border-5 {
  border: 5px solid;
}

.br-20 {
  border-radius: 2rem;
}

/*FORMS*/
.form-group {
  margin-bottom: 2.4rem;
  position: relative;
  font-family: var(--font-body);
}

label {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
  color: var(--color-eerie-black);
  font-weight: 600;
  font-family: var(--font-body);
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="url"],
input[type="tel"],
textarea,
select {
  font-size: 1.6rem;
  border: 1px solid var(--color-grey-e0);
  border-radius: 0.8rem;
  background: var(--color-white);
  color: var(--color-eerie-black);
  box-shadow: none;
  padding: 0.8rem 1.6rem;
  height: 4.8rem;
  display: block;
  width: 100%;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}

@media (max-width: 768px) {
  .mb-90 {
    margin-bottom: calc(9rem / 1.5) !important;
  }
}

/*//NICEEAT GRID SYSTEM*/
/*NICEEAT FONT SYSTEM */
.f-12 {
  font-size: 1.2rem;
  line-height: 1.2em;
}

.f-14 {
  font-size: 1.4rem;
  line-height: 1.2em;
}

.f-16 {
  font-size: 1.6rem;
  line-height: 1.2em;
}

.f-18 {
  font-size: 1.8rem;
  line-height: 1.2em;
}

.f-20 {
  font-size: 2rem;
  line-height: 1.2em;
}

.f-24 {
  font-size: 2.4rem;
  line-height: 1.2em;
}

.f-28 {
  font-size: 2.8rem;
  line-height: 1.2em;
}

.f-32 {
  font-size: 3.2rem;
  line-height: 1.2em;
}

.f-40 {
  font-size: 4rem;
  line-height: 1.2em;
}

.f-48 {
  font-size: 4.8rem;
  line-height: 1.2em;
}

.f-56 {
  font-size: 5.6rem;
  line-height: 1.2em;
}

.f-64 {
  font-size: 6.4rem;
  line-height: 1.2em;
}

.f-70 {
  font-size: 7rem;
  line-height: 1.2em;
}

.f-80 {
  font-size: 8rem;
  line-height: 1.2em;
}

.f-90 {
  font-size: 9rem;
  line-height: 1.2em;
}

.f-200 {
  font-weight: 200;
}

.f-300 {
  font-weight: 300;
}

.f-400 {
  font-weight: 400;
}

.f-500 {
  font-weight: 500;
}

.f-600 {
  font-weight: 600;
}

.f-700 {
  font-weight: 700;
}

.f-800 {
  font-weight: 800;
}

.f-italic {
  font-style: italic;
}

.f-uppercase {
  text-transform: uppercase;
}

/*//NICEEAT FONT SYSTEM */

.h-100 {
  height: 100%;
}

.flp-horz {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* #CONTAINERS*/
.nice__container {
  display: grid;
  margin: 0 auto;
  max-width: 124rem;
  width: 100%;
}

.nice__containerSm {
  max-width: 60rem;
  margin: 0 auto;
}

.nice__containerMd {
  max-width: 97rem;
  margin: 0 auto;
}

.nice__containerxl {
  display: grid;
  margin: 0 auto;
  max-width: 140rem;
  padding: 0 2.4rem;
  width: 100%;
}

.nice__containerxxl {
  display: grid;
  margin: 0 auto;
  max-width: 192rem;
  padding: 0 2.4rem;
  width: 100%;
}

/*RESPONSIVE LANDING*/
.niceeatSidebar {
  font-size: 1.6rem;
  height: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: -76rem;
  width: 29rem;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.6);
  opacity: 1;
  background-color: var(--color-white);
  overflow-x: hidden;
  transition: 0.5s;
}

.niceeat__sidebarHeader {
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  min-height: 7rem;
  color: var(--color-white);
}

/*CAMPAIGN STYLES*/
.title-promo {
  display: grid;
  grid-gap: 2rem;
  margin-bottom: 3rem;
}

.title-redsquared {
  font-size: 2.6rem;
  font-weight: bold;
  background-color: var(--color-strawberry);
  color: var(--color-white);
  display: block;
  padding: 2rem;
  border-radius: 0.4rem;
  transition: all ease 0.4s;
  cursor: pointer;
}

.title-redsquared:hover {
  transform: translateY(-5px);
}

.paquete-box {
  padding: 3rem 4rem;
  border-radius: 1rem;
  transition: all ease 0.4s;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
  margin: 3rem;
  cursor: pointer;
}

.paquete-box:hover {
  background-color: var(--color-light-white);
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.25);
}

.text-lineThrough {
  text-decoration: line-through;
}

.nice__footerLanding h3 {
  font-size: 2rem;
}

.nice__footerMenu a,
.nice__footerMenu button {
  font-size: 1.4rem;
}

.counter {
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 12rem 3rem 7rem;
}

.counterBox {
  display: flex;
  justify-content: center;
}

.counterdate {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 42rem;
  grid-gap: 3rem;
}

.counterdate_item span {
  color: var(--color-white);
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  display: block;
}

.counterdate_item div {
  background-color: var(--color-white);
  border-radius: 0.5rem;
  color: var(--color-eerie-black);
  display: block;
  padding: 3rem 1rem;
  font-size: 4.5rem;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
}

/*Bootstrapp Classes*/

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

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

/*SALES CHAT*/
#window-ribbon header {
  padding: 8px 16px !important;
}

.siq-chat-attender-name {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.cmplogo {
  margin-right: 8px !important;
}

#window-ribbon .content {
  border-radius: 0 !important;
  padding-top: 16px !important;
}

/*Responsive 960px*/

@media (max-width: 960px) {

  .nice__navigation {
    display: none;
  }

  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: block !important;
  }

  .nice__menuItem {
    margin: 0;
  }

  .nice__topItem-responsv a.nice__btnlined {
    display: block;
    color: var(--color-eerie-black);
    border-radius: 3.4rem;
    border: 2px solid var(--color-eerie-black);
    padding: 1rem 1.2rem;
    font-size: 1.4rem;
    min-height: 4rem;
  }

  .menu-resp {
    display: block;
    padding: 1.6rem 0.8rem;
  }

  .nice__navbarIcon {
    width: 2.6rem;
    height: 2.6rem;
    fill: var(--color-nice-violet);
  }

  .nice_linkIcon {
    display: block;
    padding: 1rem;
    color: var(--color-nice-violet);
    font-size: 2rem;
  }

  .img__circle-top1 {
    left: 0;
    width: 36%;
  }

  header.nice__header {
    padding: 0;
  }

  .niceeat__logo a {
    width: 15rem;
  }

  .nice__contentLogo a img {
    height: auto;
    width: 12rem;
  }

  .nice__webinarLogo a img {
    height: auto;
    width: 15rem;
  }

  .niceeatSidebar {
    font-family: var(--font-body);
  }

  .nice__navigation {
    display: none;
  }

  .navbar-header__item img {
    height: 3rem;
    margin-left: 2rem;
  }

  .nice__closeIcon {
    width: 1.7rem;
    height: 1.7rem;
    fill: var(--color-white);
  }

  .n-login {
    display: none;
  }

  .nice__site-menu {
    display: block;
    font-family: var(--font-body);
    padding: 0 1.6rem;
  }

  .nice__menuItem {
    margin: 0 0 1rem 0;
  }

  .nice__menuItem a {
    display: block;
    padding: 1rem 3rem;
    min-height: 4rem;
    border-bottom: 0;
    font-size: 1.4rem;
    font-weight: 600;
  }

  .nice__homeHeader-box {
    max-width: 100%;
    float: none;
    margin-right: 0;
    padding: 3rem;
  }

  .nice__prtnrsContainer {
    grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
    grid-gap: 3rem 5rem;
  }

  .nice__prtnr img {
    max-width: 10rem;
  }

  .mb-header {
    display: grid !important;
    grid-template-areas: "top"
      "bottom";
    grid-row: auto;
    grid-template-columns: 1fr;
  }

  .mb-header .nice__gridCol-6a {
    grid-area: bottom;
  }

  .mb-header .nice__gridCol-6b {
    grid-area: top;
  }

  .colwbg {
    height: 30rem;
  }

  .nice__partners {
    margin: 0;
    padding: 1.5rem;
  }

  .nice__features {
    padding: 1.5rem;
  }

  .nice__priceQuotedark {
    grid-template-columns: 1fr;
    font-size: 1.6rem;
    line-height: 120%;
  }

  .nice__corevalues {
    margin: 0;
    padding: 1.5rem;
  }

  .nice__corevalueBox {
    grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
  }

  .nice__homectaBox h2 {
    font-size: 2.4rem;
  }

  .nice__ftbox {
    display: block;
  }

  .nice__ftItem {
    padding: 2rem !important;
  }

  .lps_about1,
  .lps_about2,
  .lps_about3,
  .nice__lps5 {
    padding: 4rem 2.4rem;
  }

  .nice__manifestoList ol {
    font-size: 1.6rem;
    padding: 0 2.4rem 0;
  }

  .nice__valueText {
    font-size: 1.6rem;
  }

  .lps_about3 img {
    max-width: 100%;
  }

  .floating__image {
    display: flex;
    padding: 3rem 2rem 0;
    justify-content: center;
  }

  .floating__image img {
    margin-bottom: 3rem;
  }

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

  .niceeat-landing section {
    display: block;
    min-height: initial;
  }

  .nice__containerMid {
    padding: 2rem;
  }

  .nice__gridRow {
    display: block;
  }

  .image_textgrid {
    display: grid !important;
    grid-template-areas: 'image'
      'text';
  }

  .floating__text {
    padding: 4rem 0;
    text-align: center;
  }

  .nice__footersectionText {
    font-size: 2rem;
    line-height: 1.3em;
  }

  .reservas-en-linea {
    background-position: right;
  }

  .nice__ordersOptions img {
    max-width: 100%;
  }

  .image_gridRow {
    grid-area: image;
    grid-column: 1 / 13;
  }

  .text_gridRow {
    grid-area: text;
    grid-column: 1 / 13;
  }

  a.linkDiv {
    font-size: 1.4rem;
  }

  .section_leftText,
  .section_rightText {
    width: 100%;
    float: none;
    padding: 4rem;
  }

  li {
    line-height: 1.6em;
  }

  .section-rightImage {
    height: 30rem;
    background-size: cover;
    background-position: top center;
  }

  .bottom__image {
    padding: 4rem 3rem 0;
  }

  .nice__banner {
    padding: 7rem 3rem 1rem;
  }

  .niceeat-landing h1 {
    font-size: 3rem;
  }

  .plazoleta-virtualMasthead h1 {
    font-size: 1.8rem;
  }

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

  .niceeat-internPage h1 {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }

  .niceeat-landing h2 {
    font-size: 2.2rem;
    margin: 0;
    margin-bottom: 2.5rem;
  }

  .niceeat-landing h3 {
    font-size: 1.8rem;
    font-weight: normal;
  }

  header.masthead h2 {
    font-size: 1.8rem;
    font-weight: 400;
  }

  header.masthead h3 {
    font-size: 2.6rem;
  }

  .nice__cta {
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
  }

  .bottom-image {
    min-height: 15rem;
    background-size: 185%;
    background-position: bottom center;
  }

  .sede-virtual-1 {
    background-size: initial;
    padding: 6rem 0;
  }

  .niceeat-landing p,
  .niceeat-internPage p {
    font-size: 1.6rem;
  }

  .nice__document h3,
  .nice__document h4 {
    text-align: left !important;
  }

  .nice__document p {
    font-size: 1.4rem;
  }

  ul.nice__landingList li .nice_listDescription {
    font-size: 1.4rem;
  }

  ul.nice__landingList .nice_icon .icon {
    width: 2rem;
    height: 2rem;
  }

  .premiumAssitantrow ul.nice__landingList li .nice_listDescription {
    font-size: 1.4rem;
  }

  .premiumAssitantrow ul.nice__landingList .nice_icon .icon {
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 0.7rem;
  }

  .niceeat__bgscreen {
    height: 18rem;
    background-size: 170%;
    margin-bottom: 0;
  }

  .nice__listContainer {
    grid-gap: 1rem;
  }

  .nice__listIcon .icon {
    width: 3rem;
    height: 3rem;
  }

  .nice__listDescription {
    font-size: 1.6rem;
  }

  .digitaliza {
    margin-left: 0;
  }

  .nice__cta a button {
    font-size: 1.8rem;
  }

  .plans {
    grid-template-columns: 1fr;
    padding: 0 3rem;
  }

  .product_popular {
    top: -1rem;
  }

  .pricing_list {
    padding: 1rem 3rem;
  }

  .n-planFeatureslist li {
    font-size: 1.3rem;
  }

  .n-planFeatureslist .new-feature {
    display: inline-block;
    font-size: 1.3rem;
  }

  .p-4 {
    padding: 4rem;
  }

  .p-60 {
    padding: 4rem 2rem;
  }

  .h-67 {
    min-height: 60rem;
  }

  .premiumwithcoupon {
    display: grid;
    grid-gap: 3rem;
  }

  .niceeat-pricingPage h1 {
    font-size: 3.5rem;
  }

  .nice__couponCode {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    margin: 0;
    font-size: 1.4rem;
  }

  .nice_priceNotes {
    padding: 4rem 0 1rem;
  }

  .premiumAssitantrow {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
    padding: 3rem 0;
  }

  .nice__premium .nice_feature {
    grid-template-rows: auto auto auto auto;
    grid-gap: 1rem;
  }

  .niceeat-pricingPage h2 {
    font-size: 3rem;
  }

  .btn__landing {
    font-size: 1.6rem;
  }

  .nice__priceQuote {
    font-size: 1.4rem;
    padding: 2rem 3rem;
  }

  h2.subtitle_plazoleta {
    font-size: 1.8rem;
  }

  .left-imageBg {
    min-height: 22rem;
  }

  .plazoleta-virtual {
    padding-top: 5rem;
  }

  .hero-message {
    font-size: 2.2rem;
    line-height: 1.2em;
    padding: 3rem;
  }

  .cta_demoSite a {
    margin-left: 0;
    margin-top: 3rem;
    display: block;
  }

  .nice__container {
    display: block;
  }

  .nice__headerContainer {
    display: flex;
    padding: 1rem;
  }

  .delivery-start {
    background-size: initial;
    background-position: center;
  }

  .nice_listDescription {
    text-align: left;
  }

  .title-redsquared {
    font-size: 1.6rem;
    line-height: 1.2em;
    padding: 1rem;
  }

  .sedevirtual-start {
    background-color: var(--color-strawberry);
    background-image: none !important;
  }

  .paquete-box {
    padding: 2rem 3rem;
    border-radius: 1rem;
    transition: all ease 0.4s;
    box-shadow: none;
    margin: 3rem 0;
    cursor: pointer;
    border: 1px solid var(--color-light-text);
  }

  .appnice-btnxl {
    font-size: 1.6rem !important;
  }

  .counter {
    padding: 12rem 1rem 7rem;
  }

  .counterdate {
    width: 100%;
    grid-gap: 1rem;
  }

  .counterdate_item span {
    font-size: 1.4rem;
  }

  .counterdate_item div {
    padding: 3rem 1rem;
    font-size: 3.5rem;
  }

  .nice__planTable {
    display: grid;
    grid-template-columns: 1fr;
  }

  .nice__planFeatures .content {
    padding: 0;
  }

  .websitePrice {
    margin-top: 0;
  }

  .nice__planTable-plan {
    padding: 0;
    border: 1px solid var(--color-grey-e0);
    border-radius: 1.5rem;
  }

  .recommendedPlan {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .nice__planName {
    display: grid;
    padding: 3.2rem 2.4rem 1rem;
  }

  .small-notePricing {
    font-size: 1.4rem !important;
    padding: 3rem;
  }

  .nice__planName {
    text-align: center;
  }

  .plan_list {
    padding-left: 0 !important;
  }

  .nice__planName-features ul li {
    font-size: 1.4rem;
  }

  .list-signup {
    font-size: 1.4rem;
  }

  .nice__planName h2 {
    font-size: 3rem;
    text-align: center;
  }

  .nice__planName-features h3 {
    font-size: 1.6rem;
  }

  .nice__planName .title-plan {
    text-align: center;
  }

  /*EVENT*/
  .nice__topannouncement {
    font-size: 1.4rem;
    padding: 0;
  }

  .nice__topannouncement a {
    display: block;
    margin-top: 1rem;
  }

  .colgastdig h1 {
    font-size: 5rem;
  }

  .img__circle-topLeft,
  .img__circle-bottomRight {
    width: 9rem;
  }

  .colgastdig .nice__heroEvent h2 {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }

  .nice__heroEvent-content h3.nice__subtitle {
    font-size: 1.5rem;
  }

  .nice__heroEvent .eventMode,
  .nice__heroEvent .date {
    font-size: 2.4rem;
  }

  .nice__heroEvent-info .schedule {
    font-size: 2rem;
  }

  .nice__eventPresentation {
    grid-template-columns: 1fr;
  }

  .nice__topannouncement .nice__container {
    display: block;
    padding: 1.6rem;
  }

  .nice__eventSchedule-conference {
    font-size: 1.6rem;
  }

  .nice__eventSchedule-conference span {
    font-size: 1.4rem;
  }

  .nice__eventSchedule-hour {
    font-size: 1.6rem;
    padding: 1.6rem;
    max-width: 9rem;
  }

  .nice__eventAgenda-header {
    font-size: 2rem;
  }

  .nice__organiza {
    padding: 4rem 2.4rem;
  }

  .nice__heroEvent-Form {
    padding: 3.2rem 2.6rem;
  }

  /*OFFER PAGE*/
  .nice__offerHeader {
    padding: 0;
    position: relative;
    margin-top: 3rem;
  }

  .nice__offerpage h1 {
    font-size: 2.6rem
  }

  .nice__offerSubtitle {
    font-size: 1.6rem;
    border-radius: 1rem;
    margin-bottom: 0;
  }

  .nice__offerHeader .nice__heroContent {
    margin: 0;
  }

  .nice__offerHeader iframe {
    height: 28rem !important;
  }

  .nice__offerDescription h2 {
    font-size: 2.6rem;
  }

  .nice__offerPrice {
    font-size: 3rem;
    line-height: 1.2em;
    margin-bottom: 2rem;
  }

  .nice__offerpage .offer-list {
    margin-bottom: 2.4rem;
  }

  .nice__offerpage .nice__titleLanding h3 {
    font-size: 1.6rem;
  }

  .nice__offerpage .nice__lps2,
  .nice__offerpage .nice__lps3 {
    padding: 3rem 2.4rem;
  }

  .h-normal {
    min-height: initial;
  }

  .offer-section h2 {
    font-size: 3rem;
  }

  .offer-section h3 {
    font-size: 1.8rem;
  }

  .nice__conference h2 {
    font-size: 2rem;
  }

  /*PLAZOLETAS*/


  .niceeat_trial h2 {
    font-size: 2.4rem;
  }

  .recarga-nice {
    font-size: 2rem;
    line-height: 1.4em;
    padding: 3rem;
    margin-bottom: 3rem;
  }

  .howitworks_nice h3 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }

  .datenicecoins {
    font-size: 4rem;
  }

  .intro-objt {
    font-size: 2.4rem;
    padding: 0 3rem 5rem;
    margin-bottom: 0;
  }

  .nice__landingCard img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .nice__landingCard-content h3 {
    font-size: 2.8rem;
    padding: 0 0 1.8rem;
  }

  .nice__landingCard {
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
  }

  .intro-text ul,
  .intro-text-white ul {
    font-size: 1.4rem;
  }

  .nice__ctaSection {
    padding: 2.4rem 2.4rem;
  }

  .nice__users {
    padding: 0;
  }

  .menus-digitales {
    margin-bottom: 0;
    padding: 5rem;
  }

  .nice__horizontalCard {
    border-radius: 0;
  }

  .nice__horizontalCard img.nice__horizontalCard-image {
    border-radius: 0;
  }

  .nice__plazoleta .nice__horizontalCard,
  .nice__nicecoins .nice__horizontalCard {
    margin-bottom: 0;
  }

  .nice__horizontalCard h3 {
    font-size: 3rem;
  }

  .nice__horizontalCard-content .nice__iconCard {
    width: 6.4rem;
  }

  .nice__landingCard-content ul,
  .nice__landingCard-content ol {
    font-size: 1.4rem;
  }

  .note-landing {
    font-size: 1.3rem !important;
  }

  .nice__landingCard-content h4 {
    font-size: 1.6rem;
  }

  .nice__technology h2 {
    font-size: 3rem;
  }

  .nice__lps6 {
    padding: 4rem 4rem 1rem;
  }

  .nice__lps7 {
    padding: 2rem 4rem;
  }

  .menus-digitales .nice__gridRow a {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 1.6rem;
  }

  .nice_plazoletas .nice__headerText ul {
    font-size: 1.5rem;
    text-align: center;
    display: grid;
    grid-gap: 2rem;
  }

  .nice_guaranteeCopy {
    text-align: center;
  }

  .nice_plazoletas .nice__headerText ul li::before {
    font-size: 3rem;
    margin-right: 0;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }

  .main-features {
    padding: 0;
  }

  .nice__titleCta h2 {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }

  .nice__titleCta h3 {
    font-size: 1.6rem;
  }

  /*WEBINAR*/
  .nice__webinar-header {
    margin-bottom: 1rem;
  }

  .webinar__headerText {
    padding: 0;
  }

  .webinar__headerText {
    text-align: center;
  }

  .nice__heroWebinar-title {
    display: block;
    font-size: 3.4rem;
  }

  .nice__heroWebinar h1 {
    font-size: 4rem;
  }

  .nice__heroWebinar-schedule {
    font-size: 2rem;
    line-height: 2em;
  }

  .nice__webinarParticipants {
    display: grid;
    margin-bottom: 5rem;
  }

  .whatsapp-btnContainer {
    padding: 3rem;
  }

  .whatsapp-btnContainer .btnStart {
    padding: 0;
  }

  .nice__heroWebinar {
    background-position: center left;
  }

  .nice__btnWhatsApp {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    margin-bottom: 0;
  }

  .webinar__headerText .nice__titleDivider {
    width: 100%;
  }

  .nice__heroWebinar .personLinks {
    justify-content: center;
  }

  .intro-text,
  .nice__faqs {
    padding: 0;
  }

  .faqs__container {
    padding: 0 3rem;
  }

  .intro-text-white {
    padding: 0;
  }

  .nice__containerSm {
    padding: 2.4rem;
  }

  .intro-title {
    font-size: 2.8rem;
    padding: 5rem 3rem 0;
    margin-bottom: 0;
  }

  .intro-subtitle {
    font-size: 1.6rem;
    padding: 2.4rem;
    margin-bottom: 0;
  }

  .intro-text ul {
    font-size: 1.4rem;
  }

  p.small-textCta {
    font-size: 1.2rem;
  }

  .nice__btnCta {
    padding: 2rem 4rem;
  }

  .announce-text {
    font-size: 1.6rem;
    border-radius: 0;
    margin-top: 0;
    padding: 6rem 3rem;
  }

  .nice__landingClients h3 {
    font-size: 2.8rem;
  }

  .nice__metrics {
    display: block;
    text-align: center;
    padding: 0;
  }

  .nice__metric h3 {
    font-size: 6rem;
  }

  .nice__metric span {
    font-size: 1.8rem;
  }

  .nice_webpageContainer {
    padding: 3rem;
  }

  .extra-service {
    padding: 0 2.4rem;
  }

  .collapsible {
    font-size: 1.4rem;
  }

  .disclaimer p {
    font-size: 1.2rem;
    text-align: justify;
    margin-bottom: 0;
  }

  .nice_plazoletas .nice__hero img {
    position: relative;
  }

  .calculator-container {
    font-size: 1.6rem;
  }

  .calculator h3 {
    font-size: 2rem;
  }

  .calculator-div {
    padding: 0;
  }

  .left-td {
    min-width: 15rem;
  }

  .collection-theme .nice__hero {
    padding: 14rem 1.6rem 4rem !important;
  }

  .nice__heroCms {
    padding: 14rem 1.6rem 4rem !important;
  }

  .nice__collectionPage img.nice__pageCover {
    margin-bottom: 2.4rem !important;
    height: 20rem;
  }

  .nice__headerTextCms h1 {
    font-size: 3.2rem;
  }

  .nice__headerTextCms h2 {
    font-size: 1.6rem;
    margin-bottom: 4rem;
  }

  .nice__collection-category h2,
  .nice__collection-page h2 {
    padding: 0;
  }

  .nice__collectionPage h3 {
    font-size: 2rem;
  }

  .nice__collection-page ul li {
    font-size: 1.4rem;
  }

  .nice__collectionPage p,
  .nice__collection-page p {
    font-size: 1.4rem;
  }

  .nice__collection-page img {
    margin-bottom: 0;
  }

  .nice__footerCms {
    padding: 4rem 2.4rem 0;
  }

  .nice__collection-page blockquote {
    font-size: 1.8rem;
    line-height: 1.4em;
    border-radius: 2rem;
  }

}