@charset "UTF-8";
.hero-section {
  height: 60rem;
  background: radial-gradient(193.34% 155.87% at 50% -1.55%, rgba(255, 255, 255, 0.7) 24.5%, rgba(255, 172, 89, 0.7) 57%, rgba(242, 95, 41, 0.7) 73%);
  position: relative;
  border-radius: clamp(12px, 1.25vw, 24px);
}

.hero-title {
  padding: 4rem 8.25rem;
}

.hero-title h1 {
  position: relative;
}

#cotes-container {
  position: absolute;
  height: 6.12rem;
  width: 4.2%;
}

#cotes {
  position: absolute;
  top: -30%;
  left: -92%;
  display: block !important;
}

/* Style du texte */
.typing-text {
  overflow: hidden; /* Cache le texte qui dépasse */
  border-right: 2px solid #003A36; /* Effet de curseur */
  width: 0; /* Début avec une largeur de 0 */
  animation: typing 4s steps(30, end) infinite, blink-cursor 0.75s step-end infinite;
}

/* Animation pour l'effet d'écriture lettre par lettre */
@keyframes typing {
  from {
    width: 0; /* Début : texte invisible */
  }
  to {
    width: 100%; /* Fin : texte entièrement visible */
  }
}
/* Animation pour le clignotement du curseur */
@keyframes blink-cursor {
  from, to {
    border-right-color: transparent; /* Curseur invisible */
  }
  50% {
    border-right-color: black; /* Curseur visible */
  }
}
@media screen and (max-width: 1023px) {
  #ellipse_31_container, #ellipse_31, #polygone_3, #polygone_4, #polygone_4-container, #ellipse_30, #ellipse_32 {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  #ellipse_31_container, #ellipse_31, #polygone_3, #polygone_4, #polygone_4-container, #ellipse_30, #ellipse_32 {
    display: block;
  }
  /* Animation de flottement */
  @keyframes float {
    0%, 100% {
      transform: translateY(0); /* Position initiale et finale */
    }
    50% {
      transform: translateY(-15px); /* Déplacement vers le haut */
    }
  }
  @keyframes float_inverse {
    50% {
      transform: translateY(25px); /* Déplacement vers le haut */
    }
    0%, 100% {
      transform: translateY(0); /* Position initiale et finale */
    }
  }
  /* Animation de rotation */
  /* Appliquer l'animation au SVG */
  .floating {
    animation: float 3s ease-in-out infinite; /* Animation de 3 secondes, infinie */
  }
  .floating-reverse {
    animation: float_inverse 3s ease-in-out infinite; /* Animation de 3 secondes, infinie */
  }
  #ellipse_31_container {
    position: absolute;
    top: 22%;
    height: 173px;
    width: 12.6%;
    overflow: hidden;
  }
  #ellipse_31 {
    position: absolute;
    top: 0%;
    left: -18%;
  }
  #cotes-container svg {
    height: 6.652rem;
    width: 4rem;
  }
  #ellipse_30 {
    position: absolute;
    left: 4%;
    top: 72%;
  }
  #polygone_3 {
    position: absolute;
    bottom: 8%;
    right: 2%;
  }
  #ellipse_32 {
    position: absolute;
    top: 38%;
    right: -2%;
  }
  #polygone_4 {
    position: absolute;
    right: -30%;
  }
  #polygone_4-container {
    position: absolute;
    right: 0%;
    bottom: 37%;
    height: 140.95px;
    width: 10.3%;
    overflow: hidden;
  }
}
.hero-btn {
  padding: clamp(1rem, 1.38vw, 1.5rem) clamp(2rem, 1.11vw, 2.75rem) !important;
  border-radius: clamp(1.8rem, 2.22vw, 3.4rem);
  text-decoration: none;
  background-color: #027373;
  font-family: "Host Grotesk";
  font-weight: 500;
  font-family: "Host Grotesk";
  font-size: clamp(0.9rem, 1.38vw, 1.8rem);
  line-height: clamp(0.9rem, 1.84vw, 1.8rem);
  text-align: center;
  color: #FFFFFF;
  height: 3.88vw;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}

