#top {
  height: 40vh;
  background-image: url("../../img/index/background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  text-shadow: 0px 3px 6px #575757aa;
}

#top-vc {
  height: 190px;
  background-image: url("../../img/index/background.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  text-shadow: 0px 3px 6px #575757aa;
}
#top-vc-mobile {
  height: 186px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  text-shadow: 0px 3px 6px #575757aa;
}

.banner-mobile-november-blue {
  background-image: url("../../img/index/banner-november-blue-m.png");
}

.banner-mobile1 {
  background-image: url("../../img/index/new-background-mobile.webp");
}

.banner-mobile2 {
  background-image: url("../../img/index/banner_mobile2.jpg");
}

.banner-mobile3 {
  background-image: url("../../img/index/banner_mobile3.png");
}

.banner-mobile4 {
  background-image: url("../../img/index/banner_mobile4.png");
}

.first-freedom #top {
  background-image: url("../../img/index/backgrounds/freedom1.webp");
}

.second-freedom #top {
  background-image: url("../../img/index/backgrounds/freedom2.webp");
}

.third-freedom #top {
  background-image: url("../../img/index/backgrounds/freedom3.webp");
}

#top h3 {
  font-weight: 700;
}
#top p {
  font-weight: 500;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}
.row.products {
  background-color: white;
  font-weight: 700;
  text-align: center;
  color: #07bebb;
  border-radius: 8px;
  padding: 1.2em 0;
  position: relative;
  top: -3em;
  font-size: 0.9rem;
}
.row.products i {
  font-size: 1.6rem;
  color: #07bebb;
  padding-bottom: 5px;
}
.row.products a {
  color: #07bebb;
  font-size: 0.9em;
}
.row.products .search-item {
  color: #07bebb;
  font-size: 0.9em;
}
.row#search {
  text-align: center;
  font-weight: 700;
  color: #606060;
  margin-top: 60px;
}
.row#search h3 {
  font-weight: 700;
}
.row#search #title {
  top: -1em;
}
#search-box {
  padding: 0 4em;
  top: -1.5em;
}
#search-box input.search,
#health_search input {
  background: white;
  box-shadow: 0px 2px 8px #00000011;
  border: 0.30000001192092896px solid #e8e8e8;
  border-radius: 28px;
}
#search-box input.search::placeholder,
#health_search input::placeholder {
  font-size: 0.9rem;
  font-weight: 500 !important;
  color: rgb(112, 112, 112) !important;
}

.wish-label {
  font-size: 1.4rem;
  color: #07bebb;
}

.categories-select {
  width: 290px;
  border: none;
  box-shadow: 0px 0px 7px 0px #8c8a8a;
  border-radius: 6px;
}
.categories-select-mobile {
  width: 290px;
  border: none;
  box-shadow: 0px 0px 7px 0px #8c8a8a;
  border-radius: 6px;
  background: none;
}

#search-box i {
  color: #07bebb;
}

#sign a {
  font-weight: 700;
  font-size: 1.3;
  padding: 1em 4em;
  background-color: #07bebb;
  color: white;
  border-radius: 30px;
}

.einstein-detail {
  top: -3em;
  padding: 0.6em 0;
  font-size: 0.7rem;
  color: rgb(29, 29, 29);
  font-weight: 500;
}

.einstein-conecta img {
  height: 2rem;
  width: 4rem;
  margin-bottom: 3px;
}

#post-its.ticket .col.post-it img {
  top: -30px !important;
  height: 70px;
}

#video img {
  height: 1.5rem;
  margin-right: 10px;
}
#video {
  background-color: #07bebb;
  color: white;
  font-weight: 600;
  padding: 12px 35px;
  border-radius: 30px;
}
@media (max-width: 600px) {
  #video img {
    height: 1rem;
    margin-right: 5px;
  }
  #video {
    font-size: 0.9rem;
    padding: 10px 12px;
    white-space: nowrap;
  }
  #post-its .col img {
    max-height: 55px !important;
    height: auto;
    margin-top: -4px !important;
  }

  .btn-abrir-modal-orcamento .bt-vidaclass {
    font-size: 0.9rem !important;
    white-space: nowrap;
  }

  .custom-file-label {
    font-size: 1em !important;
  }
}

