/* screen - zhv-home */

.zhv-home {
  align-items: flex-start;
  background-color: var(--wild-sand);
  /* border: 1px solid;
  border-color: var(--black); */
  display: flex;
  flex-direction: column;
  height: 7510px;
  overflow: hidden;
  width: 1440px;
}

.zhv-home .overlap-group5 {
  height: 1511px;
  margin-left: -1px;
  position: relative;
  width: 1441px;
  z-index: 6;
}

.zhv-home .overlap-group2 {
  height: 1270px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1441px;
}

.zhv-home .form-red-header {
  background-color: var(--sangria);
  height: 1270px;
  left: 0;
  position: absolute;
  top: 0;
  width: 384px;
}

.zhv-home .scroll {
  display: flex;
  height: 846px;
  left: 1px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.zhv-home .title-header {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
  height: 642px;
  justify-content: center;
  margin-left: 838px;
  margin-top: 172px;
  position: relative;
  width: 532px;
}

.zhv-home .text-header {
  color: var(--black-russian);
  font-family: var(--font-family-secular_one);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  width: 532px;
}

.zhv-home .arrow-down-header {
  cursor: pointer;
  height: 58px;
  position: relative;
  width: 58px;
}

.zhv-home .video {
  align-items: center;
  display: flex;
  height: 642px;
  justify-content: center;
  left: 71px;
  position: absolute;
  top: 172px;
  width: 642px;
}

.zhv-home .vdeo {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
  height: 642px;
  justify-content: center;
  position: relative;
  width: 642px;
}

.zhv-home .rectangle-4 {
  background-color: var(--black);
  height: 642px;
  position: relative;
  width: 642px;
  overflow: hidden;

}

.zhv-home .rectangle-4 #myVideo {
  position: absolute;
  top: 0;
  left: -250px;
  height: 100%;
  min-width: 100%;
}

.zhv-home .our-history-and-mission {
  background-color: var(--ultramarine);
  background-image: url(../img/menorah-our-history-and-mission.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 486px;
  left: 71px;
  position: absolute;
  top: 1025px;
  width: 1300px;
}

.zhv-home .title-our-history-and-mission {
  height: 70px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 115px;
  margin-top: 105px;
  width: 564px;
}

.zhv-home .body-our-history-and-mission {
  color: var(--white);
  font-weight: 400;
  height: 192px;
  line-height: normal;
  margin-left: 115px;
  width: 751px;
}

.zhv-home .menu-container {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}

.zhv-home .menu {
  background-color: #f4f4f4;
  align-items: center;
  display: flex;
  gap: 230px;
  justify-content: center;
  padding: 14px 70px;
  width: 1440px;
  margin: 0 auto;
  position: relative;  
}

.zhv-home .menu-red-background {
  background-color: var(--sangria);
  height: 68px;  
  position: absolute;
  top: 0;
  left: 0;
  width: 383px;
}

.zhv-home .anchor {
  display: block;
  position: relative;
  top: -98px;
  visibility: hidden;
}

.zhv-home .grid {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.zhv-home .logo-zhv {
  height: 30px;
  position: relative;
  width: 151.25px;
}

.zhv-home .nav-menu {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 48px;
  position: relative;
}

.zhv-home .button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  :hover {
    color: var(--hover-Blue);
  }
}

.zhv-home .button-1 {
  color: var(--black-russian);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.zhv-home .ctas {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  justify-content: flex-end;
  position: relative;
}

.zhv-home .button-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.zhv-home .button-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--ultramarine);
  display: flex;
  gap: 10px;
  height: 40px;
  justify-content: center;
  padding: 10px 24px;
  position: relative;
  width: 100%;
  cursor: pointer;
}

.zhv-home .button-3:hover {
  background-color: var(--hover-Blue);
}

.zhv-home .button-3 img, .zhv-home .button-3:hover img {
  background-color: transparent;
}

.zhv-home .texto-button {
  color: var(--white);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.50px;
  position: relative;
  width: fit-content;
}

.zhv-home .subtract {
  height: 40px;
  left: 6px;
  position: absolute;
  top: 2px;
  width: calc(100.00% - 4px);
}

