body {
  font-family: Jost;
}
.display-1 {
  font-family: 'Jost', sans-serif;
  font-size: 4.6rem;
  line-height: 1.1;
}
.display-1 > .mbr-iconfont {
  font-size: 5.75rem;
}
.display-2 {
  font-family: 'Jost', sans-serif;
  font-size: 3rem;
  line-height: 1.1;
}
.display-2 > .mbr-iconfont {
  font-size: 3.75rem;
}
.display-4 {
  font-family: 'Jost', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
}
.display-4 > .mbr-iconfont {
  font-size: 1.375rem;
}
.display-5 {
  font-family: 'Jost', sans-serif;
  font-size: 2.2rem;
  line-height: 1.5;
}
.display-5 > .mbr-iconfont {
  font-size: 2.75rem;
}
.display-7 {
  font-family: 'Jost', sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
}
.display-7 > .mbr-iconfont {
  font-size: 1.5rem;
}
/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 992px) {
  .display-1 {
    font-size: 3.68rem;
  }
}
@media (max-width: 768px) {
  .display-1 {
    font-size: 3.22rem;
    font-size: calc( 2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.1 * (2.26rem + (4.6 - 2.26) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-2 {
    font-size: 2.4rem;
    font-size: calc( 1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.3 * (1.7rem + (3 - 1.7) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-4 {
    font-size: 0.88rem;
    font-size: calc( 1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.0350000000000001rem + (1.1 - 1.0350000000000001) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-5 {
    font-size: 1.76rem;
    font-size: calc( 1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.42rem + (2.2 - 1.42) * ((100vw - 20rem) / (48 - 20))));
  }
  .display-7 {
    font-size: 0.96rem;
    font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20)));
    line-height: calc( 1.4 * (1.07rem + (1.2 - 1.07) * ((100vw - 20rem) / (48 - 20))));
  }
}
/* Buttons */
.btn {
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
}
.btn-sm {
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
}
.btn-md {
  padding: 0.6rem 1.2rem;
  border-radius: 4px;
}
.btn-lg {
  padding: 1rem 2.6rem;
  border-radius: 4px;
}
.bg-primary {
  background-color: #d48529 !important;
}
.bg-success {
  background-color: #40b0bf !important;
}
.bg-info {
  background-color: #3ebd07 !important;
}
.bg-warning {
  background-color: #ffe161 !important;
}
.bg-danger {
  background-color: #ff9966 !important;
}
.btn-primary,
.btn-primary:active {
  background-color: #d48529 !important;
  border-color: #d48529 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: #ffffff !important;
  background-color: #8b571b !important;
  border-color: #8b571b !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #8b571b !important;
  border-color: #8b571b !important;
}
.btn-secondary,
.btn-secondary:active {
  background-color: #ff6666 !important;
  border-color: #ff6666 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
  color: #ffffff !important;
  background-color: #ff0f0f !important;
  border-color: #ff0f0f !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #ff0f0f !important;
  border-color: #ff0f0f !important;
}
.btn-info,
.btn-info:active {
  background-color: #3ebd07 !important;
  border-color: #3ebd07 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
  color: #ffffff !important;
  background-color: #236904 !important;
  border-color: #236904 !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #236904 !important;
  border-color: #236904 !important;
}
.btn-success,
.btn-success:active {
  background-color: #40b0bf !important;
  border-color: #40b0bf !important;
  color: #ffffff !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
  color: #ffffff !important;
  background-color: #2a747e !important;
  border-color: #2a747e !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #2a747e !important;
  border-color: #2a747e !important;
}
.btn-warning,
.btn-warning:active {
  background-color: #ffe161 !important;
  border-color: #ffe161 !important;
  color: #614f00 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
  color: #0a0800 !important;
  background-color: #ffd10a !important;
  border-color: #ffd10a !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #614f00 !important;
  background-color: #ffd10a !important;
  border-color: #ffd10a !important;
}
.btn-danger,
.btn-danger:active {
  background-color: #ff9966 !important;
  border-color: #ff9966 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
  color: #ffffff !important;
  background-color: #ff5f0f !important;
  border-color: #ff5f0f !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff !important;
  background-color: #ff5f0f !important;
  border-color: #ff5f0f !important;
}
.btn-white,
.btn-white:active {
  background-color: #fafafa !important;
  border-color: #fafafa !important;
  color: #7a7a7a !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
  color: #4f4f4f !important;
  background-color: #cfcfcf !important;
  border-color: #cfcfcf !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-white.disabled,
.btn-white:disabled {
  color: #7a7a7a !important;
  background-color: #cfcfcf !important;
  border-color: #cfcfcf !important;
}
.btn-black,
.btn-black:active {
  background-color: #232323 !important;
  border-color: #232323 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #d48529;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
  color: #8b571b !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #d48529 !important;
  border-color: #d48529 !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #ff6666;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
  color: #ff0f0f !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #ffffff !important;
  background-color: #ff6666 !important;
  border-color: #ff6666 !important;
}
.btn-info-outline,
.btn-info-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #3ebd07;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
  color: #236904 !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #3ebd07 !important;
  border-color: #3ebd07 !important;
}
.btn-success-outline,
.btn-success-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #40b0bf;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
  color: #2a747e !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #40b0bf !important;
  border-color: #40b0bf !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #ffe161;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
  color: #ffd10a !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #614f00 !important;
  background-color: #ffe161 !important;
  border-color: #ffe161 !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #ff9966;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
  color: #ff5f0f !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #ffffff !important;
  background-color: #ff9966 !important;
  border-color: #ff9966 !important;
}
.btn-black-outline,
.btn-black-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #232323;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
  color: #000000 !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
  color: #ffffff !important;
  background-color: #232323 !important;
  border-color: #232323 !important;
}
.btn-white-outline,
.btn-white-outline:active {
  background-color: transparent !important;
  border-color: transparent;
  color: #fafafa;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus,
.btn-white-outline.active {
  color: #cfcfcf !important;
  background-color: transparent!important;
  border-color: transparent!important;
  box-shadow: none!important;
}
.btn-white-outline.disabled,
.btn-white-outline:disabled {
  color: #7a7a7a !important;
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}
.text-primary {
  color: #d48529 !important;
}
.text-secondary {
  color: #ff6666 !important;
}
.text-success {
  color: #40b0bf !important;
}
.text-info {
  color: #3ebd07 !important;
}
.text-warning {
  color: #ffe161 !important;
}
.text-danger {
  color: #ff9966 !important;
}
.text-white {
  color: #fafafa !important;
}
.text-black {
  color: #232323 !important;
}
a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
  color: #7f4f18 !important;
}
a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
  color: #ff0000 !important;
}
a.text-success:hover,
a.text-success:focus,
a.text-success.active {
  color: #266a73 !important;
}
a.text-info:hover,
a.text-info:focus,
a.text-info.active {
  color: #1e5b03 !important;
}
a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
  color: #facb00 !important;
}
a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
  color: #ff5500 !important;
}
a.text-white:hover,
a.text-white:focus,
a.text-white.active {
  color: #c7c7c7 !important;
}
a.text-black:hover,
a.text-black:focus,
a.text-black.active {
  color: #000000 !important;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption) {
  position: relative;
  background-image: transparent;
  background-size: 10000px 2px;
  background-repeat: no-repeat;
  background-position: 0px 1.2em;
  background-position: -10000px 1.2em;
}
a[class*="text-"]:not(.nav-link):not(.dropdown-item):not([role]):not(.navbar-caption):hover {
  transition: background-position 2s ease-in-out;
  background-image: linear-gradient(currentColor 50%, currentColor 50%);
  background-position: 0px 1.2em;
}
.nav-tabs .nav-link.active {
  color: #d48529;
}
.nav-tabs .nav-link:not(.active) {
  color: #232323;
}
.alert-success {
  background-color: #70c770;
}
.alert-info {
  background-color: #3ebd07;
}
.alert-warning {
  background-color: #ffe161;
}
.alert-danger {
  background-color: #ff9966;
}
.mbr-gallery-filter li.active .btn {
  background-color: #d48529;
  border-color: #d48529;
  color: #ffffff;
}
.mbr-gallery-filter li.active .btn:focus {
  box-shadow: none;
}
a,
a:hover {
  color: #d48529;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #f6e6d3;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #a0d8df;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #7ff84b;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #ffffff;
}
/* Scroll to top button*/
.scrollToTop_wraper {
  display: none;
}
.form-control {
  font-family: 'Jost', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 400;
}
.form-control > .mbr-iconfont {
  font-size: 1.375rem;
}
.form-control:hover,
.form-control:focus {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.07) 0px 1px 3px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;
  border-color: #d48529 !important;
}
.form-control:-webkit-input-placeholder {
  font-family: 'Jost', sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 400;
}
.form-control:-webkit-input-placeholder > .mbr-iconfont {
  font-size: 1.375rem;
}
blockquote {
  border-color: #d48529;
}
/* Forms */
.jq-selectbox li:hover,
.jq-selectbox li.selected {
  background-color: #d48529;
  color: #ffffff;
}
.jq-number__spin {
  transition: 0.25s ease;
}
.jq-number__spin:hover {
  border-color: #d48529;
}
.jq-selectbox .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:after,
.jq-number__spin.plus:after {
  transition: 0.4s;
  border-top-color: #353535;
  border-bottom-color: #353535;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow,
.jq-number__spin.minus:hover:after,
.jq-number__spin.plus:hover:after {
  border-top-color: #d48529;
  border-bottom-color: #d48529;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  color: #000000 !important;
  background-color: #d48529 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000000 !important;
  background: #ff6666 !important;
  box-shadow: none !important;
}
.lazy-bg {
  background-image: none !important;
}
.lazy-placeholder:not(section),
.lazy-none {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
}
iframe.lazy-placeholder,
.lazy-placeholder:after {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  background: transparent no-repeat center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg' stroke='%23d48529' %3e%3cg fill='none' fill-rule='evenodd'%3e%3cg transform='translate(16 16)' stroke-width='2'%3e%3ccircle stroke-opacity='.5' cx='16' cy='16' r='16'/%3e%3cpath d='M32 16c0-9.94-8.06-16-16-16'%3e%3canimateTransform attributeName='transform' type='rotate' from='0 16 16' to='360 16 16' dur='1s' repeatCount='indefinite'/%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}
section.lazy-placeholder:after {
  opacity: 0.5;
}
body {
  overflow-x: hidden;
}
a {
  transition: color 0.6s;
}
.cid-uqqCoZYtBW {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-uqqCoZYtBW nav.navbar {
  position: fixed;
}
.cid-uqqCoZYtBW .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uqqCoZYtBW .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-uqqCoZYtBW .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-uqqCoZYtBW .dropdown-item:hover,
.cid-uqqCoZYtBW .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-uqqCoZYtBW .dropdown-item:hover span {
  color: white;
}
.cid-uqqCoZYtBW .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-uqqCoZYtBW .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-uqqCoZYtBW .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-uqqCoZYtBW .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-uqqCoZYtBW .nav-link {
  position: relative;
}
.cid-uqqCoZYtBW .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uqqCoZYtBW .container {
    flex-wrap: wrap;
  }
}
.cid-uqqCoZYtBW .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uqqCoZYtBW .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-uqqCoZYtBW .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-uqqCoZYtBW .dropdown-menu,
.cid-uqqCoZYtBW .navbar.opened {
  background: #fffff0 !important;
}
.cid-uqqCoZYtBW .nav-item:focus,
.cid-uqqCoZYtBW .nav-link:focus {
  outline: none;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uqqCoZYtBW .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-uqqCoZYtBW .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-uqqCoZYtBW .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-uqqCoZYtBW .navbar.opened {
  transition: all 0.3s;
}
.cid-uqqCoZYtBW .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-uqqCoZYtBW .navbar .navbar-logo img {
  width: auto;
}
.cid-uqqCoZYtBW .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-uqqCoZYtBW .navbar.collapsed {
  justify-content: center;
}
.cid-uqqCoZYtBW .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-uqqCoZYtBW .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-uqqCoZYtBW .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-uqqCoZYtBW .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-uqqCoZYtBW .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-uqqCoZYtBW .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-uqqCoZYtBW .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-uqqCoZYtBW .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-uqqCoZYtBW .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-uqqCoZYtBW .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-uqqCoZYtBW .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-uqqCoZYtBW .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-uqqCoZYtBW .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-uqqCoZYtBW .navbar.navbar-short {
  min-height: 60px;
}
.cid-uqqCoZYtBW .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-uqqCoZYtBW .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-uqqCoZYtBW .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-uqqCoZYtBW .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-uqqCoZYtBW .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-uqqCoZYtBW .dropdown-item.active,
.cid-uqqCoZYtBW .dropdown-item:active {
  background-color: transparent;
}
.cid-uqqCoZYtBW .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-uqqCoZYtBW .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-uqqCoZYtBW .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-uqqCoZYtBW .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-uqqCoZYtBW .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-uqqCoZYtBW .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-uqqCoZYtBW ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-uqqCoZYtBW .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-uqqCoZYtBW button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-uqqCoZYtBW a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-uqqCoZYtBW .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-uqqCoZYtBW .navbar {
    height: 70px;
  }
  .cid-uqqCoZYtBW .navbar.opened {
    height: auto;
  }
  .cid-uqqCoZYtBW .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
.cid-uCs1167M7i {
  background-color: #fff0b0;
}
.cid-uCs1167M7i .mbr-fallback-image.disabled {
  display: none;
}
.cid-uCs1167M7i .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uCs1167M7i .row {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .cid-uCs1167M7i .image-wrapper {
    margin-bottom: 2rem;
  }
}
.cid-uCs1167M7i .image-wrapper img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .cid-uCs1167M7i .text-wrapper {
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  .cid-uCs1167M7i .text-wrapper {
    margin-bottom: 2rem;
  }
}
.cid-uCs1167M7i .mbr-section-title {
  color: #d48529;
}
#custom-html-6y {
  /* Estilos para a seção de vídeo */
  /* Responsividade */
}
#custom-html-6y .cid-video-section {
  padding: 4rem 0;
  background-color: #fff;
  /* Fundo branco, consistente com outras seções */
}
#custom-html-6y .cid-video-section .mbr-section-title {
  font-family: 'Jost', sans-serif;
  font-weight: 700;
  color: #d48529;
  text-align: center;
  margin-bottom: 2rem;
  max-width: 1200px;
  /* Limita a largura máxima do título em telas muito grandes */
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  /* Evita que o texto encoste nas bordas */
}
#custom-html-6y .cid-video-section .mbr-text {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  color: #d48529;
  text-align: center;
  line-height: 1.6;
  max-width: 1200px;
  /* Limita a largura máxima do texto descritivo */
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
  /* Evita que o texto encoste nas bordas */
}
#custom-html-6y .cid-video-section .video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  /* Mantém o vídeo ajustado ao contêiner */
  margin: 0 auto;
}
#custom-html-6y .cid-video-section .ratio-9x16 {
  aspect-ratio: 0.5625;
  /* Proporção para YouTube Shorts */
}
#custom-html-6y .cid-video-section iframe {
  width: 100%;
  height: 100%;
  border: none;
}
#custom-html-6y .cid-video-section .mbr-section-btn {
  text-align: center;
}
#custom-html-6y .cid-video-section .btn-info {
  background-color: #d48529;
  /* Cor laranja do site */
  border-color: #d48529;
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-weight: 500;
  padding: 0.8rem 2rem;
  transition: background-color 0.3s ease;
}
#custom-html-6y .cid-video-section .btn-info:hover {
  background-color: #bd7725;
  border-color: #bd7725;
}
@media (max-width: 767px) {
  #custom-html-6y .cid-video-section .video-wrapper {
    max-width: 90%;
  }
  #custom-html-6y .cid-video-section .mbr-section-title {
    font-size: 1.8rem;
  }
  #custom-html-6y .cid-video-section .mbr-text {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  #custom-html-6y .cid-video-section .mbr-section-title {
    font-size: 3rem;
    /* Aumenta o tamanho da fonte do título em telas grandes */
  }
  #custom-html-6y .cid-video-section .mbr-text {
    font-size: 1.2rem;
    /* Aumenta ligeiramente o tamanho da fonte do texto descritivo */
  }
}
.cid-uqQTe9tBo6 {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-image: url("../../../assets/images/background2.webp");
}
.cid-uqQTe9tBo6 .mbr-fallback-image.disabled {
  display: none;
}
.cid-uqQTe9tBo6 .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uqQTe9tBo6 .title-wrapper {
  margin-bottom: 100px;
}
@media (max-width: 992px) {
  .cid-uqQTe9tBo6 .title-wrapper {
    margin-bottom: 32px;
  }
}
.cid-uqQTe9tBo6 .title-wrapper .mbr-section-title {
  margin-bottom: 16px;
}
.cid-uqQTe9tBo6 .title-wrapper .mbr-section-title span {
  color: #bcfe1e;
}
.cid-uqQTe9tBo6 .title-wrapper .mbr-text {
  margin-bottom: 0;
}
.cid-uqQTe9tBo6 .items-wrap {
  justify-content: center;
  margin: 0 -14px;
}
.cid-uqQTe9tBo6 .item {
  padding: 0 7px;
  margin-bottom: 14px;
}
@media (max-width: 992px) {
  .cid-uqQTe9tBo6 .item {
    padding: 0 14px;
  }
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-img {
  position: relative;
  border: 1px solid #323046;
  box-shadow: 0px -1px 1px #bcfe1e;
  overflow: hidden;
  background-color: #292739;
  background-color: transparent;
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #292739;
  opacity: .5;
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-img .image-wrap {
  position: relative;
  z-index: 1;
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-img .image-wrap img {
  height: 220px;
  width: 100%;
  object-fit: cover;
  border-radius: 0 !important;
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-img .item-number {
  position: relative;
  z-index: 1;
  padding: 24px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .cid-uqQTe9tBo6 .item .item-wrapper .item-img .item-number {
    padding: 14px;
  }
}
.cid-uqQTe9tBo6 .item .item-wrapper .border-wrap {
  border-top: 2px dashed #bbbbbb;
  margin: 0 10px;
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-content {
  overflow: hidden;
  position: relative;
  border: 1px solid #323046;
  padding: 24px;
  background-color: #292739;
  background-color: transparent;
}
@media (max-width: 992px) {
  .cid-uqQTe9tBo6 .item .item-wrapper .item-content {
    padding: 14px;
  }
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #292739;
  opacity: .5;
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-content .item-title {
  position: relative;
  z-index: 1;
  margin-bottom: 16px;
}
.cid-uqQTe9tBo6 .item .item-wrapper .item-content .item-text {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.cid-uqQTe9tBo6 .mbr-section-title {
  color: #ffffff;
  text-align: center;
}
.cid-uqQTe9tBo6 .mbr-text {
  color: #ffffff;
  text-align: center;
}
.cid-uqQTe9tBo6 .item-number {
  color: #ffffff;
}
.cid-uqQTe9tBo6 .item-title {
  color: #ffffff;
}
.cid-uqQTe9tBo6 .item-text {
  color: #fffff0;
}
.cid-uqQTe9tBo6 .card-btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.cid-uqQTe9tBo6 .btn-green {
  background-color: #28a745;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.3s ease;
}
.cid-uqQTe9tBo6 .btn-green:hover {
  background-color: #218838;
}
.cid-usgR4tmXL6 {
  background-image: url("../../../assets/images/13-1920x1080.webp");
}
.cid-usgR4tmXL6 .mbr-fallback-image.disabled {
  display: none;
}
.cid-usgR4tmXL6 .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
@media (max-width: 991px) {
  .cid-usgR4tmXL6 .image-wrapper {
    margin-bottom: 1rem;
  }
}
.cid-usgR4tmXL6 .row {
  flex-direction: row-reverse;
}
.cid-usgR4tmXL6 img {
  width: 100%;
}
.cid-usgR4tmXL6 .btn-green {
  display: inline-block;
  padding: 16px 24px;
  font-size: 16px;
  color: #fff;
  background-color: #28a745;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}
.cid-usgR4tmXL6 .btn-green:hover {
  background-color: #218838;
}
.cid-usgR4tmXL6 .card-btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.cid-usfNQiusMA {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-image: url("../../../assets/images/background1-1.webp");
}
.cid-usfNQiusMA .mbr-overlay {
  background: #fafafa;
  opacity: 0.1;
}
.cid-usfNQiusMA img,
.cid-usfNQiusMA .item-img {
  width: 100%;
}
.cid-usfNQiusMA .item:focus,
.cid-usfNQiusMA span:focus {
  outline: none;
}
.cid-usfNQiusMA .item {
  cursor: pointer;
  margin-bottom: 2rem;
}
.cid-usfNQiusMA .item-wrapper {
  position: relative;
  border-radius: 4px;
  background: #ffe885;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 992px) {
  .cid-usfNQiusMA .item-wrapper .item-content {
    padding: 2rem;
  }
}
@media (max-width: 991px) {
  .cid-usfNQiusMA .item-wrapper .item-content {
    padding: 1rem;
  }
}
.cid-usfNQiusMA .mbr-section-btn {
  margin-top: auto !important;
}
.cid-usfNQiusMA .mbr-section-title {
  color: #000000;
}
.cid-usfNQiusMA .mbr-text,
.cid-usfNQiusMA .mbr-section-btn {
  text-align: left;
}
.cid-usfNQiusMA .item-title {
  text-align: left;
}
.cid-usfNQiusMA .item-subtitle {
  text-align: center;
}
.cid-uqQTa9fZoH {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-image: url("../../../assets/images/812n9t-tvzl.-ac-sl1500-1500x797.webp");
}
.cid-uqQTa9fZoH .mbr-fallback-image.disabled {
  display: none;
}
.cid-uqQTa9fZoH .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uqQTa9fZoH .mbr-text,
.cid-uqQTa9fZoH .mbr-section-btn {
  color: #232323;
}
.cid-uqQTa9fZoH .card-title,
.cid-uqQTa9fZoH .card-box {
  color: #ffffff;
}
.cid-uqQTa9fZoH .mbr-text,
.cid-uqQTa9fZoH .link-wrap {
  color: #ffffff;
}
.cid-uqQVixZj62 {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: #ffffff;
}
.cid-uqQVixZj62 .container {
  max-width: 1312px;
}
.cid-uqQVixZj62 .row {
  padding: 0 1rem;
}
@media (max-width: 991px) {
  .cid-uqQVixZj62 .row {
    padding: 0 0.75rem;
  }
}
.cid-uqQVixZj62 .text-container {
  width: 100%;
  padding: 0;
}
.cid-uqQVixZj62 .mbr-section-title {
  margin-bottom: 4rem;
  width: 100%;
  color: #d48529;
}
.cid-uqQVixZj62 .cards-container {
  display: grid;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 8rem;
  grid-row-gap: 4rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  padding: 0;
}
@media (max-width: 991px) {
  .cid-uqQVixZj62 .cards-container {
    max-width: 30rem;
    margin-right: auto;
    margin-left: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.cid-uqQVixZj62 .card-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uqQVixZj62 .card-wrapper {
    flex-direction: column;
  }
}
.cid-uqQVixZj62 .card-title {
  color: #000000;
}
.cid-uqQVixZj62 .card-name-text {
  margin-top: 2rem;
}
.cid-uqQVixZj62 .card-name {
  color: #E1965F;
}
.cid-uqQVixZj62 .card-prof {
  color: #002549;
}
.cid-uqQVixZj62 .mbr-iconfont {
  font-size: 25px;
  color: #e1965f;
}
.cid-uqQVixZj62 .icon-box {
  margin-right: 2rem;
  display: flex;
  justify-content: center;
}
.cid-uqQVixZj62 .mbr-fallback-image.disabled {
  display: none;
}
.cid-uqQVixZj62 .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uAQEbOnIsG .smaller-text {
  font-size: 0.6em;
}
.cid-uAQEbOnIsG .pricing3 {
  border: 2px solid red;
  background-color: lightyellow;
}
.cid-uAQEbOnIsG .plan-header h6 {
  font-size: 2rem;
  color: #d48529;
  font-weight: bold;
}
.cid-uAQEbOnIsG .plan {
  border-radius: 2rem;
  background: #ffffff;
  padding: 2.5rem;
  word-break: break-word;
  border: 2px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cid-uAQEbOnIsG .plan-list ul {
  padding-left: 0;
  list-style: none;
}
.cid-uAQEbOnIsG .plan-list .list-group-item::before {
  content: '★';
  font-size: 1.2rem;
  color: #d48529;
  margin-right: 10px;
  font-weight: bold;
}
.cid-uAQEbOnIsG .list-group-item {
  background-color: transparent;
  color: #000000;
  text-align: left;
}
.cid-uAQEbOnIsG .plan-header {
  padding-bottom: 0.5rem;
}
.cid-uAQEbOnIsG .plan-body {
  padding-top: 0.5rem;
  flex-grow: 1;
}
.cid-uAQEbOnIsG .plan .mbr-card-text {
  margin-bottom: 0.5rem;
}
.cid-uAQEbOnIsG .price {
  font-size: 1.5rem;
  color: #d48529;
  font-weight: bold;
}
.cid-uAQEbOnIsG .price-term {
  color: #6e6e6e;
}
.cid-uAQEbOnIsG .mbr-card-text {
  color: #6e6e6e;
}
.cid-uAQEbOnIsG .mbr-section-btn {
  display: flex;
  justify-content: center;
}
.cid-uAQEbOnIsG .mbr-section-btn a.btn-primary {
  background-color: #28a745;
}
.cid-uAQEbOnIsG .unavailable {
  text-decoration: line-through;
  color: #999;
}
@media (max-width: 767px) {
  .cid-uAQEbOnIsG .plan {
    padding: 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-uAQEbOnIsG .plan {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-uAQEbOnIsG .plan {
    display: inline-block;
    width: 100%;
  }
}
.cid-uAQEbOnIsG .btn .fas {
  margin-left: 10px;
}
.cid-uAQEbOnIsG .original-price {
  text-decoration: line-through;
  color: #888;
  margin-right: 5px;
  display: inline;
}
.cid-uAQEbOnIsG .payment-methods {
  text-align: center;
  margin-top: 30px;
}
.cid-uAQEbOnIsG .payment-banners {
  width: 30%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.cid-uqqTBa56JW {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-uqqTBa56JW .mbr-fallback-image.disabled {
  display: none;
}
.cid-uqqTBa56JW .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uqqTBa56JW .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-uqqTBa56JW .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-uqqTBa56JW .row {
    text-align: center;
  }
  .cid-uqqTBa56JW .row > div {
    margin: auto;
  }
  .cid-uqqTBa56JW .social-row {
    justify-content: center;
  }
}
.cid-uqqTBa56JW .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-uqqTBa56JW .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-uqqTBa56JW .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-uqqTBa56JW .list {
    margin-bottom: 0rem;
  }
}
.cid-uqqTBa56JW .mbr-text {
  color: #232323;
}
.cid-uqqTBa56JW .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-uqqTBa56JW .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-uqqTBa56JW div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-uqqTBa56JW .mbr-section-subtitle {
  color: #d48529;
}
.cid-uqqTBa56JW .copyright {
  color: #d48529;
}
.cid-eWakwIW4Cj .float {
  position: fixed;
  width: 56px;
  height: 55px;
  bottom: 29px;
  right: 18px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 68px;
  text-align: center;
  font-size: 34px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.cid-eWakwIW4Cj .my-float {
  margin-top: 16px;
}
.cid-eWakwIW4Cj P {
  color: #232323;
}
.cid-eWakwIW4Cj DIV {
  color: #ffffff;
}
.cid-eWakwIW4Cj H10 {
  color: #767676;
}
.cid-eWakwIW4Cj .hidden {
  display: none;
}
#custom-html-3i {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
}
#custom-html-3i .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-3i .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-3i .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-3i audio {
  width: 100%;
  outline: none;
}
#custom-html-3i .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-3i audio {
  width: 100%;
  outline: none;
}
#custom-html-3i #play-button,
#custom-html-3i #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-3i #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-3i .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-3i .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-3i body,
#custom-html-3i html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-3i #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-3i #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-3i body,
#custom-html-3i html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-3i .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-3i .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-3i .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-3i .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-3i .close-button:hover {
  background-color: #ddd;
}
#custom-html-3i .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-3i .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-3i .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-3i .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-3i .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-3i .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-3i #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-3i #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-3i .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-3i .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-3i .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-3i .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-3i .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-3i .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-3i .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-3i .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-3i .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-3i .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-3i h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-3i p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-3i .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-3i .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-3i .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-3i .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-3i .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-3i .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-3i .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-3i .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-3i .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-3i .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-3i .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-3i .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-3i .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-3i .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-3i .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-3i .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-3i .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-3i .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-3i .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-3i .modal-content-container input,
#custom-html-3i .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-3i textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-3i #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-3i .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-3i .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-3i .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-3i .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-3i .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-3i .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-3i .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-3i .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-3i .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-3i .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-3i .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-3i .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-3i .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-3i #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-3i #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-3i #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-3i #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-3i #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-3i #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-3i .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-3i #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-3i .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-3i #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-3i #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-3i .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-3i .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-3i .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-3i #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-3i #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-3i #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-3i #successModalvela .close:hover,
#custom-html-3i #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-3i .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-3i .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-3i #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-3i #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-3i #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-3i #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-3i #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-3i #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-3i #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-3i #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-3i #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-3i #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-3i #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-3i #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-3i #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-3i #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-3i #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-3i #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-3i #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-3i #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-3i #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-3i #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-3i #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-3i #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-3i #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-3i #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-3i #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-3i #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-3i #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
.cid-uqqCoZYtBW {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-uqqCoZYtBW nav.navbar {
  position: fixed;
}
.cid-uqqCoZYtBW .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uqqCoZYtBW .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-uqqCoZYtBW .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-uqqCoZYtBW .dropdown-item:hover,
.cid-uqqCoZYtBW .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-uqqCoZYtBW .dropdown-item:hover span {
  color: white;
}
.cid-uqqCoZYtBW .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-uqqCoZYtBW .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-uqqCoZYtBW .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-uqqCoZYtBW .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-uqqCoZYtBW .nav-link {
  position: relative;
}
.cid-uqqCoZYtBW .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uqqCoZYtBW .container {
    flex-wrap: wrap;
  }
}
.cid-uqqCoZYtBW .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uqqCoZYtBW .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-uqqCoZYtBW .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-uqqCoZYtBW .dropdown-menu,
.cid-uqqCoZYtBW .navbar.opened {
  background: #fffff0 !important;
}
.cid-uqqCoZYtBW .nav-item:focus,
.cid-uqqCoZYtBW .nav-link:focus {
  outline: none;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-uqqCoZYtBW .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uqqCoZYtBW .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-uqqCoZYtBW .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-uqqCoZYtBW .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-uqqCoZYtBW .navbar.opened {
  transition: all 0.3s;
}
.cid-uqqCoZYtBW .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-uqqCoZYtBW .navbar .navbar-logo img {
  width: auto;
}
.cid-uqqCoZYtBW .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-uqqCoZYtBW .navbar.collapsed {
  justify-content: center;
}
.cid-uqqCoZYtBW .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-uqqCoZYtBW .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-uqqCoZYtBW .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-uqqCoZYtBW .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-uqqCoZYtBW .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-uqqCoZYtBW .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-uqqCoZYtBW .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-uqqCoZYtBW .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-uqqCoZYtBW .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-uqqCoZYtBW .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-uqqCoZYtBW .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-uqqCoZYtBW .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-uqqCoZYtBW .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-uqqCoZYtBW .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-uqqCoZYtBW .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-uqqCoZYtBW .navbar.navbar-short {
  min-height: 60px;
}
.cid-uqqCoZYtBW .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-uqqCoZYtBW .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-uqqCoZYtBW .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-uqqCoZYtBW .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-uqqCoZYtBW .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-uqqCoZYtBW .dropdown-item.active,
.cid-uqqCoZYtBW .dropdown-item:active {
  background-color: transparent;
}
.cid-uqqCoZYtBW .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-uqqCoZYtBW .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-uqqCoZYtBW .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-uqqCoZYtBW .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-uqqCoZYtBW .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-uqqCoZYtBW .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-uqqCoZYtBW ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-uqqCoZYtBW .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-uqqCoZYtBW button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uqqCoZYtBW button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-uqqCoZYtBW nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uqqCoZYtBW .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-uqqCoZYtBW a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-uqqCoZYtBW .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-uqqCoZYtBW .navbar {
    height: 70px;
  }
  .cid-uqqCoZYtBW .navbar.opened {
    height: auto;
  }
  .cid-uqqCoZYtBW .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
.cid-urWoPJOxnC {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #cecdc7;
}
.cid-urWoPJOxnC .mbr-fallback-image.disabled {
  display: none;
}
.cid-urWoPJOxnC .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-urWoPJOxnC .row {
  justify-content: space-between;
}
.cid-urWoPJOxnC .title-wrapper {
  margin-bottom: 70px;
}
@media (max-width: 992px) {
  .cid-urWoPJOxnC .title-wrapper {
    margin-bottom: 35px;
  }
}
.cid-urWoPJOxnC .title-wrapper .mbr-section-title {
  margin-bottom: 15px;
}
.cid-urWoPJOxnC .title-wrapper .text-wrapper .mbr-text {
  display: inline-flex;
  width: 70%;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .cid-urWoPJOxnC .title-wrapper .text-wrapper .mbr-text {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .cid-urWoPJOxnC .form-wrapper {
    margin-bottom: 35px;
  }
}
.cid-urWoPJOxnC .dragArea.row {
  position: relative;
  z-index: 1;
}
.cid-urWoPJOxnC .dragArea.row .form-group {
  margin-bottom: 30px !important;
}
@media (max-width: 992px) {
  .cid-urWoPJOxnC .dragArea.row .form-group {
    margin-bottom: 15px !important;
  }
}
.cid-urWoPJOxnC .dragArea.row .form-group .form-control-label {
  width: 100%;
  margin-bottom: 0;
  padding: 5px 0;
}
.cid-urWoPJOxnC .dragArea.row .form-group .form-control {
  padding: 16px;
  border: none !important;
  box-shadow: none;
  border-radius: 0 !important;
  background-color: #ffffff;
}
.cid-urWoPJOxnC .dragArea.row .form-group .form-control:hover,
.cid-urWoPJOxnC .dragArea.row .form-group .form-control:focus {
  border: none !important;
}
.cid-urWoPJOxnC .dragArea.row .form-group .form-control::placeholder {
  color: #d48529;
}
.cid-urWoPJOxnC .dragArea.row .form-group textarea {
  min-height: 140px;
}
.cid-urWoPJOxnC .dragArea.row .form-group .form-check {
  padding-left: 1.9em;
  margin-bottom: 16px;
}
.cid-urWoPJOxnC .dragArea.row .form-group .form-check .form-check-input {
  background-color: #d48529;
  border-color: #d48529;
  border-radius: 0;
}
.cid-urWoPJOxnC .dragArea.row .mbr-section-btn {
  width: 100%;
}
.cid-urWoPJOxnC .content-wrapper .mbr-section-subtitle {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .cid-urWoPJOxnC .content-wrapper .mbr-section-subtitle {
    margin-bottom: 15px;
  }
}
.cid-urWoPJOxnC .content-wrapper .list-wrapper .list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.cid-urWoPJOxnC .content-wrapper .list-wrapper .list .item-wrap {
  margin-bottom: 15px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.cid-urWoPJOxnC .content-wrapper .list-wrapper .list .item-wrap:hover,
.cid-urWoPJOxnC .content-wrapper .list-wrapper .list .item-wrap:focus {
  color: #ffffff;
}
.cid-urWoPJOxnC .content-wrapper .list-wrapper .list .item-wrap:last-child {
  margin-bottom: 0;
}
.cid-urWoPJOxnC .content-wrapper .content-wrap {
  margin-top: 70px;
}
@media (max-width: 992px) {
  .cid-urWoPJOxnC .content-wrapper .content-wrap {
    margin-top: 35px;
  }
}
.cid-urWoPJOxnC .content-wrapper .content-wrap .mbr-desc {
  margin-bottom: 30px;
}
.cid-urWoPJOxnC .content-wrapper .content-wrap .social-wrapper .social-wrap {
  display: inline-flex;
}
.cid-urWoPJOxnC .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a {
  display: block;
}
.cid-urWoPJOxnC .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a:hover .mbr-iconfont,
.cid-urWoPJOxnC .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a:hover .mbr-iconfont {
  color: #ffffff;
}
.cid-urWoPJOxnC .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a .mbr-iconfont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: #000000;
  font-size: 26px;
  transition: all 0.3s ease-in-out;
  margin: 0 10px 10px;
}
.cid-urWoPJOxnC .mbr-section-title {
  color: #000000;
}
.cid-urWoPJOxnC .mbr-text {
  color: #000000;
}
.cid-urWoPJOxnC .mbr-section-subtitle {
  color: #000000;
}
.cid-urWoPJOxnC .list {
  color: #000000;
}
.cid-urWoPJOxnC .mbr-desc {
  color: #000000;
}
.cid-urWoPJOxnC label {
  color: #000000;
}
.cid-uqqTBa56JW {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-uqqTBa56JW .mbr-fallback-image.disabled {
  display: none;
}
.cid-uqqTBa56JW .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uqqTBa56JW .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-uqqTBa56JW .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-uqqTBa56JW .row {
    text-align: center;
  }
  .cid-uqqTBa56JW .row > div {
    margin: auto;
  }
  .cid-uqqTBa56JW .social-row {
    justify-content: center;
  }
}
.cid-uqqTBa56JW .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-uqqTBa56JW .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-uqqTBa56JW .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-uqqTBa56JW .list {
    margin-bottom: 0rem;
  }
}
.cid-uqqTBa56JW .mbr-text {
  color: #232323;
}
.cid-uqqTBa56JW .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-uqqTBa56JW .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-uqqTBa56JW div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-uqqTBa56JW .mbr-section-subtitle {
  color: #d48529;
}
.cid-uqqTBa56JW .copyright {
  color: #d48529;
}
.cid-us1NjMuGwi .float {
  position: fixed;
  width: 56px;
  height: 55px;
  bottom: 29px;
  right: 18px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 68px;
  text-align: center;
  font-size: 34px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.cid-us1NjMuGwi .my-float {
  margin-top: 16px;
}
.cid-us1NjMuGwi P {
  color: #232323;
}
.cid-us1NjMuGwi DIV {
  color: #ffffff;
}
.cid-us1NjMuGwi H10 {
  color: #767676;
}
.cid-us1NjMuGwi .hidden {
  display: none;
}
#custom-html-42 {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
  /* Exibe o áudio e oculta a mensagem */
  /* Exibe o vídeo e oculta a mensagem */
}
#custom-html-42 .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-42 .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-42 .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-42 audio {
  width: 100%;
  outline: none;
}
#custom-html-42 .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-42 audio {
  width: 100%;
  outline: none;
}
#custom-html-42 #play-button,
#custom-html-42 #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-42 #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-42 .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-42 .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-42 body,
#custom-html-42 html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-42 #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-42 #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-42 body,
#custom-html-42 html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-42 .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-42 .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-42 .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-42 .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-42 .close-button:hover {
  background-color: #ddd;
}
#custom-html-42 .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-42 .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-42 .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-42 .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-42 .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-42 .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-42 #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-42 #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-42 .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-42 .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-42 .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-42 .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-42 .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-42 .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-42 .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-42 .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-42 .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-42 .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-42 h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-42 p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-42 .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-42 .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-42 .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-42 .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-42 .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-42 .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-42 .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-42 .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-42 .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-42 .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-42 .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-42 .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-42 .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-42 .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-42 .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-42 .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-42 .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-42 .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-42 .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-42 .modal-content-container input,
#custom-html-42 .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-42 textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-42 #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-42 .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-42 .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-42 .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-42 .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-42 .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-42 .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-42 .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-42 .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-42 .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-42 .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-42 .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-42 .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-42 .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-42 #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-42 #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-42 #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-42 #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-42 #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-42 #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-42 .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-42 #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-42 .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-42 #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-42 #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-42 .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-42 .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-42 .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-42 #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-42 #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-42 #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-42 #successModalvela .close:hover,
#custom-html-42 #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-42 .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-42 .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-42 #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-42 #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-42 #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-42 #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-42 #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-42 #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-42 #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-42 #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-42 #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-42 #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-42 #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-42 #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-42 #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-42 #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-42 #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-42 #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-42 #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-42 #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-42 #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-42 #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-42 #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-42 #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-42 #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-42 #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-42 #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-42 #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-42 #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
#custom-html-42 audio {
  display: none;
}
#custom-html-42 .audio-message {
  display: block;
}
#custom-html-42 #youtube-video {
  display: none;
}
#custom-html-42 .video-message {
  display: block;
}
.cid-us7Vp3nRQy {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-us7Vp3nRQy nav.navbar {
  position: fixed;
}
.cid-us7Vp3nRQy .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-us7Vp3nRQy .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-us7Vp3nRQy .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-us7Vp3nRQy .dropdown-item:hover,
.cid-us7Vp3nRQy .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-us7Vp3nRQy .dropdown-item:hover span {
  color: white;
}
.cid-us7Vp3nRQy .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-us7Vp3nRQy .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-us7Vp3nRQy .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-us7Vp3nRQy .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-us7Vp3nRQy .nav-link {
  position: relative;
}
.cid-us7Vp3nRQy .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-us7Vp3nRQy .container {
    flex-wrap: wrap;
  }
}
.cid-us7Vp3nRQy .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-us7Vp3nRQy .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-us7Vp3nRQy .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-us7Vp3nRQy .dropdown-menu,
.cid-us7Vp3nRQy .navbar.opened {
  background: #fffff0 !important;
}
.cid-us7Vp3nRQy .nav-item:focus,
.cid-us7Vp3nRQy .nav-link:focus {
  outline: none;
}
.cid-us7Vp3nRQy .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-us7Vp3nRQy .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-us7Vp3nRQy .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-us7Vp3nRQy .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-us7Vp3nRQy .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-us7Vp3nRQy .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-us7Vp3nRQy .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-us7Vp3nRQy .navbar.opened {
  transition: all 0.3s;
}
.cid-us7Vp3nRQy .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-us7Vp3nRQy .navbar .navbar-logo img {
  width: auto;
}
.cid-us7Vp3nRQy .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-us7Vp3nRQy .navbar.collapsed {
  justify-content: center;
}
.cid-us7Vp3nRQy .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-us7Vp3nRQy .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-us7Vp3nRQy .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-us7Vp3nRQy .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-us7Vp3nRQy .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-us7Vp3nRQy .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-us7Vp3nRQy .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-us7Vp3nRQy .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-us7Vp3nRQy .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-us7Vp3nRQy .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-us7Vp3nRQy .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-us7Vp3nRQy .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-us7Vp3nRQy .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-us7Vp3nRQy .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-us7Vp3nRQy .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-us7Vp3nRQy .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-us7Vp3nRQy .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-us7Vp3nRQy .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-us7Vp3nRQy .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-us7Vp3nRQy .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-us7Vp3nRQy .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-us7Vp3nRQy .navbar.navbar-short {
  min-height: 60px;
}
.cid-us7Vp3nRQy .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-us7Vp3nRQy .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-us7Vp3nRQy .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-us7Vp3nRQy .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-us7Vp3nRQy .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-us7Vp3nRQy .dropdown-item.active,
.cid-us7Vp3nRQy .dropdown-item:active {
  background-color: transparent;
}
.cid-us7Vp3nRQy .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-us7Vp3nRQy .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-us7Vp3nRQy .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-us7Vp3nRQy .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-us7Vp3nRQy .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-us7Vp3nRQy .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-us7Vp3nRQy ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-us7Vp3nRQy .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-us7Vp3nRQy button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-us7Vp3nRQy button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-us7Vp3nRQy button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-us7Vp3nRQy button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-us7Vp3nRQy button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-us7Vp3nRQy button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-us7Vp3nRQy nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-us7Vp3nRQy nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-us7Vp3nRQy nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-us7Vp3nRQy nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-us7Vp3nRQy .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-us7Vp3nRQy a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-us7Vp3nRQy .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-us7Vp3nRQy .navbar {
    height: 70px;
  }
  .cid-us7Vp3nRQy .navbar.opened {
    height: auto;
  }
  .cid-us7Vp3nRQy .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
.cid-us7Vp3Zgss {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #cecdc7;
}
.cid-us7Vp3Zgss .mbr-fallback-image.disabled {
  display: none;
}
.cid-us7Vp3Zgss .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-us7Vp3Zgss .row {
  justify-content: space-between;
}
.cid-us7Vp3Zgss .title-wrapper {
  margin-bottom: 70px;
}
@media (max-width: 992px) {
  .cid-us7Vp3Zgss .title-wrapper {
    margin-bottom: 35px;
  }
}
.cid-us7Vp3Zgss .title-wrapper .mbr-section-title {
  margin-bottom: 15px;
}
.cid-us7Vp3Zgss .title-wrapper .text-wrapper .mbr-text {
  display: inline-flex;
  width: 70%;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .cid-us7Vp3Zgss .title-wrapper .text-wrapper .mbr-text {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .cid-us7Vp3Zgss .form-wrapper {
    margin-bottom: 35px;
  }
}
.cid-us7Vp3Zgss .dragArea.row {
  position: relative;
  z-index: 1;
}
.cid-us7Vp3Zgss .dragArea.row .form-group {
  margin-bottom: 30px !important;
}
@media (max-width: 992px) {
  .cid-us7Vp3Zgss .dragArea.row .form-group {
    margin-bottom: 15px !important;
  }
}
.cid-us7Vp3Zgss .dragArea.row .form-group .form-control-label {
  width: 100%;
  margin-bottom: 0;
  padding: 5px 0;
}
.cid-us7Vp3Zgss .dragArea.row .form-group .form-control {
  padding: 16px;
  border: none !important;
  box-shadow: none;
  border-radius: 0 !important;
  background-color: #ffffff;
}
.cid-us7Vp3Zgss .dragArea.row .form-group .form-control:hover,
.cid-us7Vp3Zgss .dragArea.row .form-group .form-control:focus {
  border: none !important;
}
.cid-us7Vp3Zgss .dragArea.row .form-group .form-control::placeholder {
  color: #d48529;
}
.cid-us7Vp3Zgss .dragArea.row .form-group textarea {
  min-height: 140px;
}
.cid-us7Vp3Zgss .dragArea.row .form-group .form-check {
  padding-left: 1.9em;
  margin-bottom: 16px;
}
.cid-us7Vp3Zgss .dragArea.row .form-group .form-check .form-check-input {
  background-color: #d48529;
  border-color: #d48529;
  border-radius: 0;
}
.cid-us7Vp3Zgss .dragArea.row .mbr-section-btn {
  width: 100%;
}
.cid-us7Vp3Zgss .content-wrapper .mbr-section-subtitle {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .cid-us7Vp3Zgss .content-wrapper .mbr-section-subtitle {
    margin-bottom: 15px;
  }
}
.cid-us7Vp3Zgss .content-wrapper .list-wrapper .list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.cid-us7Vp3Zgss .content-wrapper .list-wrapper .list .item-wrap {
  margin-bottom: 15px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.cid-us7Vp3Zgss .content-wrapper .list-wrapper .list .item-wrap:hover,
.cid-us7Vp3Zgss .content-wrapper .list-wrapper .list .item-wrap:focus {
  color: #ffffff;
}
.cid-us7Vp3Zgss .content-wrapper .list-wrapper .list .item-wrap:last-child {
  margin-bottom: 0;
}
.cid-us7Vp3Zgss .content-wrapper .content-wrap {
  margin-top: 70px;
}
@media (max-width: 992px) {
  .cid-us7Vp3Zgss .content-wrapper .content-wrap {
    margin-top: 35px;
  }
}
.cid-us7Vp3Zgss .content-wrapper .content-wrap .mbr-desc {
  margin-bottom: 30px;
}
.cid-us7Vp3Zgss .content-wrapper .content-wrap .social-wrapper .social-wrap {
  display: inline-flex;
}
.cid-us7Vp3Zgss .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a {
  display: block;
}
.cid-us7Vp3Zgss .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a:hover .mbr-iconfont,
.cid-us7Vp3Zgss .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a:hover .mbr-iconfont {
  color: #ffffff;
}
.cid-us7Vp3Zgss .content-wrapper .content-wrap .social-wrapper .social-wrap .soc-item a .mbr-iconfont {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: #000000;
  font-size: 26px;
  transition: all 0.3s ease-in-out;
  margin: 0 10px 10px;
}
.cid-us7Vp3Zgss .mbr-section-title {
  color: #000000;
}
.cid-us7Vp3Zgss .mbr-text {
  color: #000000;
}
.cid-us7Vp3Zgss .mbr-section-subtitle {
  color: #000000;
}
.cid-us7Vp3Zgss .list {
  color: #000000;
}
.cid-us7Vp3Zgss .mbr-desc {
  color: #000000;
}
.cid-us7Vp3Zgss label {
  color: #000000;
}
.cid-us7Vp4Ia23 {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-us7Vp4Ia23 .mbr-fallback-image.disabled {
  display: none;
}
.cid-us7Vp4Ia23 .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-us7Vp4Ia23 .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-us7Vp4Ia23 .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-us7Vp4Ia23 .row {
    text-align: center;
  }
  .cid-us7Vp4Ia23 .row > div {
    margin: auto;
  }
  .cid-us7Vp4Ia23 .social-row {
    justify-content: center;
  }
}
.cid-us7Vp4Ia23 .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-us7Vp4Ia23 .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-us7Vp4Ia23 .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-us7Vp4Ia23 .list {
    margin-bottom: 0rem;
  }
}
.cid-us7Vp4Ia23 .mbr-text {
  color: #232323;
}
.cid-us7Vp4Ia23 .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-us7Vp4Ia23 .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-us7Vp4Ia23 div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-us7Vp4Ia23 .mbr-section-subtitle {
  color: #d48529;
}
.cid-us7Vp4Ia23 .copyright {
  color: #d48529;
}
.cid-us7Vp5fU7K .float {
  position: fixed;
  width: 56px;
  height: 55px;
  bottom: 29px;
  right: 18px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 68px;
  text-align: center;
  font-size: 34px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.cid-us7Vp5fU7K .my-float {
  margin-top: 16px;
}
.cid-us7Vp5fU7K P {
  color: #232323;
}
.cid-us7Vp5fU7K DIV {
  color: #ffffff;
}
.cid-us7Vp5fU7K H10 {
  color: #767676;
}
.cid-us7Vp5fU7K .hidden {
  display: none;
}
.cid-usxuK9f4fv {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-usxuK9f4fv nav.navbar {
  position: fixed;
}
.cid-usxuK9f4fv .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-usxuK9f4fv .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-usxuK9f4fv .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-usxuK9f4fv .dropdown-item:hover,
.cid-usxuK9f4fv .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-usxuK9f4fv .dropdown-item:hover span {
  color: white;
}
.cid-usxuK9f4fv .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-usxuK9f4fv .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-usxuK9f4fv .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-usxuK9f4fv .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-usxuK9f4fv .nav-link {
  position: relative;
}
.cid-usxuK9f4fv .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-usxuK9f4fv .container {
    flex-wrap: wrap;
  }
}
.cid-usxuK9f4fv .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-usxuK9f4fv .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-usxuK9f4fv .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-usxuK9f4fv .dropdown-menu,
.cid-usxuK9f4fv .navbar.opened {
  background: #fffff0 !important;
}
.cid-usxuK9f4fv .nav-item:focus,
.cid-usxuK9f4fv .nav-link:focus {
  outline: none;
}
.cid-usxuK9f4fv .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-usxuK9f4fv .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-usxuK9f4fv .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-usxuK9f4fv .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-usxuK9f4fv .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-usxuK9f4fv .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-usxuK9f4fv .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-usxuK9f4fv .navbar.opened {
  transition: all 0.3s;
}
.cid-usxuK9f4fv .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-usxuK9f4fv .navbar .navbar-logo img {
  width: auto;
}
.cid-usxuK9f4fv .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-usxuK9f4fv .navbar.collapsed {
  justify-content: center;
}
.cid-usxuK9f4fv .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-usxuK9f4fv .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-usxuK9f4fv .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-usxuK9f4fv .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-usxuK9f4fv .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-usxuK9f4fv .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-usxuK9f4fv .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-usxuK9f4fv .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-usxuK9f4fv .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-usxuK9f4fv .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-usxuK9f4fv .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-usxuK9f4fv .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-usxuK9f4fv .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-usxuK9f4fv .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-usxuK9f4fv .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-usxuK9f4fv .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-usxuK9f4fv .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-usxuK9f4fv .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-usxuK9f4fv .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-usxuK9f4fv .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-usxuK9f4fv .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-usxuK9f4fv .navbar.navbar-short {
  min-height: 60px;
}
.cid-usxuK9f4fv .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-usxuK9f4fv .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-usxuK9f4fv .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-usxuK9f4fv .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-usxuK9f4fv .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-usxuK9f4fv .dropdown-item.active,
.cid-usxuK9f4fv .dropdown-item:active {
  background-color: transparent;
}
.cid-usxuK9f4fv .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-usxuK9f4fv .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-usxuK9f4fv .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-usxuK9f4fv .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-usxuK9f4fv .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-usxuK9f4fv .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-usxuK9f4fv ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-usxuK9f4fv .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-usxuK9f4fv button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-usxuK9f4fv button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-usxuK9f4fv button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-usxuK9f4fv button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-usxuK9f4fv button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-usxuK9f4fv button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-usxuK9f4fv nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-usxuK9f4fv nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-usxuK9f4fv nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-usxuK9f4fv nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-usxuK9f4fv .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-usxuK9f4fv a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-usxuK9f4fv .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-usxuK9f4fv .navbar {
    height: 70px;
  }
  .cid-usxuK9f4fv .navbar.opened {
    height: auto;
  }
  .cid-usxuK9f4fv .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
#custom-html-4l {
  /* Estilos gerais para o bloco de agradecimento */
  /* Responsividade para dispositivos móveis */
}
#custom-html-4l .thank-you-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 20px;
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
}
#custom-html-4l .thank-you-content {
  text-align: center;
  background: #ffffff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 100%;
}
#custom-html-4l .thank-you-content h1 {
  font-size: 2rem;
  color: #333;
  margin-bottom: 20px;
}
#custom-html-4l .thank-you-content p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 15px;
  line-height: 1.6;
}
#custom-html-4l .signature {
  font-style: italic;
  margin-top: 10px;
  color: #777;
}
#custom-html-4l .thank-you-button {
  display: inline-block;
  padding: 12px 24px;
  font-size: 1rem;
  color: #fff;
  background-color: #d48529;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-decoration: none;
}
#custom-html-4l .thank-you-button:hover {
  background-color: #005bb5;
}
@media (max-width: 600px) {
  #custom-html-4l .thank-you-content {
    padding: 20px;
  }
  #custom-html-4l .thank-you-content h1 {
    font-size: 1.5rem;
  }
  #custom-html-4l .thank-you-content p {
    font-size: 0.9rem;
  }
  #custom-html-4l .thank-you-button {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
}
.cid-usxuKalGJZ {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-usxuKalGJZ .mbr-fallback-image.disabled {
  display: none;
}
.cid-usxuKalGJZ .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-usxuKalGJZ .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-usxuKalGJZ .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-usxuKalGJZ .row {
    text-align: center;
  }
  .cid-usxuKalGJZ .row > div {
    margin: auto;
  }
  .cid-usxuKalGJZ .social-row {
    justify-content: center;
  }
}
.cid-usxuKalGJZ .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-usxuKalGJZ .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-usxuKalGJZ .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-usxuKalGJZ .list {
    margin-bottom: 0rem;
  }
}
.cid-usxuKalGJZ .mbr-text {
  color: #232323;
}
.cid-usxuKalGJZ .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-usxuKalGJZ .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-usxuKalGJZ div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-usxuKalGJZ .mbr-section-subtitle {
  color: #d48529;
}
.cid-usxuKalGJZ .copyright {
  color: #d48529;
}
.cid-usxuKaRXvu .float {
  position: fixed;
  width: 56px;
  height: 55px;
  bottom: 29px;
  right: 18px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 68px;
  text-align: center;
  font-size: 34px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.cid-usxuKaRXvu .my-float {
  margin-top: 16px;
}
.cid-usxuKaRXvu P {
  color: #232323;
}
.cid-usxuKaRXvu DIV {
  color: #ffffff;
}
.cid-usxuKaRXvu H10 {
  color: #767676;
}
.cid-usxuKaRXvu .hidden {
  display: none;
}
#custom-html-p {
  /* Reset básico para garantir que a margem e o padding sejam zerados */
  /* Logo */
  /* Centraliza o conteúdo da página */
  /* Centraliza o formulário e define uma largura máxima */
  /* Estilos gerais para campos de formulário */
  /* Estilos para fotos e legendas */
  /* Botão de Adicionar Foto */
  /* Botão de Enviar */
  /* Mensagem de carregamento */
  /* Spinner de carregamento */
  /* Estilos para mensagem de sucesso */
  /* Responsividade para telas menores */
  /* Novos campos */
  /* Campo de entrada para Nome da Música */
  /* Campo de entrada para áudio */
}
#custom-html-p * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-p body,
#custom-html-p html {
  height: 100%;
  font-family: Arial, sans-serif;
}
#custom-html-p input[type="text"],
#custom-html-p input[type="file"],
#custom-html-p textarea {
  text-align: center;
  /* Centraliza o texto do input */
}
#custom-html-p .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-p .header-bar {
  background-color: #FFFFF0;
  padding: 10px 0;
  width: 100%;
  max-width: 370px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: center;
  margin: 0 auto;
  /* Centraliza a barra */
}
#custom-html-p .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-p .container {
  width: 100%;
  max-width: 370px;
  /* Largura máxima igual à da barra */
  margin: 0 auto;
  /* Centraliza o container */
  padding-top: 25px;
  /* Espaço para o header fixo */
  padding-bottom: 40px;
  /* Espaço para o rodapé, se houver */
  background-color: #f4f4f4;
}
#custom-html-p form {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
#custom-html-p h2,
#custom-html-p label {
  font-size: 24px;
  margin-bottom: 10px;
  color: #d48529;
  /* Define a cor dos títulos */
}
#custom-html-p h2 {
  text-align: center;
  /* Centraliza o texto do h2 */
}
#custom-html-p textarea,
#custom-html-p input[type="file"],
#custom-html-p input[type="text"],
#custom-html-p input[type="tel"],
#custom-html-p input[type="email"],
#custom-html-p button {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#custom-html-p .foto-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#custom-html-p .foto-item .foto {
  margin-right: 10px;
}
#custom-html-p .foto-item .legenda {
  width: auto;
  flex: 1;
}
#custom-html-p #addPhotoBtn {
  background-color: #d48529;
  /* Cor verde */
  color: #FFF;
  border: none;
  cursor: pointer;
  font-size: 14px;
  /* Menor tamanho de fonte */
  padding: 8px 12px;
  /* Menor padding */
  border-radius: 5px;
  width: auto;
  /* Ajuste a largura automaticamente */
  transition: background-color 0.3s ease;
}
#custom-html-p #addPhotoBtn:hover {
  background-color: #b46a1e;
  /* Cor verde mais escura para o hover */
}
#custom-html-p button {
  background-color: #d48529;
  color: #FFF;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}
