@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

:root {
  --color-primary: #55a7dc;
  --color-background: #f9f9f9;
  --opensans: "Open Sans", sans-serif;
  --roboto: "Roboto", sans-serif;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-20: 1.25rem;
}

/**
 * Buttons
 * ---------------------------------------------
 */

/* Buttons: Primary */
.btn-cs-primary {
  /* default */
  --bs-btn-color: #000;
  --bs-btn-bg: #67a5da;
  --bs-btn-border-color: #67a5da;
  /* hover */
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b9d1ea;
  --bs-btn-hover-border-color: #b9d1ea;
  /* focus */
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  /* active */
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #b9d1ea;
  --bs-btn-active-border-color: #b9d1ea;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  /* disabled */
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #67a5da;
  --bs-btn-disabled-border-color: #67a5da;
  /* icon link */

  /* custom */
  border-radius: 0px;
  font-size: var(--fs-16);
  font-family: var(--roboto);
  font-weight: 500;
  padding-block: 12px;
  white-space: nowrap;
}

/**
 * Card
 * ---------------------------------------------
 */

.cs-card .card-title {
  font-size: var(--fs-20);
  font-family: var(--roboto);
  font-weight: 600;
  margin-bottom: 21px;
}

.cs-card .card-list-details {
  padding-left: 20px;
  font-size: var(--fs-16);
  font-family: var(--opensans);
  font-weight: 400;
  margin-left: 0;
}

.cs-card .card-body {
  display: flex;
  flex-direction: column;
}

.cs-card .card-body .card-text {
  flex: 1;
}

.cs-card img {
  height: 220px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .cs-card img {
    height: 250px;
  }
}

/**
 * Carousel Card
 * ---------------------------------------------
 */

.swiper.carousel-cards {
  padding-block-end: 62px;
}

.container-carousel-cards {
  position: relative;
}

.container-carousel-cards .swiper-button-prev,
.container-carousel-cards .swiper-button-next {
  position: absolute;
  bottom: 0 !important;
  top: auto;
}

.container-carousel-cards .swiper-button-prev::after,
.container-carousel-cards .swiper-button-next::after {
  font-size: 21px;
  color: black;
}

.swiper.carousel-cards .swiper-pagination .swiper-pagination-bullet {
  background: #bbbbbb;
}

.swiper.carousel-cards
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: black;
}

/**
 * Notifications 
 * ---------------------------------------------
 */

/****** Notifications:desktop ******/