/* MODAL DE ORÇAMENTOS */
.modal#budget-request .modal-header {
  text-align: center;
  text-shadow: 1px 1px 1px #0000002b;
  background-color: #07bebb;
  color: white;
}
.modal#budget-request .modal-header h4 {
  font-weight: 700;
  text-align: center;
}
.modal#budget-request .modal-content {
  border-radius: 8px;
}
.md-form input[type="text"]:focus,
.md-form input[type="password"]:focus,
.md-form input[type="email"]:focus {
  box-shadow: 0 1px 0 0 #07bebb !important;
  border-bottom: 1px solid #07bebb !important;
}

[type="file"]:focus + .active + label.custom-file-label,
[type="file"]:focus + label.custom-file-label {
  border: 1px solid #07bebb !important;
  box-shadow: 0 1px 0 0 #07bebb !important;
}

label {
  font-weight: 600;
  color: black;
}
.md-form label.active {
  font-weight: 500;
  color: #9f9f9f !important;
}
.form-control,
.custom-select,
.select2-selection,
.form-control-file,
.custom-file-label {
  color: black !important;
  font-weight: 600;
}
.custom-select {
  border: unset;
  border-bottom: 1px solid #ced4da;
  padding: 0.6rem 0 0.4rem 0;
}
.md-form {
  margin: 10px;
}
#budget button {
  font-weight: 700;
  padding: 1em 4em;
  background-color: #07bebb;
  color: white;
  border-radius: 30px;
  border: 0;
  margin-top: 15px;
}

#budget .custom-file-label::after {
  content: "Procurar" !important;
}

@media (max-width: 700px) {
  .bt-vidaclass {
    font-size: 0.8em !important;
  }

  .custom-file-label {
    font-size: 0.7em !important;
  }
}
#products .beneficios img {
  width: 3.5rem;
  margin-bottom: -8px;
  margin-top: -11px;
}

#products .teleconsulta img {
  width: 2.7rem;
  padding-bottom: 3px;
}

#products .einsteinConecta img {
  height: 2.3rem;
  width: 4rem;
  padding-bottom: 5px;
}

.post-its-VC .row {
  margin-bottom: 0 !important;
}

.post-its-VC .col.post-it {
  margin-bottom: 3em !important;
}

.post-its-VC .post-it img {
  top: 0px !important;
}

.post-its-VC .col img {
  height: 65px;
}
.checkbox-custom {
  width: 20px;
  height: 20px;
}
.checkbox-label-custom {
  font-size: 1rem !important;
  padding-left: 10px;
}
.card-search i {
  font-size: 2.5rem;
  color: #07bebb;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 65px;
  top: 15px !important;
}
.mobile-icons {
  font-size: 2rem;
  color: #07bebb;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 10px !important;
}
/* ****************************************************
**************************************************** */
.category-name-custom {
  left: 0;
  right: 0;
  position: absolute;
  font-size: 0.9rem;
}

.bg-pink {
  background-color: #dc4481;
}

.bg-green {
  background-color: #00b9b9;
}

.bg-blue {
  background-color: #21649f;
}

.bg-greenest {
  background-color: #03c57a;
}

.text-pink h4 {
  color: #dc4481;
}

.text-blue h5 {
  color: #21649f;
}

.section-title h5 {
  padding: 1em 0;
  font-weight: 700;
}

.card-base {
  background: #fdf7ff;
  border-radius: 20px 20px 0 20px;
  width: 19rem;
}

.card-base-vc {
  background: #f7ffff;
  border-radius: 20px;
  width: 19rem;
  height: 16rem;
}

.card-head {
  border-radius: 20px 20px 15px 15px;
  justify-content: center;
  height: 4rem;
  align-items: center;
}

.card-head-vc {
  border-radius: 20px 20px 15px 15px;
  justify-content: center;
  height: 4rem;
  align-items: center;
}

.card-img {
  width: fit-content;
  margin-right: 6px;
}

.card-img img {
  height: 4rem;
}

.card-head p {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
}

.card-head-vc p {
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
}

.card-content {
  color: #631589;
  font-weight: 600;
  font-size: 1rem;
  height: 14rem;
  padding: 1em;
  display: flex;
  align-items: center;
}