#custom-html-p button:hover {
  background-color: #b46a1e;
}
#custom-html-p .loading-message {
  display: none;
  color: red;
  font-weight: bold;
  position: relative;
  margin-top: 20px;
  font-size: 18px;
  text-align: center;
}
#custom-html-p .loading-spinner {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  margin-bottom: 10px;
  display: none;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#custom-html-p .success-message > div {
  background-color: #ffffff;
  padding: 40px;
  /* Aumente o padding para dar mais espaço */
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  max-width: 400px;
  width: 90%;
  /* Para garantir que não fique muito estreito em telas pequenas */
  position: relative;
  /* Para garantir que o alinhamento vertical funcione */
  top: 50%;
  /* Ajusta para 50% da altura da tela */
  transform: translateY(-50%);
  /* Centraliza verticalmente */
}
#custom-html-p .success-message h8 {
  font-size: 36px;
  /* Tamanho da fonte grande */
  margin-bottom: 15px;
  /* Espaçamento abaixo do título */
  color: blue;
  /* Cor da fonte azul */
}
#custom-html-p .success-message z {
  font-size: 20px;
  /* Tamanho da fonte para o texto */
  color: blue;
  /* Cor da fonte azul */
}
@media (max-width: 600px) {
  #custom-html-p form {
    width: 100%;
  }
  #custom-html-p button,
  #custom-html-p textarea,
  #custom-html-p input[type="file"],
  #custom-html-p input[type="text"],
  #custom-html-p input[type="tel"],
  #custom-html-p input[type="email"] {
    font-size: 14px;
    padding: 8px;
  }
  #custom-html-p .loading-message {
    font-size: 16px;
  }
  #custom-html-p .loading-spinner {
    width: 40px;
    height: 40px;
  }
}
#custom-html-p .timeline-section {
  margin-top: 20px;
  width: 100%;
}
#custom-html-p .timeline-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
#custom-html-p .timeline-item input {
  margin-bottom: 5px;
}
#custom-html-p #timelineContainer input[type="date"] {
  width: 150px;
  /* Largura desejada para o campo da data */
  margin-right: 10px;
  /* Espaçamento entre a data e o texto */
  margin: 20px auto;
}
#custom-html-p #timelineContainer input[type="text"] {
  width: 250px;
  /* O texto ocupa o espaço restante */
  min-width: 200px;
  /* Largura mínima para o campo de texto */
  margin: 20px auto;
}
#custom-html-p #submitBtn {
  margin-top: 30px;
  /* Ajuste o valor conforme necessário */
}
#custom-html-p #addTimelineBtn {
  background-color: #d48529;
  /* Cor de fundo */
  color: #FFF;
  border: none;
  cursor: pointer;
  font-size: 14px;
  /* Tamanho da fonte */
  padding: 8px 12px;
  /* Ajuste o padding se necessário */
  border-radius: 5px;
  width: 300px;
  /* Ajuste a largura */
  margin: 20px auto;
  /* Centraliza e adiciona espaço superior e inferior */
  display: block;
  /* Necessário para aplicar margin auto em elementos inline */
  transition: background-color 0.3s ease;
}
#custom-html-p #numeroTag,
#custom-html-p #telefoneResponsavel,
#custom-html-p #emailResponsavel {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#custom-html-p #musicaPerfil {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#custom-html-p #audio {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.cid-usCG0uDQJK {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-usCG0uDQJK nav.navbar {
  position: fixed;
}
.cid-usCG0uDQJK .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-usCG0uDQJK .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-usCG0uDQJK .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-usCG0uDQJK .dropdown-item:hover,
.cid-usCG0uDQJK .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-usCG0uDQJK .dropdown-item:hover span {
  color: white;
}
.cid-usCG0uDQJK .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-usCG0uDQJK .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-usCG0uDQJK .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-usCG0uDQJK .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-usCG0uDQJK .nav-link {
  position: relative;
}
.cid-usCG0uDQJK .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-usCG0uDQJK .container {
    flex-wrap: wrap;
  }
}
.cid-usCG0uDQJK .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-usCG0uDQJK .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-usCG0uDQJK .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-usCG0uDQJK .dropdown-menu,
.cid-usCG0uDQJK .navbar.opened {
  background: #fffff0 !important;
}
.cid-usCG0uDQJK .nav-item:focus,
.cid-usCG0uDQJK .nav-link:focus {
  outline: none;
}
.cid-usCG0uDQJK .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-usCG0uDQJK .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-usCG0uDQJK .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-usCG0uDQJK .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-usCG0uDQJK .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-usCG0uDQJK .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-usCG0uDQJK .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-usCG0uDQJK .navbar.opened {
  transition: all 0.3s;
}
.cid-usCG0uDQJK .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-usCG0uDQJK .navbar .navbar-logo img {
  width: auto;
}
.cid-usCG0uDQJK .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-usCG0uDQJK .navbar.collapsed {
  justify-content: center;
}
.cid-usCG0uDQJK .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-usCG0uDQJK .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-usCG0uDQJK .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-usCG0uDQJK .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-usCG0uDQJK .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-usCG0uDQJK .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-usCG0uDQJK .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-usCG0uDQJK .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-usCG0uDQJK .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-usCG0uDQJK .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-usCG0uDQJK .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-usCG0uDQJK .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-usCG0uDQJK .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-usCG0uDQJK .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-usCG0uDQJK .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-usCG0uDQJK .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-usCG0uDQJK .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-usCG0uDQJK .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-usCG0uDQJK .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-usCG0uDQJK .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-usCG0uDQJK .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-usCG0uDQJK .navbar.navbar-short {
  min-height: 60px;
}
.cid-usCG0uDQJK .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-usCG0uDQJK .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-usCG0uDQJK .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-usCG0uDQJK .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-usCG0uDQJK .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-usCG0uDQJK .dropdown-item.active,
.cid-usCG0uDQJK .dropdown-item:active {
  background-color: transparent;
}
.cid-usCG0uDQJK .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-usCG0uDQJK .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-usCG0uDQJK .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-usCG0uDQJK .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-usCG0uDQJK .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-usCG0uDQJK .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-usCG0uDQJK ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-usCG0uDQJK .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-usCG0uDQJK button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-usCG0uDQJK button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-usCG0uDQJK button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-usCG0uDQJK button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-usCG0uDQJK button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-usCG0uDQJK button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-usCG0uDQJK nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-usCG0uDQJK nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-usCG0uDQJK nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-usCG0uDQJK nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-usCG0uDQJK .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-usCG0uDQJK a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-usCG0uDQJK .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-usCG0uDQJK .navbar {
    height: 70px;
  }
  .cid-usCG0uDQJK .navbar.opened {
    height: auto;
  }
  .cid-usCG0uDQJK .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