.notification-desktop {
  --color-text: black;
  --color-bg: #f8f9fa;
  --color-border-left: #c0c8d0;
  --color-icon: #c0c8d0;

  color: var(--color-text);
  background-color: var(--color-bg);
  border-left: 0.25rem solid var(--color-border-left);

  padding: 1.25rem;

  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.notification-desktop .notification-desktop__icon {
  font-size: 24px;
  color: var(--color-icon);
}

.notification-desktop .notification-desktop__content {
  display: flex;
  flex-direction: column;
}

.notification-desktop .notification-desktop__content > p {
  margin: 0 !important;
}

/* Notification:info */
.notification-desktop.notification--info {
  --color-text: black;
  --color-bg: #fbf5ee;
  --color-border-left: #c9772b;
  --color-icon: #c9772b;
}

/* Notification:error */
.notification-desktop.notification--error {
  --color-text: rgb(95, 33, 32);
  --color-bg: rgb(253, 237, 237);
  --color-border-left: rgb(211, 47, 47);
  --color-icon: rgb(211, 47, 47);
}

/******Notifications:mobile ******/
.notification-mobile {
  --color-text: black;
  --color-bg: #f8f9fa;
  --color-border-left: #c0c8d0;
  --color-icon: #c0c8d0;

  color: var(--color-text);
  background-color: var(--color-bg);
  border-left: 0.25rem solid var(--color-border-left);

  padding: 1.25rem;
}

.notification-mobile .notification-mobile__header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.notification-mobile .notification-mobile__header p {
  font-weight: 600;
  margin: 0;
  font-family: var(--opensans);
  font-size: var(--fs-16);
}

.notification-mobile .notification-mobile__content {
  margin-bottom: 16px;
}

.notification-mobile .notification-mobile__content p {
  font-weight: 400;
  margin: 0;
  /* font-family: var(--roboto); */
  font-size: var(--fs-16);
  line-height: 1.5;
}

.notification-mobile .notification-mobile_icon {
  font-size: 24px;
  color: var(--color-icon);
}

/* Notification:info */
.notification-mobile.notification--info {
  --color-text: black;
  --color-bg: #fbf5ee;
  --color-border-left: #c9772b;
  --color-icon: #c9772b;
}

/* Notification:error */
.notification-mobile.notification--error {
  --color-text: rgb(95, 33, 32);
  --color-bg: rgb(253, 237, 237);
  --color-border-left: rgb(211, 47, 47);
  --color-icon: rgb(211, 47, 47);
}

/**
 * Documents 
 * ---------------------------------------------
 */

.document {
  --bg-color: white;
  --border: 1px solid #3333331f;
  background: var(--bg-color);
  border: var(--border);
  border-radius: 5px;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 12px;
}

.document .document__icon {
  font-size: 24px;
}

.document .document__title {
  font-weight: 500 !important;
  font-size: var(--fs-18);
}

.document .document__content p {
  margin: 0 !important;
  font-family: var(--roboto);
  font-weight: 300;
}

/**
 * Modals 
 * ---------------------------------------------
 */

.modal.popup .modal-content {
  padding-inline: 20px;
  border-radius: 0;
  border: none;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.modal.popup p {
  font-family: var(--roboto);
}

@media (min-width: 768px) {
  .modal.popup .modal-content {
    padding-inline: 40px;
  }
}

/**
 * checkbox field  
 * ---------------------------------------------
 */

.input-check {
  width: 18px !important;
  height: 18px !important;
  border: 1px solid black !important;
  margin: 0 !important;
}

.input-check:checked {
  background-color: white !important;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23212121' class='bi bi-check-lg' viewBox='0 0 16 16'> <path d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/> </svg>") !important;
  background-size: 14px;
}

.input-check:focus,
.input-check:focus-visible {
  box-shadow: 0 0 0 0.1rem var(--color-secondary-light-70) !important;
}

/* validando check */
.checkbox-field {
  padding-bottom: 30px;
}

.modal.popup.invalid .invalid-feedback {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

.modal.popup.invalid .input-check {
  border-color: rgb(211, 47, 47) !important;
}

.modal.popup.invalid .checkbox-field {
  padding-bottom: 0;
}

/**
 * Department  
 * ---------------------------------------------
 */

/* department desktop */
.department {
  background: white;
}
.department.department--desktop {
  display: flex;
  padding-block: 50px;
  padding-inline: 70px;
}

.department.department--desktop > * {
  flex: 1;
}

.department.department--desktop .department__model {
  font-family: var(--roboto);
  font-weight: 600;
  font-size: var(--fs-20);
}
.department.department--desktop .department__name {
  font-family: var(--opensans);
  font-weight: 400;
  font-size: var(--fs-16);
  margin-bottom: 32px;
}

.department.department--desktop .department__details {
  font-family: var(--opensans);
  font-weight: 400;
  font-size: var(--fs-16);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 0;
}

.department.department--desktop .department__image {
  margin: 0;
}

.department.department--desktop .department__image img {
  width: 100%;
  height: auto;
}

/* department mobile */
.department.department--mobile {
  padding-block: 24px;
  padding-inline: 20px;
}

.department.department--mobile .department__model {
  font-family: var(--roboto);
  font-weight: 600;
  font-size: var(--fs-20);
}

.department.department--mobile .department__name {
  font-family: var(--opensans);
  font-weight: 400;
  font-size: var(--fs-16);
  margin-bottom: 32px;
}

.department.department--mobile .department__details {
  font-family: var(--opensans);
  font-weight: 400;
  font-size: var(--fs-16);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 0;
}

.department.department--mobile .department__image {
  margin: 0;
  padding-bottom: 25px;
}

.department.department--mobile .department__image img {
  width: 100%;
  max-width: fit-content;
}

/**
 * Navigation header
 * ---------------------------------------------
 */

.navigation-header-mobile {
  display: flex;
  align-items: center;
  background: #000;
  color: white;
  padding: 14px;
  gap: 24px;
}

.navigation-header-mobile i {
  color: white;
  font-size: 24px;
}

.navigation-header-mobile h3 {
  font-size: var(--fs-16);
  font-family: var(--opensans);
  font-weight: 600;
  margin: 0;
  text-align: center;
}

/**
 * Payment message
 * ---------------------------------------------
 */

.payment-message {
  text-align: center;
  max-width: 480px;
  margin: auto;
  --color-icon: black;
}

.payment-message .payment-message__icon {
  font-size: 48px;
  color: var(--color-icon);
}

.payment-message .payment-message__title {
  font-size: var(--fs-20);
  font-weight: 600;
  font-family: var(--roboto);
  margin-top: 25px;
  margin-bottom: 30px;
}

.payment-message .payment-message__description {
  margin-bottom: 0;
  font-family: var(--opensans);
}

/* payment-message success */
.payment-message.payment-message--success {
  --color-icon: var(--color-primary);
}

/* payment-message error */
.payment-message.payment-message--error {
  --color-icon: rgb(211, 47, 47);
}

/**
 * Sales profile
 * ---------------------------------------------
 */

.sales-profile {
}

.sales-profile .sales-profile__title {
  font-size: var(--16);
  font-weight: 500;
  font-family: var(--roboto);
  margin-bottom: 25px;
}

.sales-profile .sales-profile__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 25px;
  justify-content: center;
  background: white;
}

.sales-profile .sales-profile__info {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 10px;
}

.sales-profile .sales-profile__info h4 {
  font-size: var(--16);
  font-family: var(--opensans);
  font-weight: 600;
  margin-bottom: auto;
}

.sales-profile .sales-profile__info a {
  display: flex;
  gap: 16px;
  text-decoration: none;
  font-size: var(--16);
  font-family: var(--opensans);
  font-weight: 400;
  color: black;
}

.sales-profile .sales-profile__info a i {
  color: var(--color-primary);
}

.sales-profile .sales-profile__image {
  margin: 0;
}

@media (min-width: 768px) {
  .sales-profile .sales-profile__content {
    flex-direction: row;
  }
}

/**
 * Title
 * ---------------------------------------------
 */

.title {
  font-size: var(--fs-20);
  font-weight: 600;
  font-family: var(--roboto);
}

/**
 * Dashboard
 * ---------------------------------------------
 */

/* dashboard content */

@media (max-width: 992px) {
  .dashboard {
    margin-top: 88px;
  }
}

.dashboard__content {
  background: var(--color-background);
  padding: 0;
  padding-bottom: 50px;
}

/* dashboard navigation */

.dashboard__navigation {
  padding-left: 20px;
  padding-top: 46px;
  position: sticky;
  top: 0;
  background: white;
  margin-bottom: 10rem;
}

.dashboard__navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dashboard__navigation li {
  border-bottom: 1px solid #f9f9f9;
  padding-block: 10px;
}

.dashboard__navigation .link {
  color: black;
  text-decoration: none;
  font-family: var(--opensans);
  font-weight: 400;
  font-size: var(--fs-16);
  display: block;
  padding-block: 2px;
  padding-left: 8px;
}

.dashboard__navigation .link.active {
  border-left: 4px solid var(--color-primary);
  font-weight: 600;
}

@media (min-width: 992px) {
  .dashboard__content {
    padding: 50px;
  }
}

/* when the view is mobile */
@media (max-width: 992px) {
  .dashboard__navigation {
    position: fixed;
    top: 84px;
    z-index: 20;
    transform: translateX(-100%);
  }
  .dashboard__navigation .link {
    padding-left: 48px;
  }

  .show-dashboard {
    transform: translateX(0%);
    transition: 150ms ease-in-out;
  }
}

/* btn navigation menu*/

#btn-open-navigation-dashboard {
  background: white;
  border: none;
  font-size: 24px;
}

#btn-open-navigation-dashboard .icon-close {
  display: none;
}

