.menu-item:hover .menu-link::after,
.menu-item.current .menu-link::after,
.btn-border:hover span::before {
  width: 100%;
}

#header-wrap {
  backdrop-filter: blur(0.1rem);
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 8px;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
th {
  background-color: #f2f2f2;
}
tr:nth-child(even) {
  background-color: #f9f9f9;
}

.border-card-body {
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-top: 0;
}

.card-title {
  font-size: 1.125rem;
}

.circle-button {
  height: 45px;
  width: 45px;
  min-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.3s ease;
  transform: scale(1);
}

.card:hover .circle-button {
  background-color: var(--cnvs-themecolor);
  transform: scale(1.1);
}

.card:hover .circle-button i {
  color: #fff;
}

.section-hover {
  height: 650px;
  padding: 0;
}

.section-hover .feature-div:not(:last-child) {
  border-right: 1px solid var(--cnvs-header-border-color);
}

.features_item_header .feature_item_number,
.features_item_header .feature_item_title {
  color: #fff;
  font-size: 35px;
}

.features_item_header .feature_item_number {
  opacity: 0;
  transition: 0.2s ease;
  font-weight: 300;
}

.features_item_text {
  display: none;
  opacity: 0;
  transform: translateY(40px);
  color: #fff;
  margin-bottom: -40px;
  visibility: hidden;
  transition: opacity 0.3s ease, transform 0.3s ease, margin-bottom 0.3s ease;
}

.feature-div:hover .features_item_text {
  display: block;
}

.section-hover .feature-div:hover .features_item_text {
  opacity: 1;
  transform: translateY(0px);
  margin-bottom: 0px;
  visibility: visible;
}

.section-hover .feature-div {
  transition: background-color 0.3s ease;
}

.section-hover .feature-div:hover {
  background-color: rgba(223, 92, 161, 0.9);
}

.section-hover .feature-div:hover .feature_item_number {
  opacity: 1;
}

#dynamic-background-section {
  background-size: cover;
  background-position: center center;
  transition: background-image 0.4s ease;
}

.widget h3 {
  font-size: 18px;
}

.widget span,
.widget a {
  font-size: 15px;
  opacity: 0.7;
  transition: 0.2s ease;
}

.widget a:hover {
  opacity: 1 !important;
}

.mouseDown {
  font-size: 0.9em;
  border: 2px solid rgba(255, 255, 255, 1);
  display: block;
  width: 1.7em;
  height: 2.8em;
  border-radius: 0.9em;
  margin: 0 auto;
  text-decoration: none;
  transition: border 0.2s ease-out;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.mouseDown:hover {
  border: 2px solid rgba(255, 255, 255, 0.7);
}

.mouseDown span {
  display: block;
  background: #fff;
  width: 0.2em;
  height: 0.3em;
  margin: 0.7em auto 0;
  border-radius: 0.4em;
}

.mouseDown span {
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
  animation-timing-function: cubic-bezier(0.65, -0.55, 0.25, 1.5);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  will-change: transform;
}

.sticky-header .menu-link,
header:not(.transparent-header) .menu-link {
  color: #212529;
}

header:not(.transparent-header),
header.sticky-header:not(.transparent-header) {
  --cnvs-header-border-color: rgba(var(--cnvs-contrast-rgb), 0.1) !important;
}

header.sticky-header:not(.transparent-header) #header-wrap {
  --cnvs-header-border-color: rgba(var(--cnvs-contrast-rgb), 0.1) !important;
}

.toggle-icon {
  width: 30px;
  height: 30px;
  border: 1px solid #000;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
  transform: scale(1);
}

.toggle-header:hover .toggle-icon {
  background-color: var(--cnvs-themecolor);
  border: 1px solid var(--cnvs-themecolor);
  transform: scale(1.3);
  color: #fff;
}

.dotted-bg::before {
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.2) 14%,
    transparent 14%
  );
}

.device-video-wrap::before,
.dotted-bg::before {
  content: "";
  position: absolute;
  display: block;
  top: 40%;
  left: 35%;
  width: 110%;
  height: 120%;
  background-size: 12px 12px;
  background-position: center;
  transform: translate(-50%, -50%);
  background-image: radial-gradient(#00000045 1%, transparent 14%);
  -webkit-mask-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 75%);
  mask-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 75%);
  z-index: 0;
}

.square-color {
  background-color: var(--cnvs-themecolor);
  min-height: 400px;
  max-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
}

.number-div,
.right-div {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background: #fff;
  border: 1px solid rgb(0 0 0 / 10%);
  transition: 0.3s ease;
  transform: scale(1);
}

.feature-text:hover .number-div,
.right-div:hover {
  background: var(--cnvs-themecolor);
  border-color: var(--cnvs-themecolor);
  transform: scale(1.3);
  color: #fff;
}