#custom-html-4s {
  /* Fundo escurecido para o modal */
  /* Imagem ampliada no modal */
  /* Botão de fechar no modal */
}
#custom-html-4s * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#custom-html-4s body {
  font-family: Arial, sans-serif;
  background-color: #f3f4f6;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
#custom-html-4s .passo-container {
  width: 90%;
  max-width: 1000px;
  margin: 40px auto;
  position: relative;
}
#custom-html-4s h1 {
  text-align: center;
  color: #d48529;
  font-size: 2.5em;
  margin-bottom: 30px;
}
#custom-html-4s .linha-progresso {
  position: absolute;
  left: 50%;
  top: 200px;
  /* Ajuste este valor conforme necessário para começar entre o Passo 1 e 2 */
  bottom: 0;
  width: 4px;
  background: #d48529;
  transform: translateX(-50%);
}
#custom-html-4s .passo {
  display: flex;
  align-items: center;
  margin: 30px 0;
  padding: 20px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#custom-html-4s .passo:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}
#custom-html-4s .passo img {
  width: 200px;
  height: auto;
  border-radius: 15px;
  margin-right: 20px;
  transition: transform 0.3s ease;
}
#custom-html-4s .passo:hover img {
  transform: scale(1.05);
}
#custom-html-4s .passo .descricao {
  flex: 1;
  color: #666;
}
#custom-html-4s .passo h2 {
  font-size: 1.5em;
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-4s .passo p {
  font-size: 1.2em;
  color: #777;
  line-height: 1.6;
}
@media (max-width: 768px) {
  #custom-html-4s .linha-progresso {
    left: 50%;
    transform: translateX(-50%);
  }
  #custom-html-4s .passo {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
  }
  #custom-html-4s .passo img {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