/**
 * Divider Horizontal
 * ---------------------------------------------
 */

.horizontal-divider {
  height: 1px;
  width: 100%;
  background: #eaeaea;
  margin-block: 40px;
}

/**
 * GridCards
 * ---------------------------------------------
 */

.gridCards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.gridDocuments {
  display: grid;
  /* gap: 20px; */
}

@media (min-width: 992px) {
  .gridCards {
    display: grid;
    grid-template-columns: repeat(2, minmax(386px, 386px));
    gap: 20px;
  }
}
/**
 * state departament
 * ---------------------------------------------
 */

.state-department {
  max-width: 100%;
  height: 740px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .state-department {
    max-width: 739px;
    height: 234px;
    object-fit: cover;
  }
}

/**
 * box-information
 * ---------------------------------------------
 */

.box-information {
  padding: 25px;

  background: white;
  margin-top: 60px;
}

.box-information h3 {
  font-size: var(--fs-20);
  font-family: var(--roboto);
  font-weight: 600;
}

.box-information p {
  font-size: var(--fs-16);
  font-family: var(--roboto);
}

.box-information ul {
  margin-left: 0;
}

.box-information ul li {
  font-size: var(--fs-16);
  font-family: var(--roboto);
}

/**
 * Accordion
 * ---------------------------------------------
 */