.form-group input:not(.form-check-input),
.form-group input:not(#template-form-cv),
.form-group textarea,
.form-group .ts-control,
.form-group select {
  padding: 0.75rem 0.75rem;
  border-radius: 0;
}

.form-group label {
  font-size: 14px;
  margin-bottom: 5px;
}

.bg-unicordas {
  background-color: #0f313a !important;
}

#wrapper.bg-unicordas-header header:not(.sticky-header) #header-wrap {
  background-color: #0f313a !important;
}

#wrapper.bg-unicordas-header header:not(.sticky-header) .menu-link {
  color: #fff;
}

#wrapper.bg-unicordas-header header:not(.sticky-header) .logo-default {
  display: none;
}

#wrapper.bg-unicordas-header header:not(.sticky-header) .logo-dark {
  display: block;
}

.bg-unicordas-header
  .is-expanded-menu
  .full-header
  .primary-menu
  .menu-container,
.is-expanded-menu .full-header #logo {
  border-right: 1px solid rgb(255 255 255 / 20%);
}

.bg-unicordas-header #header-wrap {
  border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.lang-selector .sub-menu-container .menu-item .menu-link::after {
  background-color: transparent;
}

.lang-selector .sub-menu-container {
  width: auto !important;
  min-width: 80px !important;
}

@media (max-width: 600px) {
  /*.content-wrap table,
    .content-wrap thead,
    .content-wrap tbody,
    .content-wrap th,
    .content-wrap td,
    .content-wrap tr {
        display: block;
        width: 100%;
    }
    .content-wrap thead tr {
        display: none;
    }
    .content-wrap tr {
        margin-bottom: 1.2em;
        border-bottom: 1px solid #eee;
    }
    .content-wrap td {
        position: relative;
        padding-left: 50%;
        min-height: 40px;
        border: none;
        border-bottom: 1px solid #eee;
        box-sizing: border-box;
    }
    .content-wrap td:before {
        position: absolute;
        top: 8px;
        left: 12px;
        width: 45%;
        white-space: normal;
        font-weight: bold;
        color: #888;
        content: attr(data-label);
    }*/
}

@-webkit-keyframes scroll {
  0%,
  20% {
    -webkit-transform: translateY(0) scaleY(1);
  }
  10% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1.2em) scaleY(1.5);
    opacity: 0.01;
  }
}

@keyframes scroll {
  0%,
  20% {
    transform: translateY(0) scaleY(1);
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateY(1.2em) scaleY(1.5);
    opacity: 0.01;
  }
}

@media (min-width: 992px) {
  .menu-link::after,
  .menu-link .menu-link::after,
  .btn-border span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background-color: var(--cnvs-themecolor);
    transition: width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .img-overlap + div {
    border-radius: 0rem;
    padding: 60px;
  }

  .img-overlap img {
    width: calc(100% + 10%);
    max-width: none;
  }

  .container-fluid-start0 {
    padding-right: calc((100vw - 960px) / 2);
  }
}

@media (max-width: 991px) {
  .fbox-content p {
    margin-top: 0rem;
  }
  .form-check {
    display: flex;
  }

  .section-mobile {
    background-color: #fff;
    margin-top: 0;
  }
  .content-wrap,
  .section:not(#dynamic-background-section) {
    padding: 3rem 0;
  }
  .square-color {
    min-height: 250px !important;
    max-height: 300px !important;
  }
  .transparent-header .menu-link {
    color: #212529;
  }
  .bg-unicordas-header .cnvs-hamburger .cnvs-hamburger-inner,
  .bg-unicordas-header .cnvs-hamburger .cnvs-hamburger-inner::before,
  .bg-unicordas-header .cnvs-hamburger .cnvs-hamburger-inner::after {
    background-color: #fff;
  }
  .footer-widgets-wrap {
    padding: 20px 0 !important;
  }
}

@media (min-width: 1200px) {
  .container-fluid-start0 {
    padding-right: calc((100vw - 1140px) / 2);
  }
}

@media (min-width: 1400px) {
  .container-fluid-start0 {
    padding-right: calc((100vw - 1320px) / 2);
  }
}

@media (max-width: 768px) {
  .features_item_header .feature_item_number,
  .features_item_header .feature_item_title {
    font-size: 25px;
  }
  #dynamic-background-section {
    height: 100vh;
  }

  #dynamic-background-section .h-50 {
    height: 25% !important;
  }

  .counter-large {
    font-size: 35px;
  }
}

/* Remover barra rosa do dropdown */
.sub-menu-container,
.is-expanded-menu .sub-menu-container {
  border-top: none !important;
  --cnvs-primary-menu-submenu-top-border: none !important;
}

.sub-menu-container .menu-item > .menu-link::after {
  display: none !important;
  content: none !important;
}