#custom-html-4s .modal-overlay {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-4s .modal-overlay img {
  width: auto;
  /* Mantém a largura natural */
  height: auto;
  /* Mantém a altura natural */
  max-width: 90%;
  /* Limita a largura em telas maiores */
  max-height: 90%;
  /* Limita a altura em telas maiores */
  border-radius: 15px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}
#custom-html-4s .close-button {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 2em;
  color: white;
  cursor: pointer;
  background: transparent;
  border: none;
  z-index: 1001;
}
.cid-usCG0vFM3w {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-usCG0vFM3w .mbr-fallback-image.disabled {
  display: none;
}
.cid-usCG0vFM3w .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-usCG0vFM3w .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-usCG0vFM3w .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-usCG0vFM3w .row {
    text-align: center;
  }
  .cid-usCG0vFM3w .row > div {
    margin: auto;
  }
  .cid-usCG0vFM3w .social-row {
    justify-content: center;
  }
}
.cid-usCG0vFM3w .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-usCG0vFM3w .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-usCG0vFM3w .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-usCG0vFM3w .list {
    margin-bottom: 0rem;
  }
}
.cid-usCG0vFM3w .mbr-text {
  color: #232323;
}
.cid-usCG0vFM3w .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-usCG0vFM3w .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-usCG0vFM3w div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-usCG0vFM3w .mbr-section-subtitle {
  color: #d48529;
}
.cid-usCG0vFM3w .copyright {
  color: #d48529;
}
.cid-usVqNpXJkE .mbr-overlay {
  opacity: 0.3;
  background-color: #ffb18a;
}
.cid-usVqNpXJkE .container-fluid {
  padding: 0 60px;
}
.cid-usVqNpXJkE .row {
  display: flex;
  justify-content: center;
}
.cid-usVqNpXJkE .card {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cid-usVqNpXJkE .content-wrapper {
  text-align: center;
}
.cid-usVqNpXJkE .text-background {
  background-color: rgba(212, 133, 41, 0.7);
  padding: 20px;
  border-radius: 10px;
  display: inline-block;
}
.cid-usVqNpXJkE .mbr-section-title,
.cid-usVqNpXJkE .mbr-text {
  color: #ffffff;
}
.cid-usVqNpXJkE .mbr-section-btn a {
  color: #ffffff;
}
.cid-usVqNpXJkE .image-wrapper {
  display: flex;
  justify-content: center;
}
.cid-usVqNpXJkE .image-wrap {
  position: relative;
  border: 2px solid #bbbbbb;
  border-radius: 3rem;
  width: 332px;
  height: 690px;
  display: flex;
  justify-content: center;
  background-color: #bbbbbb;
  box-shadow: 25px 60px 60px #232323;
}
.cid-usVqNpXJkE .image-wrap::before {
  content: '';
  position: absolute;
  top: 16px;
  width: 98px;
  height: 28px;
  border-radius: 1rem;
  background-color: #000000;
}
.cid-usVqNpXJkE .image-wrap img,
.cid-usVqNpXJkE .image-wrap iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 7px solid #000000;
  border-radius: 3rem;
}
.cid-usVqNpXJkE .header02.devicem5 {
  background-image: url('../../../assets/images/fundo.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px 0;
}
#custom-html-4x {
  /* Adicionar estilos para logo */
  /* Estilo para o texto introdutório */
  /* Estilo para os termos */
}
#custom-html-4x * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-4x html,
#custom-html-4x body {
  height: 100%;
  /* Garante que o body ocupe 100% da altura da janela */
  width: 100%;
  /* Garante que o body ocupe 100% da largura */
}
#custom-html-4x body {
  font-family: 'Arial', sans-serif;
  /* Substitua pelo caminho da sua imagem */
  background-size: cover;
  /* Faz a imagem cobrir toda a tela */
  background-position: center;
  /* Centraliza a imagem */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
  margin: 0;
  /* Remove qualquer margem padrão */
}
#custom-html-4x .container {
  background-color: rgba(255, 255, 255, 0.9);
  /* Torna o fundo da container semi-transparente */
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  /* Define um tamanho máximo para o container */
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
#custom-html-4x h1 {
  margin-bottom: 20px;
  color: #333;
}
#custom-html-4x .payment-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
#custom-html-4x .input-group {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#custom-html-4x .input-group label {
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}
#custom-html-4x .input-group input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}
#custom-html-4x .input-group input:focus {
  border-color: #00A651;
  outline: none;
}
#custom-html-4x .botao-pagar {
  padding: 12px;
  background-color: #00A651;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
#custom-html-4x .botao-pagar:hover {
  background-color: #00843D;
}
@media (max-width: 600px) {
  #custom-html-4x .container {
    padding: 15px;
  }
  #custom-html-4x .input-group input {
    font-size: 14px;
  }
  #custom-html-4x .botao-pagar {
    font-size: 14px;
  }
}
#custom-html-4x .valor-informativo {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}
#custom-html-4x .icon-pagar {
  font-size: 1.5em;
  margin-right: 8px;
}
#custom-html-4x .logo {
  margin-bottom: 15px;
}
#custom-html-4x .logo-img {
  max-width: 200px;
  height: auto;
}
#custom-html-4x .intro-text {
  font-size: 0.9em;
  margin-bottom: 20px;
  color: #555;
}
#custom-html-4x .termos textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  resize: none;
}
#custom-html-4x .termos label {
  font-size: 0.9em;
}
#custom-html-4x .botao-pagar[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
#custom-html-4y {
  /* Adicionar estilos para logo */
  /* Estilo para o texto introdutório */
  /* Estilo para os termos */
}
#custom-html-4y * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-4y html,
#custom-html-4y body {
  height: 100%;
  /* Garante que o body ocupe 100% da altura da janela */
  width: 100%;
  /* Garante que o body ocupe 100% da largura */
}
#custom-html-4y body {
  font-family: 'Arial', sans-serif;
  /* Substitua pelo caminho da sua imagem */
  background-size: cover;
  /* Faz a imagem cobrir toda a tela */
  background-position: center;
  /* Centraliza a imagem */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
  margin: 0;
  /* Remove qualquer margem padrão */
}
#custom-html-4y .container {
  background-color: rgba(255, 255, 255, 0.9);
  /* Torna o fundo da container semi-transparente */
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  /* Define um tamanho máximo para o container */
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
#custom-html-4y h1 {
  margin-bottom: 20px;
  color: #333;
}
#custom-html-4y .payment-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
#custom-html-4y .input-group {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#custom-html-4y .input-group label {
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}
#custom-html-4y .input-group input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}
#custom-html-4y .input-group input:focus {
  border-color: #00A651;
  outline: none;
}
#custom-html-4y .botao-pagar {
  padding: 12px;
  background-color: #00A651;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
#custom-html-4y .botao-pagar:hover {
  background-color: #00843D;
}
@media (max-width: 600px) {
  #custom-html-4y .container {
    padding: 15px;
  }
  #custom-html-4y .input-group input {
    font-size: 14px;
  }
  #custom-html-4y .botao-pagar {
    font-size: 14px;
  }
}
#custom-html-4y .valor-informativo {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}
#custom-html-4y .icon-pagar {
  font-size: 1.5em;
  margin-right: 8px;
}
#custom-html-4y .logo {
  margin-bottom: 15px;
}
#custom-html-4y .logo-img {
  max-width: 200px;
  height: auto;
}
#custom-html-4y .intro-text {
  font-size: 0.9em;
  margin-bottom: 20px;
  color: #555;
}
#custom-html-4y .termos textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  resize: none;
}
#custom-html-4y .termos label {
  font-size: 0.9em;
}
#custom-html-4y .botao-pagar[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
#custom-html-4z {
  /* Adicionar estilos para logo */
  /* Estilo para o texto introdutório */
  /* Estilo para os termos */
}
#custom-html-4z * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-4z html,
#custom-html-4z body {
  height: 100%;
  /* Garante que o body ocupe 100% da altura da janela */
  width: 100%;
  /* Garante que o body ocupe 100% da largura */
}
#custom-html-4z body {
  font-family: 'Arial', sans-serif;
  /* Substitua pelo caminho da sua imagem */
  background-size: cover;
  /* Faz a imagem cobrir toda a tela */
  background-position: center;
  /* Centraliza a imagem */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
  margin: 0;
  /* Remove qualquer margem padrão */
}
#custom-html-4z .container {
  background-color: rgba(255, 255, 255, 0.9);
  /* Torna o fundo da container semi-transparente */
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  /* Define um tamanho máximo para o container */
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
#custom-html-4z h1 {
  margin-bottom: 20px;
  color: #333;
}
#custom-html-4z .payment-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
#custom-html-4z .input-group {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#custom-html-4z .input-group label {
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}
#custom-html-4z .input-group input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}
#custom-html-4z .input-group input:focus {
  border-color: #00A651;
  outline: none;
}
#custom-html-4z .botao-pagar {
  padding: 12px;
  background-color: #00A651;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
#custom-html-4z .botao-pagar:hover {
  background-color: #00843D;
}
@media (max-width: 600px) {
  #custom-html-4z .container {
    padding: 15px;
  }
  #custom-html-4z .input-group input {
    font-size: 14px;
  }
  #custom-html-4z .botao-pagar {
    font-size: 14px;
  }
}
#custom-html-4z .valor-informativo {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}
#custom-html-4z .icon-pagar {
  font-size: 1.5em;
  margin-right: 8px;
}
#custom-html-4z .logo {
  margin-bottom: 15px;
}
#custom-html-4z .logo-img {
  max-width: 200px;
  height: auto;
}
#custom-html-4z .intro-text {
  font-size: 0.9em;
  margin-bottom: 20px;
  color: #555;
}
#custom-html-4z .termos textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  resize: none;
}
#custom-html-4z .termos label {
  font-size: 0.9em;
}
#custom-html-4z .botao-pagar[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
#custom-html-4w {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
}
#custom-html-4w .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-4w .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-4w .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-4w audio {
  width: 100%;
  outline: none;
}
#custom-html-4w .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-4w audio {
  width: 100%;
  outline: none;
}
#custom-html-4w #play-button,
#custom-html-4w #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-4w #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-4w .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-4w .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-4w body,
#custom-html-4w html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-4w #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-4w #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-4w body,
#custom-html-4w html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-4w .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-4w .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-4w .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-4w .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-4w .close-button:hover {
  background-color: #ddd;
}
#custom-html-4w .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-4w .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-4w .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-4w .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-4w .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-4w .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-4w #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-4w #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-4w .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-4w .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-4w .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-4w .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-4w .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-4w .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-4w .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-4w .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-4w .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-4w .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-4w h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-4w p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-4w .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-4w .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-4w .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-4w .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-4w .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-4w .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-4w .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-4w .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-4w .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-4w .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-4w .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-4w .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-4w .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-4w .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-4w .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-4w .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-4w .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-4w .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-4w .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-4w .modal-content-container input,
#custom-html-4w .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-4w textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-4w #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-4w .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-4w .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-4w .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-4w .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-4w .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-4w .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-4w .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-4w .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-4w .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-4w .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-4w .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-4w .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-4w .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-4w #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-4w #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-4w #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-4w #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-4w #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-4w #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-4w .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-4w #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-4w .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-4w #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-4w #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-4w .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-4w .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-4w .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-4w #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-4w #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-4w #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-4w #successModalvela .close:hover,
#custom-html-4w #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-4w .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-4w .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-4w #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-4w #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-4w #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-4w #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-4w #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-4w #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-4w #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-4w #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-4w #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-4w #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-4w #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-4w #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-4w #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-4w #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-4w #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-4w #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-4w #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-4w #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-4w #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-4w #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-4w #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-4w #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-4w #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-4w #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-4w #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-4w #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-4w #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
.cid-utxjKbwEV5 {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-utxjKbwEV5 nav.navbar {
  position: fixed;
}
.cid-utxjKbwEV5 .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-utxjKbwEV5 .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-utxjKbwEV5 .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-utxjKbwEV5 .dropdown-item:hover,
.cid-utxjKbwEV5 .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-utxjKbwEV5 .dropdown-item:hover span {
  color: white;
}
.cid-utxjKbwEV5 .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-utxjKbwEV5 .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-utxjKbwEV5 .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-utxjKbwEV5 .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-utxjKbwEV5 .nav-link {
  position: relative;
}
.cid-utxjKbwEV5 .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-utxjKbwEV5 .container {
    flex-wrap: wrap;
  }
}
.cid-utxjKbwEV5 .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-utxjKbwEV5 .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-utxjKbwEV5 .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-utxjKbwEV5 .dropdown-menu,
.cid-utxjKbwEV5 .navbar.opened {
  background: #fffff0 !important;
}
.cid-utxjKbwEV5 .nav-item:focus,
.cid-utxjKbwEV5 .nav-link:focus {
  outline: none;
}
.cid-utxjKbwEV5 .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-utxjKbwEV5 .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-utxjKbwEV5 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-utxjKbwEV5 .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-utxjKbwEV5 .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-utxjKbwEV5 .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-utxjKbwEV5 .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-utxjKbwEV5 .navbar.opened {
  transition: all 0.3s;
}
.cid-utxjKbwEV5 .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-utxjKbwEV5 .navbar .navbar-logo img {
  width: auto;
}
.cid-utxjKbwEV5 .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-utxjKbwEV5 .navbar.collapsed {
  justify-content: center;
}
.cid-utxjKbwEV5 .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-utxjKbwEV5 .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-utxjKbwEV5 .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-utxjKbwEV5 .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-utxjKbwEV5 .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-utxjKbwEV5 .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-utxjKbwEV5 .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-utxjKbwEV5 .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-utxjKbwEV5 .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-utxjKbwEV5 .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-utxjKbwEV5 .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-utxjKbwEV5 .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-utxjKbwEV5 .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-utxjKbwEV5 .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-utxjKbwEV5 .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-utxjKbwEV5 .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-utxjKbwEV5 .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-utxjKbwEV5 .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-utxjKbwEV5 .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-utxjKbwEV5 .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-utxjKbwEV5 .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-utxjKbwEV5 .navbar.navbar-short {
  min-height: 60px;
}
.cid-utxjKbwEV5 .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-utxjKbwEV5 .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-utxjKbwEV5 .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-utxjKbwEV5 .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-utxjKbwEV5 .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-utxjKbwEV5 .dropdown-item.active,
.cid-utxjKbwEV5 .dropdown-item:active {
  background-color: transparent;
}
.cid-utxjKbwEV5 .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-utxjKbwEV5 .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-utxjKbwEV5 .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-utxjKbwEV5 .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-utxjKbwEV5 .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-utxjKbwEV5 .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-utxjKbwEV5 ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-utxjKbwEV5 .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-utxjKbwEV5 button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-utxjKbwEV5 button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-utxjKbwEV5 button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-utxjKbwEV5 button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-utxjKbwEV5 button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-utxjKbwEV5 button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-utxjKbwEV5 nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-utxjKbwEV5 nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-utxjKbwEV5 nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-utxjKbwEV5 nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-utxjKbwEV5 .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-utxjKbwEV5 a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-utxjKbwEV5 .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-utxjKbwEV5 .navbar {
    height: 70px;
  }
  .cid-utxjKbwEV5 .navbar.opened {
    height: auto;
  }
  .cid-utxjKbwEV5 .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
#custom-html-53 {
  /* Type valid CSS here */
}
#custom-html-53 div {
  padding: 80px 0;
  color: #777;
  text-align: center;
}
#custom-html-53 p {
  font-size: 60px;
  color: #777;
}
.cid-utxjKcxYDd .smaller-text {
  font-size: 0.8em;
}
.cid-utxjKcxYDd .pricing3 {
  border: 2px solid red;
  background-color: lightyellow;
}
.cid-utxjKcxYDd .plan-header h6 {
  font-size: 2rem;
  color: #d48529;
  font-weight: bold;
}
.cid-utxjKcxYDd .plan {
  border-radius: 2rem;
  background: #ffffff;
  padding: 2.5rem;
  word-break: break-word;
  border: 2px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cid-utxjKcxYDd .plan-list ul {
  padding-left: 0;
  list-style: none;
}
.cid-utxjKcxYDd .plan-list .list-group-item::before {
  content: '★';
  font-size: 1.2rem;
  color: #d48529;
  margin-right: 10px;
  font-weight: bold;
}
.cid-utxjKcxYDd .list-group-item {
  background-color: transparent;
  color: #000000;
  text-align: left;
}
.cid-utxjKcxYDd .plan-header {
  padding-bottom: 0.5rem;
}
.cid-utxjKcxYDd .plan-body {
  padding-top: 0.5rem;
  flex-grow: 1;
}
.cid-utxjKcxYDd .plan .mbr-card-text {
  margin-bottom: 0.5rem;
}
.cid-utxjKcxYDd .price {
  font-size: 1.5rem;
  color: #d48529;
  font-weight: bold;
}
.cid-utxjKcxYDd .price-term {
  color: #6e6e6e;
}
.cid-utxjKcxYDd .mbr-card-text {
  color: #6e6e6e;
}
.cid-utxjKcxYDd .mbr-section-btn {
  display: flex;
  justify-content: center;
}
.cid-utxjKcxYDd .mbr-section-btn a.btn-primary {
  background-color: #28a745;
}
.cid-utxjKcxYDd .unavailable {
  text-decoration: line-through;
  color: #999;
}
@media (max-width: 767px) {
  .cid-utxjKcxYDd .plan {
    padding: 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-utxjKcxYDd .plan {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-utxjKcxYDd .plan {
    display: inline-block;
    width: 100%;
  }
}
.cid-utxjKcxYDd .btn .fas {
  margin-left: 10px;
}
.cid-utxjKcxYDd .original-price {
  text-decoration: line-through;
  color: #888;
  margin-right: 5px;
}
.cid-utxjKcYV4h {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-utxjKcYV4h .mbr-fallback-image.disabled {
  display: none;
}
.cid-utxjKcYV4h .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-utxjKcYV4h .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-utxjKcYV4h .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-utxjKcYV4h .row {
    text-align: center;
  }
  .cid-utxjKcYV4h .row > div {
    margin: auto;
  }
  .cid-utxjKcYV4h .social-row {
    justify-content: center;
  }
}
.cid-utxjKcYV4h .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-utxjKcYV4h .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-utxjKcYV4h .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-utxjKcYV4h .list {
    margin-bottom: 0rem;
  }
}
.cid-utxjKcYV4h .mbr-text {
  color: #232323;
}
.cid-utxjKcYV4h .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-utxjKcYV4h .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-utxjKcYV4h div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-utxjKcYV4h .mbr-section-subtitle {
  color: #d48529;
}
.cid-utxjKcYV4h .copyright {
  color: #d48529;
}
#custom-html-56 {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
}
#custom-html-56 .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-56 .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-56 .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-56 audio {
  width: 100%;
  outline: none;
}
#custom-html-56 .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-56 audio {
  width: 100%;
  outline: none;
}
#custom-html-56 #play-button,
#custom-html-56 #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-56 #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-56 .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-56 .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-56 body,
#custom-html-56 html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-56 #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-56 #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-56 body,
#custom-html-56 html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-56 .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-56 .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-56 .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-56 .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-56 .close-button:hover {
  background-color: #ddd;
}
#custom-html-56 .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-56 .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-56 .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-56 .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-56 .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-56 .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-56 #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-56 #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-56 .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-56 .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-56 .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-56 .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-56 .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-56 .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-56 .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-56 .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-56 .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-56 .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-56 h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-56 p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-56 .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-56 .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-56 .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-56 .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-56 .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-56 .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-56 .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-56 .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-56 .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-56 .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-56 .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-56 .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-56 .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-56 .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-56 .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-56 .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-56 .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-56 .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-56 .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-56 .modal-content-container input,
#custom-html-56 .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-56 textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-56 #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-56 .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-56 .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-56 .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-56 .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-56 .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-56 .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-56 .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-56 .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-56 .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-56 .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-56 .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-56 .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-56 .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-56 #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-56 #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-56 #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-56 #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-56 #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-56 #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-56 .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-56 #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-56 .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-56 #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-56 #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-56 .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-56 .vela img {
  width: 80px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-56 .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-56 #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-56 #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-56 #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-56 #successModalvela .close:hover,