.accordion-component {
  background: white;
  padding: 40px 25px;
}

.accordion-component .accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(
    var(--bs-border-radius) - (var(--bs-border-width))
  );
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: none;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: black;
  --bs-accordion-active-bg: #fff;
}

.accordion-component__title {
  padding-bottom: 25px;
}

.accordion-component .accordion-flush .accordion-item:first-child {
  border-top: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}

.accordion-component .accordion-flush .accordion-item:last-child {
  border-bottom: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}

.accordion-component .accordion-flush .accordion-collapse:first-child,
.accordion-component .accordion-flush .accordion-collapse:last-child {
  border-top: var(--bs-accordion-border-width) solid
    var(--bs-accordion-border-color);
}

.accordion-component .accordion .accordion-body {
  padding-block: 25px;
}

.accordion-component .accordion .accordion-body h3 {
  font-size: var(--fs-16);
  font-family: var(--roboto);
  font-weight: 600;
}

.accordion-component .accordion .accordion-body p {
  font-size: var(--fs-16);
  font-family: var(--roboto);
  font-weight: 400;
}

/**
 * label text
 * ---------------------------------------------
 */

.label-text {
  font-size: var(--fs-16);
  font-family: var(--roboto);
  font-weight: 500;
}

/**
 * select
 * ---------------------------------------------
 */

.select-component {
  font-family: var(--roboto);
  --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2355A7DC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #a0a0a0;
  border-radius: 0 !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-component:focus {
  border-color: #55a7dc;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #55a6dc54;
}

.textarea {
  border: 1px solid #a0a0a0;
  border-radius: 0;
}

.textarea:focus {
  border-color: #55a7dc;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #55a6dc54;
}

/**
 * Table desktop postventa
 * ---------------------------------------------
 */

.table-component {
  margin-bottom: 0;
}

/* head table */
.table-component thead tr {
  display: flex;
  background: #717171;
}

.table-component thead tr > * {
  flex: 1;
  font-size: var(--fs-14);
  font-family: var(--roboto);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 15px 8px;
}

.table-component thead tr th:nth-child(4) {
  flex: 2;
}

/* body table */
.table-component tbody tr {
  display: flex;
  background: white;
}

.table-component tbody tr > * {
  flex: 1;
  display: flex;
  justify-content: center;
  border: 1px solid #71717124;
  padding: 15px 8px;
  font-size: var(--fs-14);
  font-family: var(--roboto);
  font-weight: 400;
}

.table-component tbody tr td:nth-child(4) {
  flex: 2;
}

/* collapse table button */

.collape-table-button {
  background: none;
  font-size: var(--fs-18);
  font-family: var(--roboto);
  font-weight: 700;
  color: var(--color-primary);
  border: none;
  text-decoration: underline;
  padding-block: 20px;
}

/* collapse table content */

.collapse-table-content {
  overflow: hidden;
}

.collapsed-table-content {
  max-height: max-content !important;
}

/**
 * Table mobile postventa
 * ---------------------------------------------
 */

.collapse-table-mobile {
}

.collapse-table-mobile button {
  background: none;
  border: none;
  background: white;
  border-bottom: 1px solid #33333329;
}

.collapse-table-mobile p {
  margin-bottom: 0;
}

.collapse-table-mobile .collapse-table-mobile__label {
  background: #717171;
  color: white;
  font-size: var(--fs-14);
  font-family: var(--roboto);
  font-weight: 500;
  padding: 8px;
  text-align: left;
}

.collapse-table-mobile__date {
  padding: 15px;
  text-align: left;
}

.collapse-table-mobile__date time {
  font-weight: 400;
  font-family: var(--roboto);
}
.collapse-table-mobile__date span {
  font-weight: 300;
  font-family: var(--roboto);
  display: block;
}

.collapse-table-mobile__value {
  padding: 15px;
  background: white;
}

.collapse-table-mobile button[aria-expanded="true"] span {
  display: none;
}

.card p.collapse-table-mobile__label {
  background: #f9f9f9;
  color: hsla(0, 0%, 0%, 1);
}

/**
 * Input
 * ---------------------------------------------
 */

.input-component input {
  border-radius: 0;
  border: 1px solid #a0a0a0;
  height: 45px !important;
  padding-top: 12px !important;
}

.input-component label {
  font-size: var(--fs-16);
  font-family: var(--roboto);
  font-weight: 400;
  color: #717171;
}

.form-floating > label {
  padding: 0.6rem 0.75rem;
}

.form-floating.input-component > .form-control:not(:placeholder-shown) ~ label,
.form-floating.input-component > .form-control:focus ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-1.6rem) translateX(0.15rem) !important;
}