.card-content-vc {
  color: #343a40;
  font-weight: 600;
  font-size: 0.8rem;
  height: 10rem;
  padding: 1em 3em 0;
  text-align: justify;
  display: flex;
  align-items: center;
}

.card-content li {
  color: #dc4481;
}
.content-list p {
  color: #631589;
}

.card-content-vc li {
  color: #00b9b9;
}
.content-list-vc p {
  color: #343a40;
}

.card-footer {
  border-top: 3px solid #dc4481;
  cursor: pointer;
}

.card-footer-vc {
  border-top: 3px solid #21649f;
  cursor: pointer;
}

.card-footer-vc span {
  color: #21649f;
}

.card-text-footer {
  color: #631589;
  font-weight: 600;
  font-size: 0.8rem;
}

.pink-custom {
  background: linear-gradient(
    135deg,
    rgba(255, 53, 134, 1) 0%,
    rgba(255, 183, 212, 1) 20%,
    rgba(241, 77, 143, 1) 38%,
    rgba(220, 68, 129, 1) 44%,
    rgba(220, 68, 129, 1) 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.3) 100%
  );
  background-color: rgb(255, 53, 134);
}

.corner-custom {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  bottom: 0;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease;
}

.corner-custom:hover {
  width: 50px;
  height: 50px;
}

.category-name-custom-mom {
  position: absolute;
  bottom: 0;
  font-size: 0.9rem;
  text-align: center;
  font-weight: 700;
  color: #606060;
}

.custom-postit {
  background: #fafafa;
  display: flex;
  justify-content: center;
  padding: 12px;
  box-shadow: 0px 3px 6px #0000003b;
  width: 9rem !important;
  left: auto !important;
  border-bottom: 5px solid #dc4481;
  cursor: pointer;
}

.custom-postit-vc {
  background: #fafafa;
  display: flex;
  justify-content: center;
  padding: 12px;
  box-shadow: 0px 3px 6px #0000003b;
  width: 9rem !important;
  left: auto !important;
  border-bottom: 5px solid #03c57a;
  cursor: pointer;
}

.custom-postit-vc:hover {
  transition: opacity 0.4s;
  background-image: linear-gradient(
    0deg,
    #03c57b75 -20%,
    transparent 40%,
    rgba(255, 255, 255, 0.15)
  );
}

.custom-postit:hover {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  background-image: linear-gradient(
    0deg,
    #dc448163 -20%,
    transparent 40%,
    rgba(255, 255, 255, 0.15)
  );
}

.base {
  height: 8rem;
  background: none !important;
  display: flex;
  justify-content: center;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  background: #dc4481;
  width: 35px !important;
  height: 35px !important;
  border-radius: 20px;
}

.control-vc-greenest {
  background: #03c57a;
  width: 35px !important;
  height: 35px !important;
  border-radius: 20px;
}
.control-vc-blue {
  background: #21649f;
  width: 35px !important;
  height: 35px !important;
  border-radius: 20px;
}

.banner-mother {
  height: 265px;
  background-image: url(../../img/index/banner3.webp);
  background-position: center;
  background-position-y: top;
  background-repeat: no-repeat;
}

.banner-mob {
  height: 20vh;
  background-image: url(../../img/index/new-background-mobile.webp);
  background-position: center;
  background-size: contain;
  background-position-y: top;
  background-repeat: no-repeat;
}

.banner-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff;
  line-height: normal;
  width: 40%;
}

.banner-title span {
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
}
.banner-btn {
  width: fit-content;
  border-radius: 10px;
  background-color: #004e93;
}


/* ****************novos cards some/saude**************** */
.card-base {
  width: 245px;
  border-radius: 20px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  height: 165px;
}

.card-base-mom {
  width: 245px;
  border-radius: 20px;
  box-shadow: 0 2px 5px 0 rgb(233 154 233 / 50%),
    0 2px 10px 0 rgb(233 154 233 / 50%);
  height: 165px;
}

.title-area {
  height: 35px;
}

.title-area p {
  font-size: 1rem;
  text-align: center;
  font-weight: 700;
}