#custom-html-56 #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-56 .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-56 .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-56 #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-56 #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-56 #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-56 #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-56 #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-56 #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-56 #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-56 #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-56 #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-56 #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-56 #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-56 #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-56 #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-56 #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-56 #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-56 #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-56 #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-56 #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-56 #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-56 #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-56 #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-56 #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-56 #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-56 #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-56 #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-56 #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-56 #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
.cid-uqJwdHiMBX {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-uqJwdHiMBX nav.navbar {
  position: fixed;
}
.cid-uqJwdHiMBX .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uqJwdHiMBX .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-uqJwdHiMBX .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-uqJwdHiMBX .dropdown-item:hover,
.cid-uqJwdHiMBX .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-uqJwdHiMBX .dropdown-item:hover span {
  color: white;
}
.cid-uqJwdHiMBX .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-uqJwdHiMBX .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-uqJwdHiMBX .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-uqJwdHiMBX .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-uqJwdHiMBX .nav-link {
  position: relative;
}
.cid-uqJwdHiMBX .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uqJwdHiMBX .container {
    flex-wrap: wrap;
  }
}
.cid-uqJwdHiMBX .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uqJwdHiMBX .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-uqJwdHiMBX .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-uqJwdHiMBX .dropdown-menu,
.cid-uqJwdHiMBX .navbar.opened {
  background: #fffff0 !important;
}
.cid-uqJwdHiMBX .nav-item:focus,
.cid-uqJwdHiMBX .nav-link:focus {
  outline: none;
}
.cid-uqJwdHiMBX .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-uqJwdHiMBX .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-uqJwdHiMBX .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-uqJwdHiMBX .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uqJwdHiMBX .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-uqJwdHiMBX .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-uqJwdHiMBX .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-uqJwdHiMBX .navbar.opened {
  transition: all 0.3s;
}
.cid-uqJwdHiMBX .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-uqJwdHiMBX .navbar .navbar-logo img {
  width: auto;
}
.cid-uqJwdHiMBX .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-uqJwdHiMBX .navbar.collapsed {
  justify-content: center;
}
.cid-uqJwdHiMBX .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-uqJwdHiMBX .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-uqJwdHiMBX .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-uqJwdHiMBX .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-uqJwdHiMBX .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-uqJwdHiMBX .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-uqJwdHiMBX .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-uqJwdHiMBX .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-uqJwdHiMBX .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-uqJwdHiMBX .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-uqJwdHiMBX .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-uqJwdHiMBX .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-uqJwdHiMBX .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-uqJwdHiMBX .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-uqJwdHiMBX .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-uqJwdHiMBX .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-uqJwdHiMBX .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-uqJwdHiMBX .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-uqJwdHiMBX .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-uqJwdHiMBX .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-uqJwdHiMBX .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-uqJwdHiMBX .navbar.navbar-short {
  min-height: 60px;
}
.cid-uqJwdHiMBX .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-uqJwdHiMBX .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-uqJwdHiMBX .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-uqJwdHiMBX .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-uqJwdHiMBX .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-uqJwdHiMBX .dropdown-item.active,
.cid-uqJwdHiMBX .dropdown-item:active {
  background-color: transparent;
}
.cid-uqJwdHiMBX .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-uqJwdHiMBX .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-uqJwdHiMBX .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-uqJwdHiMBX .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-uqJwdHiMBX .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-uqJwdHiMBX .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-uqJwdHiMBX ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-uqJwdHiMBX .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-uqJwdHiMBX button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-uqJwdHiMBX button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-uqJwdHiMBX button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-uqJwdHiMBX button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uqJwdHiMBX button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uqJwdHiMBX button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-uqJwdHiMBX nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uqJwdHiMBX nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-uqJwdHiMBX nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-uqJwdHiMBX nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uqJwdHiMBX .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-uqJwdHiMBX a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-uqJwdHiMBX .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-uqJwdHiMBX .navbar {
    height: 70px;
  }
  .cid-uqJwdHiMBX .navbar.opened {
    height: auto;
  }
  .cid-uqJwdHiMBX .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
#custom-html-49 {
  /* Type valid CSS here */
}
#custom-html-49 div {
  padding: 80px 0;
  color: #777;
  text-align: center;
}
#custom-html-49 p {
  font-size: 60px;
  color: #777;
}
.cid-urWimBrt3r .smaller-text {
  font-size: 0.6em;
}
.cid-urWimBrt3r .pricing3 {
  border: 2px solid red;
  background-color: lightyellow;
}
.cid-urWimBrt3r .plan-header h6 {
  font-size: 2rem;
  color: #d48529;
  font-weight: bold;
}
.cid-urWimBrt3r .plan {
  border-radius: 2rem;
  background: #ffffff;
  padding: 2.5rem;
  word-break: break-word;
  border: 2px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cid-urWimBrt3r .plan-list ul {
  padding-left: 0;
  list-style: none;
}
.cid-urWimBrt3r .plan-list .list-group-item::before {
  content: '★';
  font-size: 1.2rem;
  color: #d48529;
  margin-right: 10px;
  font-weight: bold;
}
.cid-urWimBrt3r .list-group-item {
  background-color: transparent;
  color: #000000;
  text-align: left;
}
.cid-urWimBrt3r .plan-header {
  padding-bottom: 0.5rem;
}
.cid-urWimBrt3r .plan-body {
  padding-top: 0.5rem;
  flex-grow: 1;
}
.cid-urWimBrt3r .plan .mbr-card-text {
  margin-bottom: 0.5rem;
}
.cid-urWimBrt3r .price {
  font-size: 1.5rem;
  color: #d48529;
  font-weight: bold;
}
.cid-urWimBrt3r .price-term {
  color: #6e6e6e;
}
.cid-urWimBrt3r .mbr-card-text {
  color: #6e6e6e;
}
.cid-urWimBrt3r .mbr-section-btn {
  display: flex;
  justify-content: center;
}
.cid-urWimBrt3r .mbr-section-btn a.btn-primary {
  background-color: #28a745;
}
.cid-urWimBrt3r .unavailable {
  text-decoration: line-through;
  color: #999;
}
@media (max-width: 767px) {
  .cid-urWimBrt3r .plan {
    padding: 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-urWimBrt3r .plan {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-urWimBrt3r .plan {
    display: inline-block;
    width: 100%;
  }
}
.cid-urWimBrt3r .btn .fas {
  margin-left: 10px;
}
.cid-urWimBrt3r .original-price {
  text-decoration: line-through;
  color: #888;
  margin-right: 5px;
  display: inline;
}
.cid-urWimBrt3r .payment-methods {
  text-align: center;
  margin-top: 30px;
}
.cid-urWimBrt3r .payment-banners {
  width: 30%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.cid-uqJwwy16jG {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-uqJwwy16jG .mbr-fallback-image.disabled {
  display: none;
}
.cid-uqJwwy16jG .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uqJwwy16jG .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-uqJwwy16jG .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-uqJwwy16jG .row {
    text-align: center;
  }
  .cid-uqJwwy16jG .row > div {
    margin: auto;
  }
  .cid-uqJwwy16jG .social-row {
    justify-content: center;
  }
}
.cid-uqJwwy16jG .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-uqJwwy16jG .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-uqJwwy16jG .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-uqJwwy16jG .list {
    margin-bottom: 0rem;
  }
}
.cid-uqJwwy16jG .mbr-text {
  color: #232323;
}
.cid-uqJwwy16jG .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-uqJwwy16jG .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-uqJwwy16jG div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-uqJwwy16jG .mbr-section-subtitle {
  color: #d48529;
}
.cid-uqJwwy16jG .copyright {
  color: #d48529;
}
.cid-uujwSkBTql .dropdown-item:before {
  font-family: MobiriseIcons !important;
  content: '\e966';
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.cid-uujwSkBTql .dropdown-item:not(:last-child) {
  border-bottom: 1px solid lightgray;
}
.cid-uujwSkBTql .dropdown-menu {
  padding: 0;
  background: #ffffff !important;
}
.cid-uujwSkBTql .dropdown-item {
  color: #000000 !important;
}
.cid-uujwSkBTql .dropdown-item:hover {
  color: #000000 !important;
}
.cid-uujwSkBTql .nav-link {
  position: relative;
  font-weight: 600;
}
.cid-uujwSkBTql .nav-link:hover {
  color: #ff6666 !important;
}
.cid-uujwSkBTql .btn-white {
  color: #d48529 !important;
}
.cid-uujwSkBTql .btn:hover {
  border-color: #ff6666 !important;
  color: #ff6666 !important;
}
.cid-uujwSkBTql .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-uujwSkBTql .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-uujwSkBTql .container {
  display: flex;
  margin: auto;
}
.cid-uujwSkBTql .navbar.navbar-short .nav-link,
.cid-uujwSkBTql .navbar.navbar-short .navbar-caption,
.cid-uujwSkBTql .navbar.navbar-short .mbr-iconfont {
  color: #d48529 !important;
  border-color: transparent;
}
.cid-uujwSkBTql .navbar.navbar-short .hamburger span {
  background: #d48529 !important;
}
.cid-uujwSkBTql .navbar-caption {
  padding-right: 3rem;
}
.cid-uujwSkBTql .navbar.opened {
  background: #f0f0f0 !important;
}
.cid-uujwSkBTql .nav-item:focus,
.cid-uujwSkBTql .nav-link:focus {
  outline: none;
}
.cid-uujwSkBTql .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.cid-uujwSkBTql .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-uujwSkBTql .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-left: -1.8rem;
  padding-right: 1rem;
  font-size: inherit;
}
.cid-uujwSkBTql .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.cid-uujwSkBTql .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-uujwSkBTql .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.5em 1.5em 0.5em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-uujwSkBTql .navbar {
  min-height: 77px;
  transition: all 0.3s;
  background: #f0f0f0;
}
.cid-uujwSkBTql .navbar.opened {
  transition: all 0.3s;
}
.cid-uujwSkBTql .navbar .dropdown-item {
  padding: 0.5rem 1.5rem;
}
.cid-uujwSkBTql .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-uujwSkBTql .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-uujwSkBTql .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-uujwSkBTql .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 3.8rem);
  }
}
.cid-uujwSkBTql .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-uujwSkBTql .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-uujwSkBTql .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle='dropdown-submenu']:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 55%;
}
.cid-uujwSkBTql .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-uujwSkBTql .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-uujwSkBTql .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-uujwSkBTql .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-uujwSkBTql .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-uujwSkBTql .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-uujwSkBTql .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-uujwSkBTql .navbar .dropdown-menu .dropdown-toggle[data-toggle='dropdown-submenu']:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 55%;
  }
  .cid-uujwSkBTql .navbar .navbar-logo img {
    height: 3.8rem !important;
  }
  .cid-uujwSkBTql .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-uujwSkBTql .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-uujwSkBTql .navbar .navbar-brand {
    -webkit-flex-shrink: initial;
    flex-shrink: initial;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-uujwSkBTql .navbar .navbar-toggler {
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
  .cid-uujwSkBTql .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.cid-uujwSkBTql .navbar.navbar-short {
  background: #f0f0f0 !important;
  min-height: 60px;
}
.cid-uujwSkBTql .navbar.navbar-short .navbar-logo img {
  height: 3rem !important;
}
.cid-uujwSkBTql .navbar.navbar-short .navbar-brand {
  padding: 0;
}
.cid-uujwSkBTql .navbar-brand {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 0;
  padding: 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-uujwSkBTql .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-uujwSkBTql .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-uujwSkBTql .dropdown-item.active,
.cid-uujwSkBTql .dropdown-item:active {
  background-color: transparent;
}
.cid-uujwSkBTql .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-uujwSkBTql .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-uujwSkBTql .nav-dropdown .link.dropdown-toggle[aria-expanded='true'] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-uujwSkBTql .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #f0f0f0;
}
.cid-uujwSkBTql .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-uujwSkBTql .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-uujwSkBTql ul.navbar-nav {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cid-uujwSkBTql .navbar-buttons {
  text-align: center;
}
.cid-uujwSkBTql button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  -webkit-align-self: center;
  align-self: center;
}
.cid-uujwSkBTql button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-uujwSkBTql button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-uujwSkBTql button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uujwSkBTql button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uujwSkBTql button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-uujwSkBTql nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uujwSkBTql nav.opened .hamburger span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-uujwSkBTql nav.opened .hamburger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-uujwSkBTql nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uujwSkBTql .navbar-dropdown {
  padding: 0.5rem 1rem;
  position: fixed;
}
.cid-uujwSkBTql a.nav-link {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.cid-uujwSkBTql .mbr-iconfont {
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-uujwSkBTql .icons-menu {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
.cid-uujwSkBTql .icons-menu span {
  font-size: 20px;
  color: #ffffff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-uujwSkBTql .navbar {
    height: 77px;
  }
  .cid-uujwSkBTql .navbar.opened {
    height: auto;
  }
  .cid-uujwSkBTql .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
.cid-uuv2NZmAJp {
  background-color: #bed3f9;
}
.cid-uuv2NZmAJp .mbr-fallback-image.disabled {
  display: none;
}
.cid-uuv2NZmAJp .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uuv2NZmAJp .row {
  flex-direction: row-reverse;
}
@media (max-width: 991px) {
  .cid-uuv2NZmAJp .image-wrapper {
    margin-bottom: 2rem;
  }
}
.cid-uuv2NZmAJp .image-wrapper img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .cid-uuv2NZmAJp .text-wrapper {
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  .cid-uuv2NZmAJp .text-wrapper {
    margin-bottom: 2rem;
  }
}
.cid-uuv2NZmAJp .mbr-section-title {
  color: #d48529;
}
.cid-uuv81kO7dZ {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background-image: url("../../../assets/images/background3.webp");
}
.cid-uuv81kO7dZ .mbr-overlay {
  background: #fafafa;
  opacity: 0.6;
}
.cid-uuv81kO7dZ img,
.cid-uuv81kO7dZ .item-img {
  width: 100%;
  height: 100%;
  height: 300px;
  object-fit: cover;
}
.cid-uuv81kO7dZ .item:focus,
.cid-uuv81kO7dZ span:focus {
  outline: none;
}
.cid-uuv81kO7dZ .item {
  cursor: pointer;
  margin-bottom: 2rem;
}
.cid-uuv81kO7dZ .item-wrapper {
  position: relative;
  border-radius: 4px;
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 992px) {
  .cid-uuv81kO7dZ .item-wrapper .item-content {
    padding: 2rem;
  }
}
@media (max-width: 991px) {
  .cid-uuv81kO7dZ .item-wrapper .item-content {
    padding: 1rem;
  }
}
.cid-uuv81kO7dZ .mbr-section-btn {
  margin-top: auto !important;
}
.cid-uuv81kO7dZ .mbr-section-title {
  color: #232323;
}
.cid-uuv81kO7dZ .mbr-text,
.cid-uuv81kO7dZ .mbr-section-btn {
  text-align: left;
}
.cid-uuv81kO7dZ .item-title {
  text-align: left;
}
.cid-uuv81kO7dZ .item-subtitle {
  text-align: left;
  color: #bbbbbb;
}
.cid-uujcz4dLtH {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #212428;
}
.cid-uujcz4dLtH .image-block {
  margin: auto;
  height: 550px;
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
}
.cid-uujcz4dLtH .image-block:hover img {
  transform: scale(1.1);
}
.cid-uujcz4dLtH .wrap {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 2rem;
  transition: all 0.3s;
  z-index: 3;
}
.cid-uujcz4dLtH img {
  width: 100%;
  height: 100%;
  transition: all 2s;
  object-fit: cover;
}
@media (max-width: 992px) {
  .cid-uujcz4dLtH .image-block {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .cid-uujcz4dLtH .wrap {
    opacity: 1 !important;
  }
  .cid-uujcz4dLtH .image-block:before {
    opacity: 0.2 !important;
  }
  .cid-uujcz4dLtH .sm-pb {
    margin-bottom: 1rem;
  }
}
.cid-uujcz4dLtH P {
  color: #bbbbbb;
}
.cid-uujcz4dLtH .mbr-fallback-image.disabled {
  display: none;
}
.cid-uujcz4dLtH .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uujcz4dLtH H4 {
  color: #d48529;
}
.cid-uuOqEtZ4rz {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-image: url("../../../assets/images/mbr-4-1920x1280.webp");
}
.cid-uuOqEtZ4rz .mbr-fallback-image.disabled {
  display: none;
}
.cid-uuOqEtZ4rz .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uuOqEtZ4rz .container-fluid {
  position: relative;
  z-index: 1;
  padding: 0 60px;
}
@media (max-width: 1440px) {
  .cid-uuOqEtZ4rz .container-fluid {
    padding: 0 42px;
  }
}
@media (max-width: 992px) {
  .cid-uuOqEtZ4rz .container-fluid {
    padding: 0 16px;
  }
}
@media (max-width: 992px) {
  .cid-uuOqEtZ4rz .container {
    padding: 0 16px;
  }
}
.cid-uuOqEtZ4rz .card {
  justify-content: center;
}
.cid-uuOqEtZ4rz .card:first-child {
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .cid-uuOqEtZ4rz .content-wrapper {
    margin-bottom: 32px;
  }
}
.cid-uuOqEtZ4rz .content-wrapper .mbr-section-title {
  margin-bottom: 24px;
}
.cid-uuOqEtZ4rz .content-wrapper .mbr-text {
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .cid-uuOqEtZ4rz .content-wrapper .mbr-text {
    margin-bottom: 16px;
  }
}
.cid-uuOqEtZ4rz .image-wrapper {
  display: flex;
  justify-content: center;
}
.cid-uuOqEtZ4rz .image-wrapper .image-wrap {
  position: relative;
  border: 2px solid #bbbbbb;
  border-radius: 3rem !important;
  width: 332px;
  height: 690px;
  display: flex;
  justify-content: center;
  background-color: #bbbbbb;
  box-shadow: 25px 60px 60px #232323;
}
.cid-uuOqEtZ4rz .image-wrapper .image-wrap::before {
  content: '';
  position: absolute;
  top: 16px;
  width: 98px;
  height: 28px;
  border-radius: 1rem;
  background-color: #000000;
}
@media (max-width: 1200px) {
  .cid-uuOqEtZ4rz .image-wrapper .image-wrap::before {
    top: 13px;
    width: 68px;
    height: 22px;
  }
}
@media (max-width: 1200px) {
  .cid-uuOqEtZ4rz .image-wrapper .image-wrap {
    width: 232px;
    height: 460px;
  }
}
.cid-uuOqEtZ4rz .image-wrapper .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 7px solid #000000;
  border-radius: 3rem !important;
}
.cid-uuOqEtZ4rz .text-background {
  background-color: rgba(212, 133, 41, 0.7);
  padding: 20px;
  border-radius: 10px;
  display: inline-block;
}
.cid-uuOqEtZ4rz .mbr-section-title,
.cid-uuOqEtZ4rz .mbr-text {
  color: #ffffff;
}
.cid-uuOqEtZ4rz .mbr-text {
  color: #ffffff;
}
.cid-uuOqEtZ4rz .mbr-section-title,
.cid-uuOqEtZ4rz .mbr-section-btn {
  color: #ffffff;
  text-align: center;
}
.cid-uBtU2WHnQW .smaller-text {
  font-size: 0.6em;
}
.cid-uBtU2WHnQW .pricing3 {
  border: 2px solid red;
  background-color: lightyellow;
}
.cid-uBtU2WHnQW .plan-header h6 {
  font-size: 2rem;
  color: #d48529;
  font-weight: bold;
}
.cid-uBtU2WHnQW .plan {
  border-radius: 2rem;
  background: #ffffff;
  padding: 2.5rem;
  word-break: break-word;
  border: 2px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.cid-uBtU2WHnQW .plan-list ul {
  padding-left: 0;
  list-style: none;
}
.cid-uBtU2WHnQW .plan-list .list-group-item::before {
  content: '★';
  font-size: 1.2rem;
  color: #d48529;
  margin-right: 10px;
  font-weight: bold;
}
.cid-uBtU2WHnQW .list-group-item {
  background-color: transparent;
  color: #000000;
  text-align: left;
}
.cid-uBtU2WHnQW .plan-header {
  padding-bottom: 0.5rem;
}
.cid-uBtU2WHnQW .plan-body {
  padding-top: 0.5rem;
  flex-grow: 1;
}
.cid-uBtU2WHnQW .plan .mbr-card-text {
  margin-bottom: 0.5rem;
}
.cid-uBtU2WHnQW .price {
  font-size: 1.5rem;
  color: #d48529;
  font-weight: bold;
}
.cid-uBtU2WHnQW .price-term {
  color: #6e6e6e;
}
.cid-uBtU2WHnQW .mbr-card-text {
  color: #6e6e6e;
}
.cid-uBtU2WHnQW .mbr-section-btn {
  display: flex;
  justify-content: center;
}
.cid-uBtU2WHnQW .mbr-section-btn a.btn-primary {
  background-color: #28a745;
}
.cid-uBtU2WHnQW .unavailable {
  text-decoration: line-through;
  color: #999;
}
@media (max-width: 767px) {
  .cid-uBtU2WHnQW .plan {
    padding: 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-uBtU2WHnQW .plan {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-uBtU2WHnQW .plan {
    display: inline-block;
    width: 100%;
  }
}
.cid-uBtU2WHnQW .btn .fas {
  margin-left: 10px;
}
.cid-uBtU2WHnQW .original-price {
  text-decoration: line-through;
  color: #888;
  margin-right: 5px;
  display: inline;
}
.cid-uBtU2WHnQW .payment-methods {
  text-align: center;
  margin-top: 30px;
}
.cid-uBtU2WHnQW .payment-banners {
  width: 30%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.cid-uuwSoxPD5S {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: #f0f0f0;
}
@media (max-width: 767px) {
  .cid-uuwSoxPD5S .media-wrap {
    margin-bottom: 1rem;
    text-align: center;
  }
}
.cid-uuwSoxPD5S .mbr-text {
  color: #767676;
}
@media (max-width: 767px) {
  .cid-uuwSoxPD5S .links {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .cid-uuwSoxPD5S .footer-lower .copyright {
    margin-bottom: 1rem;
    text-align: center;
  }
}
.cid-uuwSoxPD5S .footer-lower hr {
  margin: 1rem 0;
  border-color: #000;
  opacity: 0.05;
}
.cid-uuwSoxPD5S .footer-lower .social-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.cid-uuwSoxPD5S .footer-lower .social-list .mbr-iconfont-social {
  font-size: 1.3rem;
  color: #232323;
}
.cid-uuwSoxPD5S .footer-lower .social-list .soc-item {
  margin: 0 0.5rem;
}
.cid-uuwSoxPD5S .footer-lower .social-list a {
  margin: 0;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.cid-uuwSoxPD5S .footer-lower .social-list a:hover {
  opacity: 1;
}
@media (max-width: 767px) {
  .cid-uuwSoxPD5S .footer-lower .social-list {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.cid-uuwSoxPD5S .copyright > p {
  color: #d48529;
}
.cid-uuzullSaep .float {
  position: fixed;
  width: 56px;
  height: 55px;
  bottom: 29px;
  right: 18px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 68px;
  text-align: center;
  font-size: 34px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.cid-uuzullSaep .my-float {
  margin-top: 16px;
}
.cid-uuzullSaep P {
  color: #232323;
}
.cid-uuzullSaep DIV {
  color: #ffffff;
}
.cid-uuzullSaep H10 {
  color: #767676;
}
.cid-uuzullSaep .hidden {
  display: none;
}
.cid-uuzum9iNfP .float {
  width: 59px;
  height: 63px;
  bottom: 110px;
  right: 17px;
  background-color: #d48529;
  color: #ffffff;
  border-radius: 38px;
  font-size: 36px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  position: fixed;
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: center;
}
.cid-uuzum9iNfP .my-float {
  margin-top: 16px;
}
.cid-uuzum9iNfP P {
  color: #232323;
}
.cid-uuzum9iNfP DIV {
  color: #ffffff;
}
.cid-uuzum9iNfP H10 {
  color: #767676;
}
.cid-uuzum9iNfP .hidden {
  display: none;
}
.cid-uv8PCJ73vA .dropdown-item:before {
  font-family: MobiriseIcons !important;
  content: '\e966';
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.cid-uv8PCJ73vA .dropdown-item:not(:last-child) {
  border-bottom: 1px solid lightgray;
}
.cid-uv8PCJ73vA .dropdown-menu {
  padding: 0;
  background: #ffffff !important;
}
.cid-uv8PCJ73vA .dropdown-item {
  color: #000000 !important;
}
.cid-uv8PCJ73vA .dropdown-item:hover {
  color: #000000 !important;
}
.cid-uv8PCJ73vA .nav-link {
  position: relative;
  font-weight: 600;
}
.cid-uv8PCJ73vA .nav-link:hover {
  color: #ff6666 !important;
}
.cid-uv8PCJ73vA .btn-white {
  color: #d48529 !important;
}
.cid-uv8PCJ73vA .btn:hover {
  border-color: #ff6666 !important;
  color: #ff6666 !important;
}
.cid-uv8PCJ73vA .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-uv8PCJ73vA .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-uv8PCJ73vA .container {
  display: flex;
  margin: auto;
}
.cid-uv8PCJ73vA .navbar.navbar-short .nav-link,
.cid-uv8PCJ73vA .navbar.navbar-short .navbar-caption,
.cid-uv8PCJ73vA .navbar.navbar-short .mbr-iconfont {
  color: #d48529 !important;
  border-color: transparent;
}
.cid-uv8PCJ73vA .navbar.navbar-short .hamburger span {
  background: #d48529 !important;
}
.cid-uv8PCJ73vA .navbar-caption {
  padding-right: 3rem;
}
.cid-uv8PCJ73vA .navbar.opened {
  background: #f0f0f0 !important;
}
.cid-uv8PCJ73vA .nav-item:focus,
.cid-uv8PCJ73vA .nav-link:focus {
  outline: none;
}
.cid-uv8PCJ73vA .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.cid-uv8PCJ73vA .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-uv8PCJ73vA .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-left: -1.8rem;
  padding-right: 1rem;
  font-size: inherit;
}
.cid-uv8PCJ73vA .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.cid-uv8PCJ73vA .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-uv8PCJ73vA .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.5em 1.5em 0.5em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-uv8PCJ73vA .navbar {
  min-height: 77px;
  transition: all 0.3s;
  background: #f0f0f0;
}
.cid-uv8PCJ73vA .navbar.opened {
  transition: all 0.3s;
}
.cid-uv8PCJ73vA .navbar .dropdown-item {
  padding: 0.5rem 1.5rem;
}
.cid-uv8PCJ73vA .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-uv8PCJ73vA .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-uv8PCJ73vA .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-uv8PCJ73vA .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 3.8rem);
  }
}
.cid-uv8PCJ73vA .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-uv8PCJ73vA .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-uv8PCJ73vA .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle='dropdown-submenu']:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 55%;
}
.cid-uv8PCJ73vA .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-uv8PCJ73vA .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-uv8PCJ73vA .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-uv8PCJ73vA .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-uv8PCJ73vA .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-uv8PCJ73vA .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-uv8PCJ73vA .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-uv8PCJ73vA .navbar .dropdown-menu .dropdown-toggle[data-toggle='dropdown-submenu']:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 55%;
  }
  .cid-uv8PCJ73vA .navbar .navbar-logo img {
    height: 3.8rem !important;
  }
  .cid-uv8PCJ73vA .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-uv8PCJ73vA .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-uv8PCJ73vA .navbar .navbar-brand {
    -webkit-flex-shrink: initial;
    flex-shrink: initial;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-uv8PCJ73vA .navbar .navbar-toggler {
    -webkit-flex-basis: auto;
    flex-basis: auto;
  }
  .cid-uv8PCJ73vA .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.cid-uv8PCJ73vA .navbar.navbar-short {
  background: #f0f0f0 !important;
  min-height: 60px;
}
.cid-uv8PCJ73vA .navbar.navbar-short .navbar-logo img {
  height: 3rem !important;
}
.cid-uv8PCJ73vA .navbar.navbar-short .navbar-brand {
  padding: 0;
}
.cid-uv8PCJ73vA .navbar-brand {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 0;
  padding: 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-uv8PCJ73vA .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-uv8PCJ73vA .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-uv8PCJ73vA .dropdown-item.active,
.cid-uv8PCJ73vA .dropdown-item:active {
  background-color: transparent;
}
.cid-uv8PCJ73vA .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-uv8PCJ73vA .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-uv8PCJ73vA .nav-dropdown .link.dropdown-toggle[aria-expanded='true'] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-uv8PCJ73vA .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #f0f0f0;
}
.cid-uv8PCJ73vA .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-uv8PCJ73vA .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-uv8PCJ73vA ul.navbar-nav {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cid-uv8PCJ73vA .navbar-buttons {
  text-align: center;
}
.cid-uv8PCJ73vA button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  -webkit-align-self: center;
  align-self: center;
}
.cid-uv8PCJ73vA button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-uv8PCJ73vA button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-uv8PCJ73vA button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uv8PCJ73vA button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uv8PCJ73vA button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-uv8PCJ73vA nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uv8PCJ73vA nav.opened .hamburger span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-uv8PCJ73vA nav.opened .hamburger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-uv8PCJ73vA nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uv8PCJ73vA .navbar-dropdown {
  padding: 0.5rem 1rem;
  position: fixed;
}
.cid-uv8PCJ73vA a.nav-link {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.cid-uv8PCJ73vA .mbr-iconfont {
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-uv8PCJ73vA .icons-menu {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
.cid-uv8PCJ73vA .icons-menu span {
  font-size: 20px;
  color: #ffffff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-uv8PCJ73vA .navbar {
    height: 77px;
  }
  .cid-uv8PCJ73vA .navbar.opened {
    height: auto;
  }
  .cid-uv8PCJ73vA .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
#custom-html-6a {
  /* Type valid CSS here */
}
#custom-html-6a div {
  padding: 80px 0;
  color: #777;
  text-align: center;
}
#custom-html-6a p {
  font-size: 60px;
  color: #777;
}
#custom-html-6b {
  /* Type valid CSS here */
}
#custom-html-6b div {
  padding: 80px 0;
  color: #777;
  text-align: center;
}
#custom-html-6b p {
  font-size: 60px;
  color: #000;
}
#custom-html-6c {
  /* Type valid CSS here */
}
#custom-html-6c div {
  padding: 80px 0;
  color: #777;
  text-align: center;
}
#custom-html-6c p {
  font-size: 60px;
  color: #777;
}
#custom-html-68 .smaller-text {
  font-size: 0.8em;
}
#custom-html-68 .pricing3 {
  background-color: lightyellow;
}
#custom-html-68 .plan-header h6 {
  font-size: 2rem;
  color: #d48529;
  font-weight: bold;
}
#custom-html-68 .plan {
  border-radius: 2rem;
  background: #ffffff;
  padding: 2.5rem;
  word-break: break-word;
  border: 2px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#custom-html-68 .plan-list ul {
  padding-left: 0;
  list-style: none;
}
#custom-html-68 .plan-list .list-group-item::before {
  content: '★';
  font-size: 1.2rem;
  color: #d48529;
  margin-right: 10px;
  font-weight: bold;
}
#custom-html-68 .list-group-item {
  background-color: transparent;
  color: #000000;
  text-align: left;
}
#custom-html-68 .plan-header {
  padding-bottom: 0.5rem;
}
#custom-html-68 .plan-body {
  padding-top: 0.5rem;
  flex-grow: 1;
}
#custom-html-68 .plan .mbr-card-text {
  margin-bottom: 0.5rem;
}
#custom-html-68 .price {
  font-size: 1.5rem;
  color: #d48529;
  font-weight: bold;
}
#custom-html-68 .price-term {
  color: #6e6e6e;
}
#custom-html-68 .mbr-card-text {
  color: #6e6e6e;
}
#custom-html-68 .mbr-section-btn {
  display: flex;
  justify-content: center;
}
#custom-html-68 .mbr-section-btn a.btn-primary {
  background-color: #28a745;
}
#custom-html-68 .unavailable {
  text-decoration: line-through;
  color: #999;
}
@media (max-width: 767px) {
  #custom-html-68 .plan {
    padding: 2rem 1rem;
  }
}
@media (max-width: 991px) {
  #custom-html-68 .plan {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  #custom-html-68 .plan {
    display: inline-block;
    width: 100%;
  }
}
#custom-html-68 .btn .fas {
  margin-left: 10px;
}
#custom-html-68 .original-price {
  text-decoration: line-through;
  color: #888;
  margin-right: 5px;
  display: inline;
}
#custom-html-68 .payment-methods {
  text-align: center;
  margin-top: 30px;
}
#custom-html-68 .payment-banners {
  width: 30%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.cid-uv8PCOsbiU {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: #f0f0f0;
}
@media (max-width: 767px) {
  .cid-uv8PCOsbiU .media-wrap {
    margin-bottom: 1rem;
    text-align: center;
  }
}
.cid-uv8PCOsbiU .mbr-text {
  color: #767676;
}
@media (max-width: 767px) {
  .cid-uv8PCOsbiU .links {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .cid-uv8PCOsbiU .footer-lower .copyright {
    margin-bottom: 1rem;
    text-align: center;
  }
}
.cid-uv8PCOsbiU .footer-lower hr {
  margin: 1rem 0;
  border-color: #000;
  opacity: 0.05;
}
.cid-uv8PCOsbiU .footer-lower .social-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.cid-uv8PCOsbiU .footer-lower .social-list .mbr-iconfont-social {
  font-size: 1.3rem;
  color: #232323;
}
.cid-uv8PCOsbiU .footer-lower .social-list .soc-item {
  margin: 0 0.5rem;
}
.cid-uv8PCOsbiU .footer-lower .social-list a {
  margin: 0;
  opacity: 0.5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}
.cid-uv8PCOsbiU .footer-lower .social-list a:hover {
  opacity: 1;
}
@media (max-width: 767px) {
  .cid-uv8PCOsbiU .footer-lower .social-list {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.cid-uv8PCOsbiU .copyright > p {
  color: #d48529;
}
.cid-uv8PCPg1IH .float {
  position: fixed;
  width: 56px;
  height: 55px;
  bottom: 29px;
  right: 18px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 68px;
  text-align: center;
  font-size: 34px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.cid-uv8PCPg1IH .my-float {
  margin-top: 16px;
}
.cid-uv8PCPg1IH P {
  color: #232323;
}
.cid-uv8PCPg1IH DIV {
  color: #ffffff;
}
.cid-uv8PCPg1IH H10 {
  color: #767676;
}
.cid-uv8PCPg1IH .hidden {
  display: none;
}
#custom-html-6d {
  /* Adicionar estilos para logo */
  /* Estilo para o texto introdutório */
  /* Estilo para os termos */
}
#custom-html-6d * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-6d html,
#custom-html-6d body {
  height: 100%;
  /* Garante que o body ocupe 100% da altura da janela */
  width: 100%;
  /* Garante que o body ocupe 100% da largura */
}
#custom-html-6d body {
  font-family: 'Arial', sans-serif;
  /* Substitua pelo caminho da sua imagem */
  background-size: cover;
  /* Faz a imagem cobrir toda a tela */
  background-position: center;
  /* Centraliza a imagem */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
  margin: 0;
  /* Remove qualquer margem padrão */
}
#custom-html-6d .container {
  background-color: rgba(255, 255, 255, 0.9);
  /* Torna o fundo da container semi-transparente */
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  /* Define um tamanho máximo para o container */
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
#custom-html-6d h1 {
  margin-bottom: 20px;
  color: #333;
}
#custom-html-6d .payment-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
#custom-html-6d .input-group {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#custom-html-6d .input-group label {
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}
#custom-html-6d .input-group input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}
#custom-html-6d .input-group input:focus {
  border-color: #00A651;
  outline: none;
}
#custom-html-6d .botao-pagar {
  padding: 12px;
  background-color: #00A651;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