.hero-btn span {
  height: 0.97vw;
}

.hero-btn:focus {
  background-color: #026969 !important;
}

.hero-btn:hover {
  color: #FFFFFF;
  background-color: #358F8F;
  text-transform: none;
  text-decoration: none;
}

.customer-reviews {
  padding: 2.77vw;
  background-color: #FFFFFF;
  border-radius: clamp(20px, 1.4vw, 30px);
  width: clamp(16rem, 71.11vw, 72%);
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 62.75%;
  box-shadow: 0px 20px 40px 0px rgba(24, 112, 176, 0.0784313725);
}

.customer-reviews .medium-btn {
  color: #027373;
}

.customer-reviews .child-1 .bloc-item {
  background-color: #DEDEE2;
  border-radius: 0.55vw;
  height: 16.81rem;
}

.child-2 {
  background: radial-gradient(269.1% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, rgba(139, 191, 191, 0.2) 100%);
  border-radius: 0.55vw;
  height: 100%;
  padding: clamp(1rem, 3.19vw, 2.2rem) 1.81rem;
}

.child-2 .child-title h3 {
  font-family: "Zilla Slab" !important;
  font-size: clamp(1.4rem, 1.66vw, 1.8rem) !important;
  font-weight: 400;
  line-height: clamp(1.2rem, 2vw, 2rem);
  text-align: left;
  color: #026969;
  padding-left: clamp(1.4rem, 1.66vw, 1.8rem);
}

.child-2 .child-title .open {
  position: absolute;
  top: -12%;
  left: 0%;
}

.child-2 .child-title .close_ic {
  position: absolute;
  bottom: -18%;
  right: -7%;
}

.child-2 .child-title {
  position: relative;
}

.screen-chat {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.screen-chat img {
  width: 100%;
}

.bloc-1 {
  position: relative;
}

#img-slt-1 {
  width: 100%;
}

#img-slt-2 {
  width: 100%;
}

.dashb-image {
  position: absolute;
  top: 6.27%;
  left: 2.27%;
  width: 27.98%;
  height: 40.5%;
}