.zhv-home .button-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--ultramarine);
  display: flex;
  gap: 10px;
  height: 40px;
  justify-content: center;
  padding: 10px 24px;
  position: relative;
  width: 100%;
  cursor: pointer;
}

.zhv-home .button-4:hover {
  border-color: var(--hover-Blue);
  .texto-button-1{
    color: var(--hover-Blue);
  }
}

.zhv-home .texto-button-1 {
  color: var(--ultramarine);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.50px;
  position: relative;
  width: fit-content;
}

.zhv-home .top {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 70px;
  margin-top: 168px;
  position: relative;
  width: 532px;
  z-index: 7;
}

.zhv-home .title {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.zhv-home .subtitle {
  align-self: stretch;
  color: var(--masala);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.zhv-home .overlap-group4 {
  height: 1068px;
  margin-top: 97px;
  position: relative;
  width: 1440px;
  z-index: 1;
}

.zhv-home .our-services {
  background-color: var(--hawkes-blue);
  display: flex;
  flex-direction: column;
  gap: 84px;
  height: 839px;
  left: 0;
  position: absolute;
  top: 229px;
  width: 1440px;
}

.zhv-home .top-section {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 85px;
  margin-left: 730px;
  margin-top: 440px;
  position: relative;
  width: 640px;
}

.zhv-home .title-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  width: fit-content;
}

.zhv-home .subtitle-1 {
  align-self: stretch;
  color: var(--masala);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  position: relative;
  text-align: right;
}

.zhv-home .frame-427318890 {
  align-items: flex-start;
  gap: 19px;
  height: 332px;
  margin-left: 70px;
  position: relative;
}

.zhv-home .card-service {
  align-items: flex-start;
  background-color: var(--ultramarine);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  height: 332px;
  padding: 32px;
  position: relative;
}

.zhv-home .title-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.zhv-home .httpsapplottiefilesc {
  height: 52px;
  object-fit: cover;
  position: relative;
  width: 52px;
}

.zhv-home .finnacial-planning {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.zhv-home .text-info {
  color: var(--white);
  font-weight: 400;
  width: fit-content;
}

.zhv-home .title-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.zhv-home .title-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.zhv-home .card-service-strategy {
  align-items: flex-start;
  background-color: var(--ultramarine);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  padding: 32px;
  position: relative;
}

.zhv-home .title-5 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.zhv-home .frame-427318895 {
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 16px;
  left: 70px;
  position: absolute;
  top: 0;
}

.zhv-home .card-overview-1 {
  margin-left: -1.00px;
  margin-top: -1.00px;
  width: 863px;
}

.zhv-home .text {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.zhv-home .text-cards-overview {
  color: var(--scarpa-flow);
  flex: 1;
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.zhv-home .card-overview-4 {
  margin-right: -1.00px;
  margin-top: -1.00px;
  width: 425px;
}

.zhv-home .card-overview-6 {
  margin-left: -1.00px;
  width: 425px;
}

.zhv-home .card-overview-8 {
  width: 315px;
}

.zhv-home .card-overview-5 {
  margin-right: -1.00px;
  width: 534px;
}

.zhv-home .card-overview-7 {
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  width: 315px;
}

.zhv-home .card-overview {
  align-items: center;
  background-color: var(--wild-sand);
  border: 1px solid;
  border-color: transparent;
  border-image: linear-gradient(to bottom, rgb(224, 222, 255), rgba(224, 222, 255, 0)) 1;
  display: flex;
  gap: 10px;
  height: 148px;
  justify-content: center;
  margin-bottom: -1.00px;
  max-width: 861px;
  padding: 0px 32px;
  position: relative;
  width: 315px;
}

.zhv-home .card-overview-9 {
  margin-bottom: -1.00px;
  margin-right: -1.00px;
  width: 315px;
}

.zhv-home .cta-schedule {
  background-color: var(--sangria);
  display: flex;
  gap: 121px;
  margin-top: 238px;
  width: 1440px;
  z-index: 4;
}

.zhv-home .image-handshake {
  height: 554px;
  object-fit: cover;
  width: 720px;
}

.zhv-home .content {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 271px;
  margin-top: 1px;
  width: 530px;
}

.zhv-home .title-6 {
  color: var(--white);
  font-family: var(--font-family-secular_one);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  height: 183px;
  letter-spacing: 0;
  line-height: 52px;
}

.zhv-home .button-7 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  height: 40px;
  position: relative;
  width: 150px;
}

.zhv-home .overlap-group6 {
  height: 1523px;
  margin-top: 97px;
  position: relative;
  width: 1440px;
  z-index: 5;
}

.zhv-home .overlap-group3 {
  height: 1523px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.zhv-home .team {
  background-color: var(--black-russian);
  height: 779px;
  left: 0;
  position: absolute;
  top: 744px;
  width: 1440px;
}

.zhv-home .top-section-1 {
  justify-content: center;
  left: 70px;
  position: absolute;
  top: 346px;
  width: 151px;
}

.zhv-home .subtitle-2 {
  height: 70px;
  margin-left: 192px;
  margin-top: 15px;
  width: 343px;
}

.zhv-home .overlap-group1 {
  height: 804px;
  left: 70px;
  position: absolute;
  top: 149px;
  width: 1324px;
}

.zhv-home .httpsapplottiefilesc-1 {
  height: 573px;
  left: 751px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 573px;
}

.zhv-home .overlap-group {
  height: 424px;
  left: 0;
  position: absolute;
  top: 380px;
  width: 1300px;
}

.zhv-home .body {
  align-items: flex-start;
  background-color: var(--hawkes-blue);
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 382px;
  justify-content: center;
  left: 125px;
  padding: 32px 64px 32px 96px;
  position: absolute;
  top: 42px;
  width: 1175px;
}

.zhv-home .title-7 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: 528px;
}

.zhv-home .name {
  color: var(--ultramarine);
  font-family: var(--font-family-secular_one);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 399px;
}

.zhv-home .info {
  color: var(--masala);
  font-weight: 400;
  line-height: normal;
  position: relative;
  width: 528px;
}

.zhv-home .describe {
  align-self: stretch;
  color: var(--scarpa-flow);
  font-weight: 400;
  line-height: normal;
  position: relative;
}

.zhv-home .social {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  justify-content: center;
  position: relative;
}

.zhv-home .social-item {
  height: 20px;
  position: relative;
  width: 20px;
}

.zhv-home .photo {
  background-image: url(../img/rectangle@2x.png);
  background-size: 100% 100%;
  height: 250px;
  left: 0;
  position: absolute;
  top: 0;
  width: 184px;
}

.zhv-home .mosaico-approach {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 98px;
  height: 876px;
  left: 728px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 659px;
}

.zhv-home .flex-row {
  align-items: flex-end;
  display: flex;
  height: 1216px;
  margin-left: -5704px;
  margin-top: -742px;
  min-width: 1096px;
}

.zhv-home .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 317px;
  margin-bottom: 22px;
  min-height: 924px;
  width: 203px;
}

.zhv-home .x2 {
  height: 520px;
  width: 203px;
}

.zhv-home .x1 {
  height: 87px;
  width: 203px;
}

.zhv-home .x3 {
  align-self: flex-start;
  height: 404px;
  margin-left: 249px;
  width: 289px;
}

.zhv-home .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 124px;
  min-height: 1156px;
  width: 231px;
}

.zhv-home .x7 {
  height: 354px;
  width: 95px;
}

.zhv-home .x6 {
  height: 149px;
  margin-left: 18px;
  margin-top: 301px;
  width: 95px;
}

.zhv-home .x5 {
  align-self: flex-end;
  height: 328px;
  margin-top: 24px;
  width: 204px;
}

.zhv-home .x4 {
  height: 400px;
  margin-left: -5264px;
  width: 204px;
}

.zhv-home .body-our-history-and-mission-1 {
  left: 67px;
  top: 338px;
}

.zhv-home .span1 {
  color: var(--scarpa-flow);
  font-weight: 400;
}

.zhv-home .body-our-history-and-mission-2 {
  left: 349px;
  top: 338px;
}

.zhv-home .body-our-history-and-mission-3 {
  left: 67px;
  top: 514px;
}

.zhv-home .body-our-history-and-mission-4 {
  left: 349px;
  top: 514px;
}

.zhv-home .top-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 70px;
  position: absolute;
  top: 85px;
  width: 532px;
}