#custom-html-6d .botao-pagar:hover {
  background-color: #00843D;
}
@media (max-width: 600px) {
  #custom-html-6d .container {
    padding: 15px;
  }
  #custom-html-6d .input-group input {
    font-size: 14px;
  }
  #custom-html-6d .botao-pagar {
    font-size: 14px;
  }
}
#custom-html-6d .valor-informativo {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}
#custom-html-6d .icon-pagar {
  font-size: 1.5em;
  margin-right: 8px;
}
#custom-html-6d .logo {
  margin-bottom: 15px;
}
#custom-html-6d .logo-img {
  max-width: 200px;
  height: auto;
}
#custom-html-6d .intro-text {
  font-size: 0.9em;
  margin-bottom: 20px;
  color: #555;
}
#custom-html-6d .termos textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  resize: none;
}
#custom-html-6d .termos label {
  font-size: 0.9em;
}
#custom-html-6d .botao-pagar[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
#custom-html-6e {
  /* Adicionar estilos para logo */
  /* Estilo para o texto introdutório */
  /* Estilo para os termos */
}
#custom-html-6e * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-6e html,
#custom-html-6e body {
  height: 100%;
  /* Garante que o body ocupe 100% da altura da janela */
  width: 100%;
  /* Garante que o body ocupe 100% da largura */
}
#custom-html-6e body {
  font-family: 'Arial', sans-serif;
  /* Substitua pelo caminho da sua imagem */
  background-size: cover;
  /* Faz a imagem cobrir toda a tela */
  background-position: center;
  /* Centraliza a imagem */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
  margin: 0;
  /* Remove qualquer margem padrão */
}
#custom-html-6e .container {
  background-color: rgba(255, 255, 255, 0.9);
  /* Torna o fundo da container semi-transparente */
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  /* Define um tamanho máximo para o container */
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
#custom-html-6e h1 {
  margin-bottom: 20px;
  color: #333;
}
#custom-html-6e .payment-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
#custom-html-6e .input-group {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#custom-html-6e .input-group label {
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}
#custom-html-6e .input-group input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}
#custom-html-6e .input-group input:focus {
  border-color: #00A651;
  outline: none;
}
#custom-html-6e .botao-pagar {
  padding: 12px;
  background-color: #00A651;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
#custom-html-6e .botao-pagar:hover {
  background-color: #00843D;
}
@media (max-width: 600px) {
  #custom-html-6e .container {
    padding: 15px;
  }
  #custom-html-6e .input-group input {
    font-size: 14px;
  }
  #custom-html-6e .botao-pagar {
    font-size: 14px;
  }
}
#custom-html-6e .valor-informativo {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}
#custom-html-6e .icon-pagar {
  font-size: 1.5em;
  margin-right: 8px;
}
#custom-html-6e .logo {
  margin-bottom: 15px;
}
#custom-html-6e .logo-img {
  max-width: 200px;
  height: auto;
}
#custom-html-6e .intro-text {
  font-size: 0.9em;
  margin-bottom: 20px;
  color: #555;
}
#custom-html-6e .termos textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  resize: none;
}
#custom-html-6e .termos label {
  font-size: 0.9em;
}
#custom-html-6e .botao-pagar[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
#custom-html-6f {
  /* Adicionar estilos para logo */
  /* Estilo para o texto introdutório */
  /* Estilo para os termos */
}
#custom-html-6f * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-6f html,
#custom-html-6f body {
  height: 100%;
  /* Garante que o body ocupe 100% da altura da janela */
  width: 100%;
  /* Garante que o body ocupe 100% da largura */
}
#custom-html-6f body {
  font-family: 'Arial', sans-serif;
  /* Substitua pelo caminho da sua imagem */
  background-size: cover;
  /* Faz a imagem cobrir toda a tela */
  background-position: center;
  /* Centraliza a imagem */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
  margin: 0;
  /* Remove qualquer margem padrão */
}
#custom-html-6f .container {
  background-color: rgba(255, 255, 255, 0.9);
  /* Torna o fundo da container semi-transparente */
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  /* Define um tamanho máximo para o container */
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
#custom-html-6f h1 {
  margin-bottom: 20px;
  color: #333;
}
#custom-html-6f .payment-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
#custom-html-6f .input-group {
  display: flex;
  flex-direction: column;
  text-align: left;
}
#custom-html-6f .input-group label {
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}
#custom-html-6f .input-group input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}
#custom-html-6f .input-group input:focus {
  border-color: #00A651;
  outline: none;
}
#custom-html-6f .botao-pagar {
  padding: 12px;
  background-color: #00A651;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