@media screen and (min-width: 1000px) {
  .testimonies-list .col-lg-3 {
    max-width: unset !important;
    width: 28.47% !important;
    flex: unset;
    height: auto;
  }
}
@media screen and (min-width: 992px) {
  .pl-8 {
    padding-left: 1.5rem !important;
  }
  .pr-8 {
    padding-right: 0.5rem !important;
  }
  .pt-74 {
    padding-top: 4.625rem;
  }
}
.flex-no-wrap {
  flex-wrap: nowrap;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .child-2 {
    padding: 1.6rem 1rem !important;
  }
  .mb-sm_4 {
    margin-bottom: 1.8rem;
  }
  .customer-reviews .child-1 .bloc-item {
    height: 10.81rem;
  }
  .use-case-container {
    padding-top: 12rem !important;
  }
  .hero-section {
    height: 56rem !important;
  }
  .child-2 .child-title h3 {
    font-size: 0.8rem !important;
    line-height: 0.8rem !important;
    padding-left: 6px !important;
  }
  .child-2 .child-title svg {
    width: 16px !important;
  }
  .child-2 .child-title .open {
    top: -60% !important;
    left: -8% !important;
  }
  .child-2 .child-title .close_ic {
    bottom: -40%;
    right: -4%;
  }
  .screen-chat {
    width: 85% !important;
  }
}
@media screen and (max-width: 992px) {
  .animation-container-xs .col-lg-3 {
    animation: 25s slide-left infinite linear;
    flex-shrink: 0;
  }
  #navBar .section-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.show_mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .hero-title {
    padding: 4rem 0.6rem !important;
  }
  #cotes {
    top: -16%;
    left: 56%;
  }
  #cotes-container svg {
    height: 2.652rem;
    width: 2rem;
  }
  .price-title h5 {
    font-size: 1rem;
    line-height: 1rem;
  }
  .child-2 {
    height: 20rem;
  }
  .zilla-title-xxl {
    font-size: 3rem !important;
    line-height: 3rem !important;
  }
  .show_mobile {
    display: block !important;
  }
  .pb-13 {
    padding-bottom: 12px !important;
  }
  .screen-chat img {
    width: 72% !important;
    position: relative;
    left: 50%;
    transform: translate(-50%);
  }
  .mb-sm_4 {
    margin-bottom: 3rem;
  }
  .customer-reviews .child-1 .bloc-item {
    height: 6.81rem;
  }
  .hero-section {
    height: 28.25rem !important;
  }
  .pl-sm_4 {
    padding-left: 0.8rem !important;
  }
  .use-case-title {
    padding-top: 26.41vw !important;
  }
  .screen-chat {
    top: 64% !important;
    width: 90% !important;
  }
  .child-2 .child-title h3 {
    padding-top: 0.6rem;
    padding-left: 0.4rem !important;
    text-align: center;
  }
  .child-2 .child-title .close_ic {
    bottom: 12%;
    right: -3%;
  }
  .child-2 .child-title .open {
    left: -4%;
  }
  .new-letter-title h2 {
    padding-top: 1rem;
    margin-bottom: 30px !important;
    font-size: clamp(1.5rem, 2.77vw, 2.8rem);
    line-height: clamp(1.5rem, 2.77vw, 2.8rem);
  }
  .pt-sm-13 {
    padding-top: 2.22vw;
  }
  .logo-tag {
    flex-direction: column;
    justify-content: start !important;
    align-items: start !important;
    gap: 12px;
  }
  .logo-tag span {
    font-size: clamp(12px, 0.97vw, 1rem);
    color: #027373;
  }
  .mb-sm-3 {
    margin-bottom: 1rem;
  }
  .use-case-container {
    padding-top: 30rem !important;
    margin-bottom: 3rem;
  }
  .title-h1 {
    font-size: 2rem !important;
    line-height: 2rem !important;
    padding: 0 10px;
  }
  .customer-reviews {
    width: 86% !important;
    top: 62.5%;
    margin-top: 10vw !important;
  }
  .use-case-item {
    height: 100%;
    box-shadow: 0px 1px 9.9px 0px rgba(139, 191, 191, 0.6705882353);
  }
  .tag-item {
    display: none !important;
  }
  .solutions-title h1 {
    font-size: 2rem !important;
    line-height: 2.2rem !important;
    padding-bottom: 44px;
  }
  .bill-ress {
    top: 38% !important;
  }
  .try-free-container {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .project-manage-res {
    bottom: 0% !important;
  }
  .solutions-container .img-1 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .img-2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .testimonies-list {
    overflow-x: scroll;
  }
  .price-title h5 {
    font-family: "Host Grotesk";
    font-size: clamp(1rem, 0.97vw, 1.1rem) !important;
    font-weight: 400;
    line-height: clamp(1.5rem, 2.22vw, 2.5rem);
    text-align: center;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
  .pb-44 {
    padding-bottom: 9.9vw !important;
  }
}
@media screen and (max-width: 992px) {
  .mb-sm-67 {
    margin-bottom: 3.875rem;
  }
}
.logo-tag span {
  font-size: clamp(12px, 0.97vw, 1rem);
  color: #027373;
}

.use-case-btn a:hover {
  text-decoration: none;
}

@media screen and (min-width: 2000px) and (max-width: 2400px) {
  .zilla-title-xxl {
    font-size: 8rem !important;
  }
  .caracteristic-description .grokest-h6 {
    font-size: 0.7rem;
    line-height: 1rem;
  }
}
@media screen and (min-width: 2000px) {
  .use-case-item {
    height: 100% !important;
  }
  #crm-solution {
    width: 45% !important;
    bottom: -8% !important;
  }
  .hero-section {
    height: 64rem;
  }
  .img-wf {
    height: 2.33vw !important;
  }
  .testimonies-list {
    overflow-x: hidden;
  }
  .hero-title {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.use-case-container {
  padding-top: 24rem;
}

@media screen and (min-width: 3000px) {
  .use-case-container {
    padding-top: 30rem;
  }
}
.img-wf {
  height: 3.33vw;
}

.pb-13 {
  padding-bottom: 0.9vw;
}

.mb-32 {
  margin-bottom: 2.22vw;
}

.use-case-title {
  width: 85%;
  padding-top: 6.41vw;
  padding-bottom: 4.5vw;
}

.title-h1 {
  font-family: "Zilla Slab";
  font-size: clamp(3rem, 3.61vw, 3.75rem);
  line-height: clamp(3rem, 3.61vw, 3.75rem);
  text-align: center;
  font-weight: 500;
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.use-case-list {
  padding-bottom: 3.81vw;
}

.use-case-item {
  box-shadow: 0px 1px 9.9px 0px rgba(139, 191, 191, 0.6705882353);
  padding: 1.75rem 1.87rem;
  height: 100%;
}

.screen-phone {
  bottom: 0;
  left: 18%;
}

.use-case-titel h3 {
  font-size: clamp(1.5rem, 2.22vw, 2.5rem);
  font-family: "Zilla Slab";
  color: #202025;
  line-height: clamp(2.3rem, 3.11vw, 3rem);
  text-align: left;
  font-weight: 700;
  color: #027373;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.use-case-description {
  padding-top: 0.55vw;
}

.use-case-description h5 {
  color: #202025;
  font-weight: 400;
  font-family: "Host Grotesk";
  font-size: clamp(1rem, 1.11vw, 1.25rem);
  line-height: clamp(1.25rem, 1.66vw, 2rem);
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.use-case-btn a {
  color: #202025 !important;
  font-family: "Host Grotesk";
  font-size: clamp(1rem, 1.11vw, 1.25rem);
  line-height: clamp(1.25rem, 1.66vw, 2rem);
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  display: flex;
  align-items: center;
}

.bloc-2 {
  background-position-x: center;
  background-position-y: -4rem;
  background-size: cover;
  background-repeat: no-repeat;
}

.use-case-btn a:hover, .use-case-btn a:hover .icon_more {
  color: #027373 !important;
  text-decoration: none;
}

.solutions-title {
  padding-top: 3.05vw;
  padding-bottom: 3.05vw;
}

.solution-item {
  border-radius: 20px;
  background-color: #F4FBFF;
  padding-top: 2.08vw;
  padding-left: 2.08vw;
  padding-right: 2.08vw;
  height: clamp(16rem, 27.77vw, 38rem);
  margin-bottom: 1.875rem;
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  z-index: 3;
  border: 2px solid #B1D4D4;
}

.solution-name h3 {
  font-size: clamp(1.5rem, 2.22vw, 2.5rem);
  font-family: "Zilla Slab";
  color: #202025;
  color: #027373;
  font-weight: 500;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.solution-description h5 {
  font-family: "Host Grotesk";
  font-size: clamp(0.9rem, 1.38vw, 1.8rem);
  line-height: clamp(0.9rem, 1.84vw, 1.8rem);
  font-weight: 400;
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #202025;
  padding-bottom: 0;
}

#crm-solution {
  position: absolute;
  width: 45%;
  left: 34%;
  bottom: -20%;
  transform: translate(-50%);
  z-index: 1;
  height: 30.25rem;
  border-radius: clamp(20px, 1.4vw, 30px);
  padding: 1.75rem clamp(1.6rem, 1.94vw, 2.2rem);
}

#crm-solution .phone-form {
  height: 100%;
  width: 100%;
}

#crm-solution .phone-form .green-100-band {
  background-color: #B1D4D4;
  border-radius: clamp(0.2rem, 0.27vw, 4rem);
  height: 2rem;
  z-index: 1;
  width: 76%;
}

#crm-solution .phone-form .green-dradian-band {
  height: 90%;
  border-radius: clamp(0.2rem, 0.27vw, 4rem);
  background: linear-gradient(180deg, #FFEBB0 0%, #B1D4D4 74%);
}

.tag-item {
  gap: clamp(1rem, 20px, 1.5rem);
  padding: clamp(1.1rem, 1.47vw, 1.5rem) clamp(1.2rem, 1.61vw, 1.6rem);
  border-radius: clamp(20px, 1.4vw, 30px);
  height: 4.5rem;
  align-items: center;
}

.user-img-tag {
  background: linear-gradient(99.93deg, #FDEEBA -37.22%, #70DFC5 94.83%);
  position: absolute;
  top: 31%;
  right: -40%;
}

.bar-chat {
  background: linear-gradient(96.4deg, #ADE7E7 -12.6%, #8BBFBF 105.84%);
  position: absolute;
  top: 60%;
  left: -40%;
}

.tag-item h5 {
  font-family: "Host Grotesk";
  font-size: clamp(0.9rem, 1.38vw, 1.8rem);
  line-height: clamp(0.9rem, 1.84vw, 1.8rem);
  font-weight: 500;
}

.bill-ress {
  width: 90%;
  position: absolute;
  left: 50%;
  top: 42%;
  transform: translate(-50%);
}

.bill-ress .billing {
  box-shadow: 0px 5px 10px 0px rgba(88, 88, 88, 0.0705882353);
  background-color: #FFFFFF;
  border-radius: clamp(1.8rem, 2.08vw, 2.26rem);
  padding: 2.125rem clamp(1.8rem, 2.32vw, 2.6rem);
}

.billing-lab .billing-text, .task-label h4 {
  font-family: "Host Grotesk";
  font-size: clamp(2rem, 2.36vw, 2.8rem);
  font-weight: 500;
  line-height: 40px clmap(2.2rem, 27.77vw, 2.6rem);
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  margin-bottom: 1.5rem;
}

.billing-lab .billing-text {
  color: #202025;
}

.billing-lab .billing-band {
  background-color: #358F8F;
  border-radius: clamp(0.2rem, 0.27vw, 4rem);
  height: 2.63rem;
}

.billing-lab {
  width: 64.48%;
}

.icon_billing {
  background-color: #FBEAB8;
  border-radius: clamp(20px, 1.4vw, 30px);
}

.bill-ress img {
  width: 100%;
}

.rh-pay-ress {
  width: 87%;
  position: absolute;
  top: 26%;
  left: -8%;
  bottom: 0;
}

.rh-pay-ress .screen .screen-head .band {
  background-color: #F25F29;
  height: 2rem;
  width: clamp(6rem, 7.8vw, 7rem);
  border-radius: clamp(0.2rem, 0.27vw, 4rem);
}

.screen, .screen-manage {
  background-color: #FFFFFF;
  border-radius: clamp(1.6rem, 1.66vw, 2rem);
}

.screen-head {
  margin-bottom: 3.5rem;
  justify-content: space-between;
}

.screen-body {
  height: 18.5rem;
  border-radius: clamp(0.2rem, 0.27vw, 4rem);
  background-color: #FFEFBE;
  width: 88.33%;
}

.project-manage-res {
  width: 50%;
  position: absolute;
  left: 55%;
  bottom: 0%;
}

.w-66 {
  width: 66%;
}

.testimony-item {
  border-radius: clamp(20px, 1.4vw, 30px);
  background-color: #EBF8FF;
  height: 100%;
  width: 100%;
  box-shadow: 0px 0px 13px 5px rgba(94, 209, 217, 0.0784313725), 0px 1px 4px 0px rgba(21, 133, 173, 0.2117647059);
}

.user_testimony-icon {
  color: #027373;
  padding: 4px 0px 0px 0px;
  background-color: white;
  border-radius: 50%;
}

.icon-container {
  height: 48px;
  width: 48px;
}

.image-head {
  height: 4rem;
  width: 4rem;
}

.screen-manage .row {
  margin-bottom: 13px;
}

.screen-manage .band {
  border-radius: clamp(0.2rem, 0.27vw, 4rem);
  margin-bottom: 1.875rem;
  height: 3rem;
}

.band-1 {
  width: clamp(18rem, 20.57vw, 19rem);
  background-color: #55A1A1;
}

.band-3 {
  width: clamp(16.6rem, 19.11vw, 18rem);
  background-color: #BF4E24;
}

.band-2 {
  width: clamp(15rem, 17.18vw, 16rem);
  background-color: #F25F29;
}

.testimonies-list .col-2 {
  max-width: 52px;
}

.testimony-item .testimony-head {
  align-items: center;
  margin-bottom: 1rem;
  margin-left: 0px;
  margin-right: 0px;
}

.testimony-body {
  margin-left: 0px;
  margin-right: 0px;
}

.testimony-item .testimony-head .testymony-image {
  width: clamp(2.6rem, 33.3vw, 3.2rem);
  height: clamp(2.6rem, 33.3vw, 3.2rem);
  background-color: #EEEEEE;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimony-item .testimony-head .testymony-image img {
  position: relative;
  left: 50%;
  transform: translate(-50%, 45%);
}

.profil-text h5, .profil-text p {
  font-size: clamp(15px, 1.04vw, 19px);
  font-family: "Host Grotesk";
  line-height: clamp(20px, 1.4vw, 30px);
}

.profil-text h5 {
  color: #003A36;
}

.profil-text p {
  font-size: 14px;
  color: #027373;
}

.h-line {
  width: clamp(0.1rem, 0.138vw, 0.4rem);
  background-color: #202025;
  height: 100%;
}

.w-48 {
  width: 3.47vw;
}

.h-48 {
  height: 3.47vw;
}

.image-task {
  position: absolute;
  right: 0%;
  width: 58%;
  bottom: 0;
}

.testimony-message h5 {
  font-family: "Host Grotesk";
  font-size: 1rem;
  line-height: 20px;
  color: #202025;
}

.px-testimony {
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important;
}

.testimonies-list {
  position: relative;
  flex-wrap: nowrap;
}

.testimonies-container-list {
  padding-top: 3.875rem;
  padding-bottom: 3.875rem;
}

.caracteristic-container .col-11 {
  padding-bottom: 1rem;
}

.gradiant {
  position: absolute;
  top: 0;
  right: -6%;
  width: 10vw;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, #ffffff 84%);
}

@keyframes slide-left {
  0% {
    transform: translateX(0); /* Départ à gauche */
  }
  100% {
    transform: translateX(-200%); /* Reviens au début */
  }
}
.animation-container .col-lg-3 {
  animation: 25s slide-left infinite linear;
  flex-shrink: 0;
}

.testimonies-list:hover .col-lg-3 {
  animation-play-state: paused !important;
}

.caracteristic-item {
  border: 1px solid #B1D4D4;
  border-radius: clamp(20px, 1.4vw, 30px);
  padding-left: clamp(0.94rem, 1vw, 1.2rem);
  padding-right: clamp(0.94rem, 1vw, 1.2rem);
  padding-top: 0.68rem;
  padding-bottom: 0.68rem;
  height: 100%;
}

.caracteristic-icon {
  margin-bottom: 1.375rem;
}

.caracteristic-name h4 {
  color: #027373;
}

.caracteristic-name {
  margin-bottom: 1.375rem;
}

.caracteristic-description h6 {
  color: #434348;
}

.price-title {
  font-weight: 500;
  width: 81%;
  padding-bottom: 44px;
}

.price-title h5 {
  font-family: "Host Grotesk";
  font-size: clamp(1.25rem, 1.66vw, 2rem);
  font-weight: 400;
  line-height: clamp(1.5rem, 2.22vw, 2.5rem);
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.offer-item {
  border-radius: clamp(20px, 1.4vw, 30px);
  height: 100%;
  border: 2px solid #B1D4D4;
}

.offer-head .offer-name h5 {
  font-family: "Host Grotesk";
  color: #027373;
  font-size: clamp(1.25rem, 1.18vw, 1.4rem);
  font-weight: 500;
  line-height: clamp(1.5rem, 2.22vw, 2.5rem);
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.offer-head .offer-name h3 {
  font-family: "Host Grotesk";
  color: #A2A3A8;
  font-size: clamp(0.875rem, 1vw, 0.875rem);
  font-weight: 400;
  line-height: clamp(1.125rem, 1.5vw, 1.125rem);
  text-align: left;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.offer-name {
  margin-bottom: 1rem;
}

.offer-price {
  gap: 2rem;
  display: flex;
}

.offer-head .offer-price h2 {
  text-align: left !important;
  font-family: "Zilla Slab";
  font-size: clamp(3rem, 3.61vw, 3.75rem);
  line-height: clamp(3rem, 3.61vw, 3.75rem);
  text-align: center;
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #027373;
  font-weight: 500;
}

.offer-head .offer-price h2 span {
  text-align: left !important;
  font-family: "Zilla Slab";
  font-size: clamp(0.8rem, 3.61vw, 1rem);
  line-height: clamp(3rem, 3.61vw, 3.75rem);
  text-underline-position: from-font;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #027373;
  font-weight: 500;
}

.offer-btn a {
  background-color: white;
  color: #027373;
  border: 1.5px solid #027373;
}

.offer-body {
  border-bottom: 2px solid #B1D4D4;
}

.offers-given {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.offers-given li {
  margin-bottom: 0.75rem;
}

.offers-given li span {
  color: #5E5E5E;
}

.offers-given li svg {
  color: #F25F29;
}

.offer-item:hover {
  background-color: #F5FDFD;
  border: 2px solid white;
}

.try-free-btn .larg-btn:hover {
  background-color: #358F8F;
}

.try-free-btn .larg-btn:hover {
  background-color: #358F8F;
}

.try-free-btn .larg-btn:focus {
  background-color: #026969;
}

.offer-item:hover .offer-head {
  color: #202025;
}

.offer-description h6 {
  color: #5E5E5E;
}

.offer-item:hover .offer-body .offer-btn a {
  background-color: #027373;
  color: #FFFFFF;
}

.offer-item:hover .offer-body .offer-btn a:hover {
  background-color: #358F8F;
}

.offer-item:hover .offer-body .offer-btn a:focus {
  background-color: #026969;
}

.offer-item:hover .offer-footer .offers-given li span {
  color: #202025;
}

.offer-item:hover .offer-head .offer-description h6 {
  color: #202025;
}

.try-free-container {
  padding-top: 10.625rem;
  padding-bottom: 10.625rem;
  background: radial-gradient(63.68% 40.76% at 50% 103.08%, #F6D266 0%, #F9E096 100%);
}

.try-free-title h1 {
  color: #027373;
  text-align: center;
}

.try-free-sub-title h5 {
  font-family: "Host Grotesk";
  font-weight: 400;
  text-align: center;
  font-size: clamp(1.25rem, 1.66vw, 2rem);
  color: #202025;
  line-height: clamp(1.5rem, 2.22vw, 2.5rem);
  font-family: "Host Grotesk";
  font-size: clamp(1rem, 1.11vw, 1.25rem);
  line-height: clamp(1.25rem, 1.66vw, 2rem);
}

.try-free-btn a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.try-free-btn {
  display: flex;
  justify-content: center;
}

.try-free-btn a {
  background-color: #027373;
  color: #FFFFFF !important;
  text-align: center;
}

.offer-name .medium-btn {
  color: #027373;
}/*# sourceMappingURL=home.css.map */