.input-component input:focus {
  border-color: #55a7dc;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #55a6dc54;
}

.input-component.input-component--password i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  font-size: 24px;
}

/* navigation mobile  */

.navigation-mobile-active {
  position: fixed;
  top: 0;
  background: white;
  z-index: 20;
  width: 100%;
}

/**
 * Collapse department
 * ---------------------------------------------
 */

.collapse-departments {
}

.collapse-departments .collapse-departments__title {
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  gap: 4px;
  color: black;
  text-decoration: none;
  font-family: var(--opensans);
  font-weight: 400;
  font-size: var(--fs-16);
  padding-block: 2px;
}

.collapse-departments .collapse-departments__title i {
  color: var(--color-primary);
  transition: rotate 50ms ease;
}

.collapse-departments .card-body {
  padding-inline: 6px;
  border: 0;
}

.collapse-departments .card-body button {
  background: none;
  border: none;
  padding-block: 6px;
  text-align: left;
}

.collapse-departments .collapse-departments__title[aria-expanded="true"] i {
  transform: rotate(180deg);
}

/**
 * section-caducate
 * ---------------------------------------------
 */

.section-caducate {
  max-width: 800px;
  margin: auto;
  text-align: center;
  height: 600px;
  padding-top: 100px;
  padding-inline: 16px;
}

.section-caducate h1 {
  font-family: var(--opensans);
  font-size: var(--fs-18);
  font-weight: 600;
}

.section-caducate p {
  font-family: var(--opensans);
  font-size: var(--fs-16);
  font-weight: 400;
}

.section-caducate h1,
.section-caducate p {
  margin-bottom: 25px;
}

/**
 * errors
 * ---------------------------------------------
 */
.error-password-text {
  display: none;
}

.error-in-form .input-component--password input {
  border-color: #dc6d55;
  background: hsl(11deg 66% 60% / 14%);
}

.error-in-form .input-component--password input:focus {
  box-shadow: 0 0 0 0.25rem hsl(11deg 66% 60% / 14%);
}

.error-in-form .error-password-text {
  display: block;
  color: #dc6d55;
}

.error-in-form .error-email-text {
  display: block;
  color: #dc6d55;
}

.error-input {
  color: #dc6d55;
}

/**
 * Utilities
 * ---------------------------------------------
 */

.pb-10 {
  padding-bottom: 10px;
}

.pd-20 {
  padding: 20px;
}

.m-30 {
  margin-block: 30px;
}

.px-40 {
  padding: 40px;
}

.py-30 {
  padding-block: 30px;
}

.mt-50 {
  padding-top: 50px !important;
}

.pd-50 {
  padding: 50px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-40 {
  padding-bottom: 40px;
}

.bg-cs-gray {
  background: var(--color-background);
}

@media (min-width: 768px) {
  .pt-md-50 {
    padding-top: 50px;
  }
}

.view-password-changed {
}

.view-password-changed__title {
  font-family: var(--opensans);
  font-weight: 600;
  font-size: 1.125rem;
}

.view-password-changed__text {
  margin-top: 25px;
  margin-bottom: 37px;
  font-family: var(--roboto);
  font-family: 400;
  font-size: 1rem;
}