#custom-html-6f .botao-pagar:hover {
  background-color: #00843D;
}
@media (max-width: 600px) {
  #custom-html-6f .container {
    padding: 15px;
  }
  #custom-html-6f .input-group input {
    font-size: 14px;
  }
  #custom-html-6f .botao-pagar {
    font-size: 14px;
  }
}
#custom-html-6f .valor-informativo {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}
#custom-html-6f .icon-pagar {
  font-size: 1.5em;
  margin-right: 8px;
}
#custom-html-6f .logo {
  margin-bottom: 15px;
}
#custom-html-6f .logo-img {
  max-width: 200px;
  height: auto;
}
#custom-html-6f .intro-text {
  font-size: 0.9em;
  margin-bottom: 20px;
  color: #555;
}
#custom-html-6f .termos textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  resize: none;
}
#custom-html-6f .termos label {
  font-size: 0.9em;
}
#custom-html-6f .botao-pagar[disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
.cid-uvbiDe44yX {
  z-index: 1000;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.cid-uvbiDe44yX nav.navbar {
  position: fixed;
}
.cid-uvbiDe44yX .dropdown-item:before {
  font-family: Moririse2 !important;
  content: "\e966";
  display: inline-block;
  width: 0;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin-right: 0.5rem;
  line-height: 1;
  font-size: inherit;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  transform: scale(0, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uvbiDe44yX .dropdown-menu {
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.cid-uvbiDe44yX .dropdown-item {
  border-bottom: 1px solid #e6e6e6;
}
.cid-uvbiDe44yX .dropdown-item:hover,
.cid-uvbiDe44yX .dropdown-item:focus {
  background: #d48529 !important;
  color: white !important;
}
.cid-uvbiDe44yX .dropdown-item:hover span {
  color: white;
}
.cid-uvbiDe44yX .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cid-uvbiDe44yX .dropdown-item:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cid-uvbiDe44yX .nav-dropdown .link {
  padding: 0 0.3em !important;
  margin: 0.667em 1em !important;
}
.cid-uvbiDe44yX .nav-dropdown .link.dropdown-toggle::after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.cid-uvbiDe44yX .nav-link {
  position: relative;
}
.cid-uvbiDe44yX .container {
  display: flex;
  margin: auto;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uvbiDe44yX .container {
    flex-wrap: wrap;
  }
}
.cid-uvbiDe44yX .container-fluid {
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .cid-uvbiDe44yX .container-fluid {
    flex-wrap: wrap;
  }
}
.cid-uvbiDe44yX .iconfont-wrapper {
  color: #000000 !important;
  font-size: 1.5rem;
  padding-right: 0.5rem;
}
.cid-uvbiDe44yX .dropdown-menu,
.cid-uvbiDe44yX .navbar.opened {
  background: #fffff0 !important;
}
.cid-uvbiDe44yX .nav-item:focus,
.cid-uvbiDe44yX .nav-link:focus {
  outline: none;
}
.cid-uvbiDe44yX .dropdown .dropdown-menu .dropdown-item {
  width: auto;
  transition: all 0.25s ease-in-out;
}
.cid-uvbiDe44yX .dropdown .dropdown-menu .dropdown-item::after {
  right: 0.5rem;
}
.cid-uvbiDe44yX .dropdown .dropdown-menu .dropdown-item .mbr-iconfont {
  margin-right: 0.5rem;
  vertical-align: sub;
}
.cid-uvbiDe44yX .dropdown .dropdown-menu .dropdown-item .mbr-iconfont:before {
  display: inline-block;
  transform: scale(1, 1);
  transition: all 0.25s ease-in-out;
}
.cid-uvbiDe44yX .collapsed .dropdown-menu .dropdown-item:before {
  display: none;
}
.cid-uvbiDe44yX .collapsed .dropdown .dropdown-menu .dropdown-item {
  padding: 0.235em 1.5em 0.235em 1.5em !important;
  transition: none;
  margin: 0 !important;
}
.cid-uvbiDe44yX .navbar {
  min-height: 70px;
  transition: all 0.3s;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: #fffff0;
}
.cid-uvbiDe44yX .navbar.opened {
  transition: all 0.3s;
}
.cid-uvbiDe44yX .navbar .dropdown-item {
  padding: 0.5rem 1.8rem;
}
.cid-uvbiDe44yX .navbar .navbar-logo img {
  width: auto;
}
.cid-uvbiDe44yX .navbar .navbar-collapse {
  justify-content: flex-end;
  z-index: 1;
}
.cid-uvbiDe44yX .navbar.collapsed {
  justify-content: center;
}
.cid-uvbiDe44yX .navbar.collapsed .nav-item .nav-link::before {
  display: none;
}
.cid-uvbiDe44yX .navbar.collapsed.opened .dropdown-menu {
  top: 0;
}
@media (min-width: 992px) {
  .cid-uvbiDe44yX .navbar.collapsed.opened:not(.navbar-short) .navbar-collapse {
    max-height: calc(98.5vh - 4.4rem);
  }
}
.cid-uvbiDe44yX .navbar.collapsed .dropdown-menu .dropdown-submenu {
  left: 0 !important;
}
.cid-uvbiDe44yX .navbar.collapsed .dropdown-menu .dropdown-item:after {
  right: auto;
}
.cid-uvbiDe44yX .navbar.collapsed .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  border-top: 0.35em solid;
  border-right: 0.35em solid transparent;
  border-left: 0.35em solid transparent;
  border-bottom: 0;
  top: 41%;
}
.cid-uvbiDe44yX .navbar.collapsed ul.navbar-nav li {
  margin: auto;
}
.cid-uvbiDe44yX .navbar.collapsed .dropdown-menu .dropdown-item {
  padding: 0.25rem 1.5rem;
  text-align: center;
}
.cid-uvbiDe44yX .navbar.collapsed .icons-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 991px) {
  .cid-uvbiDe44yX .navbar .nav-item .nav-link::before {
    display: none;
  }
  .cid-uvbiDe44yX .navbar.opened .dropdown-menu {
    top: 0;
  }
  .cid-uvbiDe44yX .navbar .dropdown-menu .dropdown-submenu {
    left: 0 !important;
  }
  .cid-uvbiDe44yX .navbar .dropdown-menu .dropdown-item:after {
    right: auto;
  }
  .cid-uvbiDe44yX .navbar .dropdown-menu .dropdown-toggle[data-toggle="dropdown-submenu"]:after {
    margin-left: 0.5rem;
    margin-top: 0.2rem;
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    top: 40%;
  }
  .cid-uvbiDe44yX .navbar .navbar-logo img {
    height: 3rem !important;
  }
  .cid-uvbiDe44yX .navbar ul.navbar-nav li {
    margin: auto;
  }
  .cid-uvbiDe44yX .navbar .dropdown-menu .dropdown-item {
    padding: 0.25rem 1.5rem !important;
    text-align: center;
  }
  .cid-uvbiDe44yX .navbar .navbar-brand {
    flex-shrink: initial;
    flex-basis: auto;
    word-break: break-word;
    padding-right: 2rem;
  }
  .cid-uvbiDe44yX .navbar .navbar-toggler {
    flex-basis: auto;
  }
  .cid-uvbiDe44yX .navbar .icons-menu {
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .cid-uvbiDe44yX .navbar .navbar-brand {
    width: calc(100% - 31px);
  }
}
.cid-uvbiDe44yX .navbar.navbar-short {
  min-height: 60px;
}
.cid-uvbiDe44yX .navbar.navbar-short .navbar-logo img {
  height: 2.5rem !important;
}
.cid-uvbiDe44yX .navbar.navbar-short .navbar-brand {
  min-height: 60px;
  padding: 0;
}
.cid-uvbiDe44yX .navbar-brand {
  min-height: 70px;
  flex-shrink: 0;
  align-items: center;
  margin-right: 0;
  padding: 10px 0;
  transition: all 0.3s;
  word-break: break-word;
  z-index: 1;
}
.cid-uvbiDe44yX .navbar-brand .navbar-caption {
  line-height: inherit !important;
}
.cid-uvbiDe44yX .navbar-brand .navbar-logo a {
  outline: none;
}
.cid-uvbiDe44yX .dropdown-item.active,
.cid-uvbiDe44yX .dropdown-item:active {
  background-color: transparent;
}
.cid-uvbiDe44yX .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
}
.cid-uvbiDe44yX .nav-dropdown .link.dropdown-toggle {
  margin-right: 1.667em;
}
.cid-uvbiDe44yX .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: 0;
  padding: 0.667em 1.667em;
}
.cid-uvbiDe44yX .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: #fffff0;
}
.cid-uvbiDe44yX .navbar.navbar-expand-lg .dropdown .dropdown-menu .dropdown-submenu {
  margin: 0;
  left: 100%;
}
.cid-uvbiDe44yX .navbar .dropdown.open > .dropdown-menu {
  display: block;
}
.cid-uvbiDe44yX ul.navbar-nav {
  flex-wrap: wrap;
}
.cid-uvbiDe44yX .navbar-buttons {
  text-align: center;
  min-width: 170px;
}
.cid-uvbiDe44yX button.navbar-toggler {
  outline: none;
  width: 31px;
  height: 20px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  align-self: center;
}
.cid-uvbiDe44yX button.navbar-toggler .hamburger span {
  position: absolute;
  right: 0;
  width: 30px;
  height: 2px;
  border-right: 5px;
  background-color: #d48529;
}
.cid-uvbiDe44yX button.navbar-toggler .hamburger span:nth-child(1) {
  top: 0;
  transition: all 0.2s;
}
.cid-uvbiDe44yX button.navbar-toggler .hamburger span:nth-child(2) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uvbiDe44yX button.navbar-toggler .hamburger span:nth-child(3) {
  top: 8px;
  transition: all 0.15s;
}
.cid-uvbiDe44yX button.navbar-toggler .hamburger span:nth-child(4) {
  top: 16px;
  transition: all 0.2s;
}
.cid-uvbiDe44yX nav.opened .hamburger span:nth-child(1) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uvbiDe44yX nav.opened .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  transition: all 0.25s;
}
.cid-uvbiDe44yX nav.opened .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  transition: all 0.25s;
}
.cid-uvbiDe44yX nav.opened .hamburger span:nth-child(4) {
  top: 8px;
  width: 0;
  opacity: 0;
  right: 50%;
  transition: all 0.2s;
}
.cid-uvbiDe44yX .navbar-dropdown {
  padding: 0 1rem;
  position: fixed;
}
.cid-uvbiDe44yX a.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cid-uvbiDe44yX .icons-menu {
  flex-wrap: nowrap;
  display: flex;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.3rem;
  text-align: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cid-uvbiDe44yX .navbar {
    height: 70px;
  }
  .cid-uvbiDe44yX .navbar.opened {
    height: auto;
  }
  .cid-uvbiDe44yX .nav-item .nav-link:hover::before {
    width: 175%;
    max-width: calc(100% + 2rem);
    left: -1rem;
  }
}
#custom-html-6h {
  /* Estilos gerais para o bloco de agradecimento */
  /* Responsividade para dispositivos móveis */
}
#custom-html-6h .thank-you-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 20px;
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
}
#custom-html-6h .thank-you-content {
  text-align: center;
  background: #ffffff;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 100%;
}
#custom-html-6h .thank-you-content h1 {
  font-size: 2rem;
  color: #333;
  margin-bottom: 20px;
}
#custom-html-6h .thank-you-content p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 15px;
  line-height: 1.6;
}
#custom-html-6h .signature {
  font-style: italic;
  margin-top: 10px;
  color: #777;
}
#custom-html-6h .thank-you-button {
  display: inline-block;
  padding: 12px 24px;
  font-size: 1rem;
  color: #fff;
  background-color: #d48529;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-decoration: none;
}
#custom-html-6h .thank-you-button:hover {
  background-color: #005bb5;
}
@media (max-width: 600px) {
  #custom-html-6h .thank-you-content {
    padding: 20px;
  }
  #custom-html-6h .thank-you-content h1 {
    font-size: 1.5rem;
  }
  #custom-html-6h .thank-you-content p {
    font-size: 0.9rem;
  }
  #custom-html-6h .thank-you-button {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
}
.cid-uvbiDeGxoO {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #fffff0;
}
.cid-uvbiDeGxoO .mbr-fallback-image.disabled {
  display: none;
}
.cid-uvbiDeGxoO .mbr-fallback-image {
  display: block;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.cid-uvbiDeGxoO .media-wrap {
  padding: 0;
}
@media (max-width: 991px) {
  .cid-uvbiDeGxoO .media-wrap {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .cid-uvbiDeGxoO .row {
    text-align: center;
  }
  .cid-uvbiDeGxoO .row > div {
    margin: auto;
  }
  .cid-uvbiDeGxoO .social-row {
    justify-content: center;
  }
}
.cid-uvbiDeGxoO .social-row {
  display: flex;
  flex-wrap: wrap;
}
.cid-uvbiDeGxoO .list {
  list-style: none;
  padding-left: 0;
  color: #bbbbbb;
}
@media (max-width: 991px) {
  .cid-uvbiDeGxoO .list {
    margin-bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .cid-uvbiDeGxoO .list {
    margin-bottom: 0rem;
  }
}
.cid-uvbiDeGxoO .mbr-text {
  color: #232323;
}
.cid-uvbiDeGxoO .soc-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: white;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  padding: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
}
.cid-uvbiDeGxoO .mbr-iconfont {
  color: black;
}
@media (max-width: 991px) {
  .cid-uvbiDeGxoO div > *:last-child {
    margin-top: 0 !important;
  }
}
.cid-uvbiDeGxoO .mbr-section-subtitle {
  color: #d48529;
}
.cid-uvbiDeGxoO .copyright {
  color: #d48529;
}
.cid-uvbiDfamSv .float {
  position: fixed;
  width: 56px;
  height: 55px;
  bottom: 29px;
  right: 18px;
  background-color: #25d366;
  color: #ffffff;
  border-radius: 68px;
  text-align: center;
  font-size: 34px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}
.cid-uvbiDfamSv .my-float {
  margin-top: 16px;
}
.cid-uvbiDfamSv P {
  color: #232323;
}
.cid-uvbiDfamSv DIV {
  color: #ffffff;
}
.cid-uvbiDfamSv H10 {
  color: #767676;
}
.cid-uvbiDfamSv .hidden {
  display: none;
}
#custom-html-6k {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
  /* Estilo para o logo (apenas na tela de senha) */
  /* Estilo para a tela de senha */
  /* Estilo para o preloader */
  /* Estilo para o conteúdo após a senha */
  /* Estilo para o preloader */
  /* Estilo para o conteúdo após a senha */
  /* Preloader */
  /* Conteúdo principal */
}
#custom-html-6k .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-6k .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-6k .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6k audio {
  width: 100%;
  outline: none;
}
#custom-html-6k .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6k audio {
  width: 100%;
  outline: none;
}
#custom-html-6k #play-button,
#custom-html-6k #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6k #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6k .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-6k .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-6k body,
#custom-html-6k html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-6k body,
#custom-html-6k html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-6k .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-6k .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6k .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-6k .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-6k .close-button:hover {
  background-color: #ddd;
}
#custom-html-6k .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-6k .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-6k .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-6k .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-6k .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-6k .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-6k #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-6k #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-6k .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-6k .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-6k .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-6k .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6k .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-6k .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-6k .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-6k .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6k .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6k .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6k h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-6k p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-6k .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-6k .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-6k .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-6k .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-6k .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-6k .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-6k .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-6k .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-6k .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-6k .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-6k .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-6k .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-6k .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-6k .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-6k .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-6k .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-6k .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-6k .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-6k .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-6k .modal-content-container input,
#custom-html-6k .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-6k textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-6k #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-6k .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-6k .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-6k .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-6k .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-6k .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-6k .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-6k .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-6k .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-6k .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-6k .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-6k .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-6k .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-6k .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-6k #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-6k #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-6k #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-6k #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-6k #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-6k #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-6k .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-6k #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-6k .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-6k #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-6k #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-6k .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-6k .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6k .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-6k #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-6k #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-6k #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-6k #successModalvela .close:hover,
#custom-html-6k #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-6k .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-6k .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-6k #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-6k #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6k #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6k #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6k #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6k #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6k #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6k #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6k #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6k #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6k #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6k #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6k #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6k #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6k #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6k #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6k #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6k #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6k #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6k #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6k #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-6k #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6k #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-6k #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-6k #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-6k #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-6k #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
#custom-html-6k #logo-container {
  position: absolute;
  top: 90px;
  /* Ajuste a distância do topo conforme necessário */
  left: 50%;
  transform: translateX(-50%);
  /* Centraliza horizontalmente */
  z-index: 1100;
  /* Coloca o logo acima da tela de senha */
  text-align: center;
}
#custom-html-6k #logo {
  width: 190px;
  /* Ajuste o tamanho do logo conforme necessário */
  height: auto;
  margin-bottom: 2px;
  /* Distância entre o logo e o título */
}
#custom-html-6k #password-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Fundo branco com leve transparência */
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#custom-html-6k .password-box {
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: 100%;
  max-width: 400px;
}
#custom-html-6k .password-box h2 {
  margin-bottom: 20px;
  color: #d48529;
  font-size: 24px;
  margin-top: 10px;
  /* Ajuste para afastar o título do logo */
}
#custom-html-6k .password-box input,
#custom-html-6k .password-box button {
  width: 100%;
  margin: 10px 0;
  padding: 15px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  /* Centraliza o texto dentro do input */
}
#custom-html-6k .password-box input {
  font-size: 24px;
  /* Aumenta o tamanho da fonte da senha */
}
#custom-html-6k .password-box button {
  background-color: #d48529;
  color: white;
  cursor: pointer;
}
#custom-html-6k .password-box button:hover {
  background-color: #d48529;
}
#custom-html-6k .password-box p {
  color: red;
  display: none;
}
#custom-html-6k #preloader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
  /* Inicialmente escondido */
}
#custom-html-6k #content {
  display: none;
  /* Inicialmente escondido */
}
#custom-html-6k #preloader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: none;
  /* Inicialmente escondido */
}
#custom-html-6k #content {
  display: none;
  /* Inicialmente escondido */
}
#custom-html-6k #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  max-width: 700px;
  height: auto;
  background: white;
  z-index: 1000;
  /* Fica abaixo da tela de senha */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
#custom-html-6k #preloader video {
  width: 100%;
  height: auto;
  object-fit: contain;
}
#custom-html-6k #content {
  display: none;
  /* Começa oculto */
  z-index: 1;
}
#custom-html-6o {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
}
#custom-html-6o .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-6o .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-6o .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6o audio {
  width: 100%;
  outline: none;
}
#custom-html-6o .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6o audio {
  width: 100%;
  outline: none;
}
#custom-html-6o #play-button,
#custom-html-6o #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6o #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6o .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-6o .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-6o body,
#custom-html-6o html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-6o #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-6o #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-6o body,
#custom-html-6o html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-6o .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-6o .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6o .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-6o .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-6o .close-button:hover {
  background-color: #ddd;
}
#custom-html-6o .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-6o .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-6o .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-6o .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-6o .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-6o .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-6o #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-6o #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-6o .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-6o .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-6o .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-6o .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6o .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-6o .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-6o .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-6o .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6o .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6o .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6o h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-6o p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-6o .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-6o .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-6o .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-6o .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-6o .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-6o .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-6o .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-6o .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-6o .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-6o .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-6o .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-6o .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-6o .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-6o .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-6o .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-6o .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-6o .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-6o .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-6o .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-6o .modal-content-container input,
#custom-html-6o .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-6o textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-6o #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-6o .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-6o .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-6o .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-6o .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-6o .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-6o .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-6o .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-6o .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-6o .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-6o .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-6o .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-6o .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-6o .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-6o #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-6o #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-6o #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-6o #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-6o #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-6o #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-6o .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-6o #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-6o .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-6o #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-6o #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-6o .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-6o .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6o .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-6o #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-6o #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-6o #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-6o #successModalvela .close:hover,
#custom-html-6o #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-6o .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-6o .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-6o #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-6o #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6o #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6o #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6o #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6o #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6o #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6o #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6o #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6o #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6o #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6o #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6o #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6o #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6o #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6o #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6o #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6o #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6o #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6o #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6o #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-6o #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6o #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-6o #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-6o #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-6o #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-6o #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
#custom-html-6r {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
}
#custom-html-6r .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-6r .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-6r .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6r audio {
  width: 100%;
  outline: none;
}
#custom-html-6r .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6r audio {
  width: 100%;
  outline: none;
}
#custom-html-6r #play-button,
#custom-html-6r #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6r #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6r .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-6r .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-6r body,
#custom-html-6r html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-6r #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-6r #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-6r body,
#custom-html-6r html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-6r .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-6r .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6r .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-6r .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-6r .close-button:hover {
  background-color: #ddd;
}
#custom-html-6r .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-6r .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-6r .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-6r .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-6r .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-6r .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-6r #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-6r #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-6r .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-6r .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-6r .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-6r .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6r .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-6r .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-6r .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-6r .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6r .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6r .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6r h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-6r p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-6r .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-6r .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-6r .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-6r .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-6r .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-6r .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-6r .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-6r .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-6r .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-6r .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-6r .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-6r .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-6r .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-6r .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-6r .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-6r .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-6r .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-6r .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-6r .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-6r .modal-content-container input,
#custom-html-6r .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-6r textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-6r #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-6r .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-6r .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-6r .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-6r .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-6r .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-6r .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-6r .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-6r .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-6r .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-6r .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-6r .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-6r .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-6r .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-6r #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-6r #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-6r #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-6r #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-6r #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-6r #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-6r .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-6r #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-6r .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-6r #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-6r #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-6r .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-6r .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6r .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-6r #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-6r #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-6r #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-6r #successModalvela .close:hover,
#custom-html-6r #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-6r .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-6r .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-6r #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-6r #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6r #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6r #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6r #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6r #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6r #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6r #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6r #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6r #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6r #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6r #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6r #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6r #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6r #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6r #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6r #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6r #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6r #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6r #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6r #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-6r #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6r #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-6r #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-6r #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-6r #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-6r #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
#custom-html-6s {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
}
#custom-html-6s .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-6s .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-6s .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6s audio {
  width: 100%;
  outline: none;
}
#custom-html-6s .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6s audio {
  width: 100%;
  outline: none;
}
#custom-html-6s #play-button,
#custom-html-6s #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6s #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6s .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-6s .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-6s body,
#custom-html-6s html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-6s #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-6s #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-6s body,
#custom-html-6s html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-6s .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-6s .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6s .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-6s .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-6s .close-button:hover {
  background-color: #ddd;
}
#custom-html-6s .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-6s .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-6s .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-6s .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-6s .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-6s .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-6s #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-6s #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-6s .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-6s .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-6s .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-6s .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6s .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-6s .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-6s .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-6s .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6s .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6s .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6s h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-6s p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-6s .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-6s .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-6s .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-6s .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-6s .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-6s .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-6s .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-6s .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-6s .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-6s .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-6s .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-6s .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-6s .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-6s .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-6s .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-6s .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-6s .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-6s .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-6s .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-6s .modal-content-container input,
#custom-html-6s .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-6s textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-6s #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-6s .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-6s .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-6s .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-6s .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-6s .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-6s .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-6s .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-6s .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-6s .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-6s .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-6s .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-6s .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-6s .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-6s #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-6s #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-6s #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-6s #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-6s #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-6s #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-6s .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-6s #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-6s .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-6s #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-6s #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-6s .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-6s .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6s .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-6s #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-6s #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-6s #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-6s #successModalvela .close:hover,
#custom-html-6s #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-6s .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-6s .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-6s #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-6s #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6s #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6s #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6s #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6s #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6s #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6s #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6s #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6s #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6s #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6s #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6s #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6s #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6s #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6s #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6s #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6s #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6s #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6s #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6s #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-6s #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6s #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-6s #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-6s #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-6s #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-6s #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}
#custom-html-6v {
  /* Estilo do h2 específico para o áudio */
  /* Adiciona uma linha leve acima do h2 do áudio */
  /* Estilo do contêiner do player de áudio */
  /* Estilo do contêiner do player de áudio */
  /* Define o tamanho das imagens Play e Stop */
  /* Exemplo de ajuste de tamanho do ícone de informação */
  /* Estilos do preloader */
  /* Estilo geral */
  /* Modal */
  /* Container principal */
  /* Cabeçalho com barra e logo centralizado */
  /* Header ocupa a largura total da tela e está fixado no topo */
  /* Controles de música alinhados à esquerda */
  /* Centralizar a logo no header */
  /* Espaçamento para o conteúdo abaixo do cabeçalho */
  /* Rodapé fixo */
  /* Barra do rodapé */
  /* Estilo das imagens no rodapé */
  /* Estilos restantes */
  /* Estilo para a seção de mensagens */
  /* Estilo para o título da seção de mensagens */
  /* Estilo para o modal de mensagem */
  /* Estilização dos campos de entrada */
  /* Estilo específico para o campo "Sua Mensagem" */
  /* Estilo para o título "Deixe sua Mensagem" */
  /* Estilo do botão Enviar */
  /* Estilo do botão Fechar */
  /* Estilo de hover para o botão Fechar */
  /* Hover para o botão Enviar */
  /* Estilo para o modal de sucesso */
  /* Estilos gerais para o modal */
  /* Estilos para o conteúdo do modal */
  /* Estilo para o botão de fechar */
  /* Altera a cor do botão de fechar ao passar o mouse */
  /* Estilos para o botão no modal */
  /* Estilo específico para o modal de contato */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar */
  /* Estilo específico para o novo modal */
  /* Conteúdo do modal */
  /* Estilo dos links */
  /* Estilo dos parágrafos e cabeçalho */
  /* Botão de fechar do novo modal */
  /* Estilo específico para o modal de áudio */
  /* Conteúdo do modal de áudio */
  /* Botão de fechar do modal de áudio */
  /* Estilo específico para o modal de áudio */
  /* Estilo para o campo de telefone */
}
#custom-html-6v .audio-title {
  color: #d48529;
  font-family: Arial, sans-serif;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 40px;
  /* Espaçamento maior acima do título para evitar que o texto anterior passe pela linha */
  position: relative;
}
#custom-html-6v .audio-title::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: -20px;
  /* Posição da linha */
  left: 0;
}
#custom-html-6v .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6v audio {
  width: 100%;
  outline: none;
}
#custom-html-6v .audio-container {
  width: 300px;
  margin: 20px auto;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#custom-html-6v audio {
  width: 100%;
  outline: none;
}
#custom-html-6v #play-button,
#custom-html-6v #stop-button {
  width: 30px;
  /* Ajuste o valor para o tamanho desejado */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6v #infoIcon {
  width: 30px;
  /* Tamanho do ícone de informação */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6v .texto-acesa {
  color: #d48529;
  /* Cor do texto */
  font-size: 12px;
  /* Tamanho do texto */
}
#custom-html-6v .nome-vela {
  color: #d48529;
  /* Cor do nome */
  font-size: 12px;
  /* Tamanho do nome */
  word-wrap: break-word;
  /* Quebra palavras longas para a linha seguinte */
  white-space: normal;
  /* Permite quebra de linha */
  max-width: 100%;
  /* Garante que o nome ocupe a largura máxima do contêiner */
  display: inline-block;
  /* Permite o controle de layout dentro de blocos */
}
#custom-html-6v body,
#custom-html-6v html {
  margin: 0;
  /* Remove margens do corpo */
  padding: 0;
  /* Remove preenchimento do corpo */
  height: 100%;
  /* Garante que o corpo ocupa 100% da altura */
}
#custom-html-6v #preloader {
  position: fixed;
  top: 40%;
  /* Centraliza verticalmente */
  left: 50%;
  /* Centraliza horizontalmente */
  transform: translate(-50%, -50%);
  /* Ajusta para o centro exato */
  width: 100%;
  /* Defina a largura desejada */
  max-width: 700px;
  /* Limite máximo de largura */
  height: auto;
  /* Permite que a altura se ajuste proporcionalmente */
  background: white;
  /* Cor de fundo do preloader */
  z-index: 1000;
  /* Fica acima de outros conteúdos */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Esconde qualquer conteúdo que ultrapasse */
}
#custom-html-6v #preloader video {
  width: 100%;
  /* Mantém a largura total do contêiner */
  height: auto;
  /* Altura automática para manter a proporção */
  object-fit: contain;
  /* Garante que o vídeo não seja cortado */
}
#custom-html-6v body,
#custom-html-6v html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
}
#custom-html-6v .modal {
  display: none;
  position: fixed;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}