.zhv-home .check-1 {
  left: 70px;
  top: 204px;
}

.zhv-home .select {
  height: 26px;
  position: relative;
  width: 26px;
}

.zhv-home .text-check {
  letter-spacing: 0;
  width: fit-content;
}

.zhv-home .check-2 {
  left: 313px;
  top: 204px;
}

.zhv-home .check-3 {
  left: 70px;
  top: 262px;
}

.zhv-home .check-4 {
  left: 313px;
  top: 262px;
}

.zhv-home .contact-form {
  align-items: flex-start;
  display: flex;
  margin-top: 395px;
  min-width: 1440px;
  z-index: 2;
}

.zhv-home .overlap-group-1 {
  height: 582px;
  position: relative;
  width: 1370px;
}

.zhv-home .background {
  background-color: var(--sangria);
  height: 582px;
  left: 0;
  position: absolute;
  top: 0;
  width: 931px;
}

.zhv-home .contact-us {
  left: 70px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 158px;
}

.zhv-home .need-more-informatio {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 70px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 228px;
  width: 423px;
}

.zhv-home .social-1 {
  height: 40px;
  left: 70px;
  position: absolute;
  top: 383px;
  width: 208px;
  display: flex;
  gap: 16px;
}

.zhv-home .form-content {
  align-items: flex-end;
  background-color: var(--white);
  flex-direction: column;
  gap: 25px;
  justify-content: center;
  left: 728px;
  padding: 32px;
  position: absolute;
  top: 75px;
  width: 642px;
  min-height: 478px;
  display: none;
}