.description-area {
  height: 100px;
  display: flex;
  align-items: center;
  text-align: justify !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-bottom: 0 !important;
  padding: 0px 10px;
}

.btn-area button {
  background: white;
  border-radius: 20px;
  box-shadow: 1px -1px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  height: 45px;
  width: 150px;
  color: #07bebb;
  font-weight: 700;
  font-size: 12px;
  padding: 0;
  text-align: center;
}

.text-green {
  color: #07bebb;
}

.text-blue {
  color: #004f92;
}

.text-pink {
  color: #dc4481;
}

.bg-pink {
  background-color: #dc4481;
}

.bg-green {
  background-color: #07bebb;
}

.bg-blue {
  background-color: #004f92;
}

.card-footer {
  height: 35px;
  font-size: 0.8rem;
  color: white;
  font-weight: 600;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  position: relative;
  cursor: pointer;
  border-top: none;
}

.effect-default {
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 0;
  opacity: 0;
  transition: all 600ms ease-in-out;
}

.effect-mom {
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 0;
  opacity: 0;
  transition: all 600ms ease-in-out;
}

.effect-platinum {
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 0;
  opacity: 0;
  transition: all 600ms ease-in-out;
}

.card-base:hover .effect-default {
  background-image: linear-gradient(
    0deg,
    #07bebb83 -20%,
    transparent 40%,
    rgba(255, 255, 255, 0.15)
  );
  height: 80px;
  opacity: 1;
}
.card-base-mom:hover .effect-mom {
  background-image: linear-gradient(
    0deg,
    #dc448163 -20%,
    transparent 40%,
    rgba(255, 255, 255, 0.15)
  );
  height: 80px;
  opacity: 1;
}
.card-base:hover .effect-platinum {
  background-image: linear-gradient(
    0deg,
    #004e928e -20%,
    transparent 40%,
    rgba(255, 255, 255, 0.15)
  );
  height: 80px;
  opacity: 1;
}

.list p {
  color: #606060;
}

.list li {
  color: #07bebb;
}

.search-item,
.card-mom,
.card-platinum,
.card-premium,
.card-insurance{
  cursor: pointer;
}

.card-description{
  font-weight: 500;
  text-align: center;
}

.november-blue #top-vc {
  background-image: url("../../img/index/banner-november-blue.png");
}

.first #top-vc {
  background-image: url("../../img/index/new-background.webp");
  cursor: pointer;
}

.banner-lafe #top-vc {
  background-image: url("../../img/index/banner_desktop2.jpg");
}

.second #top-vc {
  background-image: url("../../img/index/background4.webp");
}

.third #top-vc {
  background-image: url("../../img/index/background3.webp");
}

.banner-mother-home #top-vc {
  background-image: url("../../img/index/banner2.webp");
  cursor: pointer;
}

.back-mobile #top-vc{
  background-image: url("../../img/index/new-background-mobile.webp");
}

.base-postit{
  height: 135px;
  background: none !important;
  display: flex;
  justify-content: center;
}

.home-postit{
  background: #fafafa;
  box-shadow: 0px 3px 6px #0000003b;
  width: 9rem !important;
  cursor: pointer;
}

.img-postit{
  height: 4rem;
  display: flex;
  align-items: center;
}

.name-postit{
    font-size: 0.9rem;
    text-align: center;
    font-weight: 700;
    color: #606060;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.big-name-postit{
  font-size: 0.9rem;
    text-align: center;
    font-weight: 700;
    color: #606060;
}

.corner-postit{
  height: 28px;
  justify-content: end;
  align-items: end;
}

.corner-home {
  width: 25px;
  height: 25px;
  position: absolute;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease;
}

.base-postit:hover .corner-home {
  width: 50px;
  height: 50px;
  box-shadow: -3px -3px 17px 4px #00000059;
}

.title-top p{
  font-weight: 600;
  font-size: 1rem;
}

.content h3{
  font-weight: 600;
}

.carousel-control-prev{
left: -60px !important;
width: 5% !important;
}
.carousel-control-next{
right: -60px !important;
width: 5% !important;
}

.free{
  width: 92%;
  height: 25px;
}
.free p{
  font-size:12px;
  font-weight: 600;
}