#custom-html-6v .modal-content-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6v .modal-content {
  margin: auto;
  display: block;
  max-width: 80vh;
  max-height: 80vh;
  object-fit: contain;
}
#custom-html-6v .close-button {
  margin-top: 10px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
#custom-html-6v .close-button:hover {
  background-color: #ddd;
}
#custom-html-6v .container {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 80px;
  /* Espaço suficiente para o rodapé */
  position: relative;
  /* Para garantir que os elementos dentro respeitem o container */
}
#custom-html-6v .header {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#custom-html-6v .header-bar {
  background-color: #FFFFF0;
  padding: 10px 40px;
  /* Ajuste o padding conforme necessário */
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-between;
  /* Espaço entre logo e ícone de contato */
  align-items: center;
}
#custom-html-6v .logo {
  height: 50px;
  /* Ajuste para o tamanho desejado */
  width: auto;
  /* Mantém a proporção do logo */
}
#custom-html-6v .contact-icon {
  margin-left: 30px;
  /* Empurra o ícone para a direita */
}
#custom-html-6v .icon {
  width: 30px;
  /* Ajuste conforme necessário */
  height: 30px;
  /* Ajuste conforme necessário */
}
#custom-html-6v #music-controls {
  position: absolute;
  /* ou fixed, dependendo do que você precisa */
  top: 250px;
  /* ajuste conforme necessário */
  left: 10px;
  /* ajuste conforme necessário */
}
#custom-html-6v #music-controls img {
  width: 36px !important;
  /* ajuste o tamanho conforme necessário */
  height: auto !important;
  /* mantém a proporção */
  margin-right: 5px;
  /* espaço entre as imagens */
}
#custom-html-6v .container {
  margin-top: 70px;
  /* Ajuste para evitar sobreposição do conteúdo com o cabeçalho */
}
#custom-html-6v .footer {
  width: 100%;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: transparent;
  /* Rodapé sem cor de fundo */
}
#custom-html-6v .footer-bar {
  width: 100%;
  max-width: 600px;
  /* Deve ser igual ao max-width do container */
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
  /* Diminui o padding para tornar o rodapé mais fino */
  background-color: #FFFFF0;
  /* Cor de fundo da barra do rodapé */
}
#custom-html-6v .footer-icon {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#custom-html-6v .footer-icon img {
  height: 30px;
  /* Ajuste o tamanho das imagens conforme necessário */
  width: auto;
}
#custom-html-6v .footer-icon figcaption {
  color: #d48529;
  /* Cor da legenda */
  font-size: 0.8em;
  /* Tamanho da fonte da legenda */
  margin-top: 2px;
  /* Espaço entre a imagem e a legenda */
}
#custom-html-6v .photo-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  z-index: 0;
  opacity: 0.9;
}
#custom-html-6v .photo-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6v .photo {
  position: relative;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: 150px auto 20px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #FFFFFF;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6v .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#custom-html-6v h1 {
  font-size: 24px;
  margin-bottom: 10px;
}
#custom-html-6v p {
  font-size: 16px;
  color: #555;
  text-align: justify;
  /* Mantém o texto justificado */
}
#custom-html-6v .additional-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
#custom-html-6v .additional-photos figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 48%;
  margin: 0;
}
#custom-html-6v .additional-photos img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.2s;
}
#custom-html-6v .additional-photos figcaption {
  font-size: 0.9em;
  color: #d48529;
  margin-top: 5px;
  text-align: center;
}
#custom-html-6v .additional-photos img:hover {
  transform: scale(1.05);
}
#custom-html-6v .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* Mantém a proporção 16:9 */
  height: 0;
  margin: 20px auto;
  /* Centraliza o vídeo e adiciona espaço em cima/embaixo */
  width: 95%;
  /* Diminui a largura do vídeo */
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#custom-html-6v .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#custom-html-6v .message-section {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
  /* Centraliza horizontalmente */
  margin-top: 0px;
  /* Ajuste para colar a seção de mensagens ao vídeo */
  margin-bottom: 50px;
  /* Adiciona mais espaço abaixo da seção de mensagens */
}
#custom-html-6v .message-section h2 {
  font-size: 24px;
  color: #d48529;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
}
#custom-html-6v .message-card {
  background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  transition: transform 0.3s, box-shadow 0.3s;
}
#custom-html-6v .message-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
#custom-html-6v .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
#custom-html-6v .sender-info {
  display: flex;
  align-items: center;
}
#custom-html-6v .sender-photo {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 2px solid #d48529;
  object-fit: contain;
  /* Mostra a imagem inteira dentro do círculo */
  overflow: hidden;
  display: block;
}
#custom-html-6v .sender-name {
  font-weight: bold;
  color: #d48529;
  font-size: 1.1em;
}
#custom-html-6v .message-date {
  font-size: 0.85em;
  color: #d48529;
  background-color: #f2f2f2;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
  /* Impede que a data quebre em duas linhas */
}
#custom-html-6v .message-content {
  font-size: 16px;
  color: #444;
  line-height: 1.6;
  padding-left: 50px;
  position: relative;
}
#custom-html-6v .message-content::before {
  content: "“";
  font-size: 30px;
  color: #d48529;
  position: absolute;
  left: 20px;
  top: -10px;
  font-family: serif;
}
#custom-html-6v .modal-content-container {
  width: 380%;
  /* Aqui você pode ajustar a largura para o que desejar */
  max-width: 380px;
  /* Defina um limite máximo de largura, se preferir */
  background-color: #fff;
  /* Fundo branco */
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-6v .modal-content-container input,
#custom-html-6v .modal-content-container textarea {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#custom-html-6v textarea#message {
  width: 100%;
  /* Largura total */
  height: 150px;
  /* Altura ajustada para o campo de mensagem */
  padding: 10px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  border: 1px solid #ccc;
  /* Borda cinza */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Leve sombra */
  resize: vertical;
  /* Permite que o usuário redimensione o campo */
}
#custom-html-6v #messageModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
}
#custom-html-6v .send-button {
  background-color: #d48529;
  /* Cor laranja */
  color: #fff;
  /* Texto branco */
  border: none;
  padding: 12px 30px;
  /* Aumenta o padding */
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}
#custom-html-6v .close-button {
  margin-top: 10px;
  /* Espaço acima do botão */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  /* Cor de fundo branca */
  color: #000;
  /* Texto preto */
  border-radius: 5px;
  border: 1px solid #ccc;
  /* Borda cinza */
}
#custom-html-6v .close-button:hover {
  background-color: #ddd;
  /* Cor de fundo ao passar o mouse */
}
#custom-html-6v .send-button:hover {
  background-color: #b36c1c;
  /* Cor laranja mais escura ao passar o mouse */
}
#custom-html-6v .success-modal-content {
  background-color: #FFFFF0;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.5s ease-in-out;
}
#custom-html-6v .success-modal-content h2 {
  color: #d48529;
  margin-bottom: 10px;
}
#custom-html-6v .success-modal-content p {
  color: #d48529;
  font-size: 18px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
#custom-html-6v .timeline {
  position: relative;
  max-width: 600px;
  /* Largura máxima da linha do tempo */
  margin: 0 auto;
  /* Centraliza a linha do tempo */
  padding: 20px 0;
  /* Espaçamento vertical */
}
#custom-html-6v .timeline-item {
  position: relative;
  /* Para o posicionamento do conteúdo */
  margin: 10px 0;
  /* Espaçamento entre os itens */
  padding-left: 30px;
  /* Espaçamento interno à esquerda */
}
#custom-html-6v .timeline-item::before {
  content: '';
  position: absolute;
  left: 10px;
  /* Posição do ponto na linha */
  top: 0;
  height: 10px;
  /* Altura do ponto */
  width: 10px;
  /* Largura do ponto */
  border-radius: 50%;
  /* Faz o ponto ser circular */
  background-color: #d48529;
  /* Cor do ponto */
}
#custom-html-6v .timeline-item::after {
  content: '';
  position: absolute;
  left: 15px;
  /* Posição da linha */
  top: 10px;
  /* Início da linha */
  bottom: -10px;
  /* Extensão da linha até o próximo item */
  width: 2px;
  /* Largura da linha */
  background-color: #ddd;
  /* Cor da linha */
}
#custom-html-6v .timeline-date {
  font-weight: bold;
  /* Negrito para a data */
  color: #d48529;
  /* Cor da data */
}
#custom-html-6v .timeline-content {
  background-color: #f9f9f9;
  /* Fundo para o conteúdo */
  border: 1px solid #ddd;
  /* Borda ao redor do conteúdo */
  padding: 8px;
  /* Espaçamento interno */
  border-radius: 5px;
  /* Bordas arredondadas */
  margin-top: 5px;
  /* Espaçamento entre data e conteúdo */
}
#custom-html-6v #timelineModal h2 {
  color: #d48529;
  /* Cor desejada para o texto */
  font-size: 24px;
  /* Tamanho da fonte */
  text-align: center;
  /* Centralizado, se desejar */
  font-weight: bold;
  /* Deixa o texto em negrito */
}
#custom-html-6v #velario {
  margin-top: 50px;
  /* Espaçamento superior para distanciar do conteúdo anterior */
  padding: 20px;
  bottom: 80px;
  background-color: #FFFFFF;
  /* Cor de fundo para diferenciar a seção */
  text-align: center;
}
#custom-html-6v #vela-container {
  display: flex;
  justify-content: flex-start;
  /* Alinha as velas à esquerda */
  align-items: center;
  overflow-x: auto;
  /* Adiciona a barra de rolagem horizontal */
  white-space: nowrap;
  /* Mantém as velas lado a lado */
  padding: 10px;
  width: 850px;
  /* Largura suficiente para 4 velas de 200px + espaçamento */
  max-width: 100%;
  gap: 10px;
  /* Espaçamento entre as velas */
  box-sizing: border-box;
}
#custom-html-6v #vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  /* Define a largura fixa da vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
}
#custom-html-6v #vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
  margin-right: 8px;
  /* Espaço entre a imagem e o texto */
  border-radius: 50%;
}
#custom-html-6v #vela-nome {
  margin-top: 5px;
  text-align: left;
  /* Alinha o texto à esquerda para ficar reto */
  color: #000;
  font-weight: bold;
  text-align: center;
}
#custom-html-6v .texto-vela {
  color: #d48529 !important;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 6px;
  white-space: normal;
  /* Permite a quebra de linha */
  word-break: break-word;
  /* Quebra palavras longas */
  max-width: 50%;
  /* Garante que o texto ocupe até a largura máxima do contêiner */
  display: block;
  /* Força o texto a se comportar como um bloco */
}
#custom-html-6v #velario h2 {
  color: #d48529;
  /* Cor específica para o título */
  font-size: 24px;
  margin-bottom: 10px;
  /* Ajuste o espaçamento abaixo do título */
  text-align: center;
}
#custom-html-6v .linha {
  width: 100%;
  /* Faz a linha ocupar toda a largura disponível */
  max-width: 500px;
  /* Limita a largura máxima para se igualar ao container */
  height: 1px;
  background-color: #e0e0e0;
  /* Cor fraca para a linha */
  margin: 10px auto;
  /* Centraliza a linha e dá um espaçamento acima e abaixo */
}
#custom-html-6v #music-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  /* Espaço acima dos botões */
}
#custom-html-6v #music-controls img {
  width: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  height: 50px;
  /* Ajuste o tamanho das imagens conforme necessário */
  margin: 0 10px;
  /* Espaço entre os botões */
}
#custom-html-6v .vela {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  /* Largura fixa para a vela */
  height: auto;
  /* Permite que a altura seja automática */
  flex-shrink: 0;
  /* Impede que as velas encolham */
  margin-right: 5px;
  /* Espaçamento entre as velas */
}
#custom-html-6v .vela img {
  width: 200px;
  /* Largura fixa para a imagem da vela */
  height: auto;
  /* Mantém a proporção da imagem */
}
#custom-html-6v .vela-container {
  display: flex;
  align-items: center;
  position: relative;
  /* Para permitir o posicionamento absoluto da seta */
  overflow-x: auto;
  /* Para ativar a rolagem horizontal */
}
#custom-html-6v #successModalvela {
  display: none;
  /* Inicialmente oculto */
  position: fixed;
  /* Fixo na tela */
  z-index: 999;
  /* Acima de outros elementos */
  left: 0;
  top: 0;
  width: 100%;
  /* Largura total da página */
  height: 100%;
  /* Altura total da página */
  background-color: rgba(0, 0, 0, 0.7);
  /* Fundo preto semi-transparente */
}
#custom-html-6v #successModalvela .modal-content {
  background-color: white;
  /* Cor de fundo do modal */
  margin: 50% auto;
  /* Margem superior reduzida */
  padding: 10px;
  /* Padding reduzido */
  border: 1px solid #888;
  /* Borda do modal */
  width: 80%;
  /* Largura do modal */
  max-width: 500px;
  /* Largura máxima do modal */
  max-height: 200px;
  /* Altura máxima do modal */
  border-radius: 8px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Sombra do modal */
  overflow: auto;
  /* Adiciona rolagem se necessário */
}
#custom-html-6v #successModalvela .close {
  color: #aaa;
  /* Cor do botão de fechar */
  float: right;
  /* Alinha à direita */
  font-size: 28px;
  /* Tamanho da fonte */
  font-weight: bold;
  /* Peso da fonte */
}
#custom-html-6v #successModalvela .close:hover,
#custom-html-6v #successModalvela .close:focus {
  color: black;
  /* Muda para preto */
  text-decoration: none;
  /* Remove sublinhado */
  cursor: pointer;
  /* Cursor de mão */
}
#custom-html-6v .modal-button {
  background-color: #d48529;
  /* Cor de fundo do botão */
  color: white;
  /* Cor do texto do botão */
  padding: 10px 20px;
  /* Espaçamento interno do botão */
  border: none;
  /* Remove borda */
  border-radius: 5px;
  /* Bordas arredondadas do botão */
  cursor: pointer;
  /* Cursor pointer */
}
#custom-html-6v .modal-button:hover {
  background-color: #d48529;
  /* Cor ao passar o mouse */
}
#custom-html-6v #successModalvela p {
  font-size: 18px;
  /* Tamanho da fonte */
  color: #d48529;
  /* Cor do texto */
  text-align: center;
  /* Centraliza o texto */
  font-weight: bold;
  /* Deixa o texto em negrito */
  margin: 20px 0;
  /* Espaçamento superior e inferior */
  line-height: 1.6;
  /* Altura da linha */
  padding: 10px;
  /* Preenchimento interno */
  background-color: #f5f5f5;
  /* Cor de fundo */
  border-radius: 10px;
  /* Bordas arredondadas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Sombra para dar destaque */
}
#custom-html-6v #infoModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6v #infoModal .info-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6v #infoModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6v #infoModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6v #infoModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6v #infoModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6v #infoModal .info-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6v #infoModal .info-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6v #infoModal .info-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6v #newModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  /* Na frente de tudo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  /* Centraliza horizontalmente */
  align-items: center;
  /* Centraliza verticalmente */
}
#custom-html-6v #newModal .new-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  /* Centraliza o conteúdo */
  color: #333;
  /* Cor do texto principal */
  font-family: Arial, sans-serif;
  /* Fonte mais suave */
}
#custom-html-6v #newModal a {
  color: #d48529;
  /* Cor laranja dos links */
  text-decoration: none;
  font-weight: bold;
}
#custom-html-6v #newModal a:hover {
  color: #e76b3c;
  /* Cor laranja mais escura ao passar o mouse */
  text-decoration: underline;
  /* Sublinhar ao passar o mouse */
}
#custom-html-6v #newModal h2 {
  color: #d48529;
  /* Laranja suave */
  font-size: 22px;
  margin-bottom: 20px;
}
#custom-html-6v #newModal p {
  margin: 10px 0;
  font-size: 16px;
}
#custom-html-6v #newModal .new-close {
  background-color: #d48529;
  /* Laranja */
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6v #newModal .new-close:hover {
  background-color: #e76b3c;
  /* Tom mais escuro de laranja ao passar o mouse */
}
#custom-html-6v #newModal .new-close:focus {
  outline: none;
  /* Remove a borda azul padrão ao focar */
}
#custom-html-6v #audioModal {
  display: none;
  /* Escondido por padrão */
  position: fixed;
  z-index: 10001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fundo escuro */
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-6v #audioModal .audio-modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 400px;
  text-align: center;
  color: #333;
  font-family: Arial, sans-serif;
}
#custom-html-6v #audioModal .audio-close {
  background-color: #d48529;
  color: white;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color 0.3s ease;
  display: inline-block;
}
#custom-html-6v #audioModal .audio-close:hover {
  background-color: #e76b3c;
}
#custom-html-6v #audioModal .audio-close:focus {
  outline: none;
}
#custom-html-6v #audioModal h2 {
  color: #d48529;
  /* Altere esta cor para a que você quiser */
  font-size: 20px;
  /* Ajuste o tamanho da fonte conforme necessário */
  font-family: Arial, sans-serif;
  /* Fonte que você quiser */
  margin-bottom: 20px;
  /* Espaço inferior opcional */
}
#custom-html-6v #phone {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  outline: none;
  transition: border 0.3s;
}
#custom-html-6v #phone:focus {
  border-color: #d48529;
  box-shadow: 0 0 5px rgba(212, 133, 41, 0.5);
}