#form-content-fields {
  display: flex;
}


.zhv-home .form-reponse-message {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  line-height: normal;
  align-items: center;
  justify-content: center;
}

.zhv-home .column {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.zhv-home .name-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  position: relative;
}

.zhv-home .place {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .input-text {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--wild-sand);
  border: 1px solid;
  border-color: var(--mystic);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  padding: 18px 16px;
  position: relative;
  width: 100%;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

:focus-visible {
    outline: none;
}

.zhv-home .placeholder-wrapper {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.zhv-home .name-2 {
  color: var(--scarpa-flow);
  font-weight: 400;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .phone {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  position: relative;
}

.zhv-home .email {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .brian-clark {
  color: var(--scarpa-flow);
  font-weight: 400;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .phone-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  position: relative;
}

.zhv-home .place-1 {
  letter-spacing: 0;
  line-height: 20px;
}

.zhv-home .company {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  position: relative;
}

.zhv-home .company-1 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .message {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.zhv-home .message-1 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .input-text-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--wild-sand);
  border: 1px solid;
  border-color: var(--mystic);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 92px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  padding: 18px 16px;
  position: relative;
  width: 100%;
  resize: none;
}

.zhv-home .faq {
  align-self: center;
  display: flex;
  gap: 179px;
  height: 429px;
  margin-right: 1.0px;
  margin-top: 233px;
  width: 1299px;
  z-index: 8;
}

.zhv-home .top-section-2 {
  align-items: center;
  flex-direction: column;
  width: 369px;
}

.zhv-home .title-8 {
  color: var(--black);
  font-family: var(--font-family-secular_one);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  height: 70px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -279px;
  width: 90px;
}

.zhv-home .subtitle-3 {
  color: #8c8c8c;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: 30px;
  width: 369px;
}

.zhv-home .accordion-1 {
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  height: 322px;
  margin-top: 14px;
  width: 751px;
}

.zhv-home .accordion-sub {
  /* display: flex; */
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
  width: 751px;
}

.zhv-home .tab-menu {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.zhv-home .place-2 {
  color: var(--ultramarine);
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.zhv-home .tab-line {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mystic-2);
  display: flex;
  gap: 2px;
  justify-content: center;
  padding: 12px 20px 12px 19px;
  position: relative;
  width: 187.75px;
  cursor: pointer;
}

.zhv-home .tab-line:hover {
  border-color: var(--hover-Blue);
  .button-medium {
    color: var(--hover-Blue);
  }
}

.zhv-home .tab-line.active {
  border-color: var(--ultramarine);
  .button-medium {
    color: var(--ultramarine);
  }
}


.zhv-home .general {
  color: var(--storm-gray);
  font-weight: 400;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .accordion {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--hawkes-blue);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 20px 20px 20px 24px;
  position: relative;
  width: 100%;
}

.zhv-home .accordion-content {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
}

.zhv-home .accordion-top {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.zhv-home .accordion-top.active .line-rounded-plus {
  display: none;
}

.zhv-home .accordion-top .line-rounded-close {
  height: 16px;
  width: 16px;
  display: none;
}

.zhv-home .accordion-top.active .line-rounded-close {
  display: block;
}

.zhv-home .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  p {
    margin-top: 10px;
    color: #040421;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }
}

.zhv-home .card-title {
  color: var(--black-russian);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .line-rounded-plus {
  height: 16px;
  position: relative;
  width: 16px;
}

.zhv-home .card-title-1 {
  color: var(--black-russian);
  font-weight: 600;
  line-height: 22px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .futter {
  align-items: center;
  background-color: var(--black-russian);
  display: flex;
  height: 378px;
  justify-content: center;
  margin-top: 130px;
  width: 1440px;
  z-index: 3;
}

.zhv-home .content-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 223px;
  justify-content: space-between;
  margin-top: 1px;
  position: relative;
  width: 1146px;
}

.zhv-home .top-futter {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.zhv-home .logosocial {
  position: relative;
  width: 533.5px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.zhv-home .logosocial .links {
  display: flex;
  gap: 16px;
}

.zhv-home .navigationsocial {
  align-items: flex-start;
  display: flex;
  gap: 72px;
  justify-content: flex-end;
  position: relative;
  width: 286px;
}

.zhv-home .navegao {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.zhv-home .navigation {
  color: #e4e4e6;
  font-weight: 400;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .nav-menu-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.zhv-home .button-5 {
  color: var(--wild-sand);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.zhv-home .button-6 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
}

.zhv-home .contact {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 11px;
  position: relative;
}

.zhv-home .place-3 {
  color: #e4e4e6;
  font-weight: 400;
  line-height: 19.6px;
}

.zhv-home .emails {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.zhv-home .contatozahavcom {
  color: #acacaf;
  font-weight: 400;
  line-height: 19.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .suportezahavcom {
  color: #acacaf;
  font-weight: 400;
  line-height: 19.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .base-futter {
  align-self: stretch;
  height: 36px;
  position: relative;
  width: 100%;
}

.zhv-home .divisor {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1146px;
}

.zhv-home .base-text {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 21px;
  width: 1146px;
}

.zhv-home .privacidade-cookies-e-termos {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 36px;
  position: relative;
}

.zhv-home .privacidade {
  color: var(--dove-gray);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.zhv-home .cookies {
  color: var(--dove-gray);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.zhv-home .termos {
  color: var(--dove-gray);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.zhv-home .copyright {
  color: var(--dove-gray);
  font-weight: 400;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.zhv-home .accordion-2 {
  display: flex;
  position: relative;
}

.zhv-home .body-our-history-and-mission-5 {
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  width: 250px;
}

.zhv-home .brian-clark-4 {
  color: var(--scarpa-flow);
  font-weight: 400;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .card-overview-2 {
  align-items: center;
  background-color: var(--wild-sand);
  border: 1px solid;
  border-color: transparent;
  border-image: linear-gradient(to bottom, rgb(224, 222, 255), rgba(224, 222, 255, 0)) 1;
  display: flex;
  gap: 10px;
  height: 148px;
  justify-content: center;
  max-width: 861px;
  padding: 0px 32px;
  position: relative;
}

.zhv-home .check {
  align-items: center;
  display: inline-flex;
  gap: 14px;
  position: absolute;
}

.zhv-home .frame {
  display: flex;
  width: 1300px;
}

.zhv-home .place-4 {
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.zhv-home .subtitle-4 {
  letter-spacing: 0;
  line-height: normal;
}

.zhv-home .text-1 {
  line-height: normal;
  position: relative;
}

.zhv-home .top-section-3 {
  display: flex;
  height: 100px;
}


/* Style the tab content */
.tabcontent {
  display: none;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}