/*-------------------------
  LIST OF CONTENTS
  -------------------------
  1. General Styles
  2. Main Menu
  3. Carousel Styles
    3.1 Current Slide
    3.2 Nav Buttons
  4. Cards Plans Styles
  5. Plan Benefits Styles
  6. Our Plans Styles
  7. Burial Styles
  8. How it works Styles
  9. Find Us Styles
  10. contact Styles
  11. About Styles
  12. Footer Styles
  -------------------------*/

/* 1. General Styles */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

a {
  color: #EB5C37!important;
  text-decoration: none!important;
  border-radius: 5px!important;
  padding: 3px;
}

a:hover {
  background-color: #EEE;
}

input, select {
  border-radius: 10px!important;
}

.modal-content {
  border-radius: 20px!important;
}

.text-essencial-1 {
  color: #711223!important;
}

.text-essencial-2 {
  color: #68A844!important;
}

.text-essencial-3 {
  color: #0A3024!important;
}

.text-essencial-4 {
  color: #FBBE5F!important;
}

.text-essencial-5 {
  color: #F28C65!important;
}

.btn-essencial-1 {
  background-color: #711223!important;
  color: #FFF!important;
  font-weight: bold!important;
  border-radius: 12px!important;
  text-decoration: none!important;
}

.btn-essencial-2 {
  background-color: #68A844!important;
  color: #FFF!important;
  font-weight: bold!important;
  border-radius: 12px!important;
  text-decoration: none!important;
}

.btn-essencial-3 {
  background-color: #093024!important;
  color: #FFF!important;
  font-weight: bold!important;
  border-radius: 12px!important;
  text-decoration: none!important;
}

.btn-essencial-1:hover {
  background-color: #82253F!important;
}

.btn-essencial-2:hover {
  background-color: #A0C36C!important;
}

.btn-essencial-3:hover {
  background-color: #375B50!important;
}

.card {
  border-radius: 20px!important;
  border: none!important;
  position: relative;
  height: 100%;
}

.card-body {
  background-color: #FFF!important;
}

.card-states {
  border-radius: 20px!important;
  border: 1px #EB5C37 solid!important;
  background-color: #FFF!important;
  color: #EB5C37!important;
  transition: .1s;
}

.card-states:hover {
  border: 1px #FF5E3E solid!important;
  background-color: #FF5E3E!important;
  color: #FFF!important;
}

.card-header {
  border-radius: 20px 20px 0px 0px!important;
  border-bottom: 0!important;
}

.card-footer {
  border-radius: 0px 0px 20px 20px!important;
  border-top: 0!important;
}

.card-offcanvas-states {
  height: auto;
}

.offcanvas-bottom {
  height: 50vh!important;
}

.accordion-body {
  text-align: left!important;
}

.accordion-button:not(.collapsed) {
  color: #EB5C37!important;
  background-color: #EEE!important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%0'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}

#page-content {
  background-color: #031a13;
  font-family: 'Roboto', sans-serif;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.btn-cta-plan {
  background-color: #EB5C37!important;
  color: #FFF!important;
  font-weight: bold!important;
  border-radius: 12px!important;
  text-decoration: none!important;
}

.btn-cta-plan:hover {
  background-color: #db4018!important;
}

.btn-cta-plan-outlined {
  background-color: transparent!important;
  border: 1px #EB5C37 solid!important;
  color: #EB5C37!important;
  font-weight: bold!important;
  border-radius: 12px!important;
  text-decoration: none!important;
}

.btn-cta-plan-outlined:hover {
  background-color: #EB5C37!important;
  border: 1px #EB5C37 solid!important;
  color: #FFF!important;
}

/* 2. Main Menu */
.main-menu-bar {
  padding-top: 2vh;
  padding-bottom: 2vh;
  background-color: #FFF;
  border-bottom: 1px #DDD solid;
  transition: top 0.3s linear;
}

.main-menu, .secondary-menu {
  width: 100%!important;
  margin: auto;
}

.secondary-menu {
  font-size: .8rem;
  padding-bottom: 2vh;
  color: #6C757D!important;
  text-align: right;
  width: 100%;
}

.secondary-menu a {
  margin-left: 0.5%;
}

.main-menu .logo-link {
  text-decoration: none!important;
}

.main-menu .logo-link:hover {
  background-color: transparent;
}

.main-menu .logo, .logo-offcanvas {
  height: 5vh;
}

.main-menu .link-menu {
  color: #093024!important;
  font-size: .8rem;
  text-decoration: none!important;
  margin-right: 2%;
}

.main-menu .link-menu:hover {
  color: #EB5C37!important;
  text-decoration: none!important;
  background-color: transparent!important;
}

.main-menu .mobile {
  display: none;
}

.main-menu .btn-menu-mobile {
  padding-left: 5%!important;
  padding-right: 10%!important;
  font-size: 1.2rem;
}

.main-menu .btn-menu-mobile:hover {
  background-color: transparent!important;
}

.offcanvas {
  font-size: 1rem;
  color: #6C757D!important;
}

.offcanvas .link-menu-mobile {
  color: #093024!important;
  font-size: 1.2rem;
  text-decoration: none!important;
  padding-bottom: 5%;
}

.offcanvas .link-menu-mobile:hover {
  color: #EB5C37!important;
  text-decoration: none!important;
  background-color: transparent!important;
}

.offcanvas .social-links a {
  font-size: 1.5rem;
}

@media only screen and (max-width: 1010px) {
  .main-menu {
    width: auto!important;
    margin: auto;
  }

  .main-menu .desktop, .secondary-menu {
    display: none;
  }

  .main-menu .mobile {
    display: block;
  }

  .main-menu .logo, .logo-offcanvas {
    height: 4vh;
  }
}

@media only screen and (max-width: 600px) {
  .main-menu {
    width: auto!important;
    margin: auto;
  }

  .main-menu .desktop, .secondary-menu {
    display: none;
  }

  .main-menu .mobile {
    display: block;
  }

  .main-menu .logo, .logo-offcanvas {
    height: 4vh;
  }
}

/* 3. Carousel Styles */
.btn-cta-cover {
  background-color: transparent!important;
  border: 1px #FFF solid!important;
  color: #FFF!important;
  font-weight: bold!important;
  border-radius: 12px!important;
}

.btn-cta-cover:hover {
  background-color: #EB5C37!important;
  border: 1px #EB5C37 solid!important;
  color: #FFF!important;
}

.cd-slider {
	position: relative;
	width: 100%;
	height: 90vh;
	overflow: hidden;
  z-index: 0;
  margin-top: 10vh;
}

.cd-slider.ie9 nav div span {
	display: none;
}

.cd-slider ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s .6s;
}

.content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	mix-blend-mode: normal;
	opacity: 0;
	transform: scale(1.2);
	transition: opacity .4s .6s, transform .4s .6s;
}

.text-content-cover {
  background-color: #00000099;
  width: 100%;
  height: 100%;
}

.title-cover {
  font-size: 3.8rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 160%;
}

@media only screen and (max-width: 600px) {
  .title-cover {
    font-size: 2.2rem;
  }

  .cd-slider {
    height: 80vh;
    margin-top: 7vh;
  }
}

/* 3.1 Current Slide */
.cd-slider li.current_slide {
	visibility: visible;
}

.cd-slider li.current_slide::before {
	border-width: 16rem;
}

.cd-slider li.current_slide .content {
	opacity: 1;
	transform: scale(1);
}

/* 3.2 Nav Buttons */
nav div {
	position: absolute;
	top: 50%;
	left: 4%;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -2.5rem;
	list-style: none;
}

@media only screen and (max-width: 600px) {
  nav div {
    top: 80%;
  }
}

nav div:last-of-type {
	left: auto;
	right: 4%;
}

.prev, .next {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 100%;
	transition: box-shadow .3s;
}

.prev::before, .prev::after, .next::before, .next::after {
	content: '';
	position: absolute;
	left: 43%;
	background: #fff;
	width: .4rem;
	min-width: 3px;
	border-radius: 3px;
	height: 34%;
}

.prev::before {
	transform: rotate(45deg);
	top: 24%;
}

.prev::after {
	transform: rotate(-45deg);
	bottom: 24%;
}

.next::before, .next::after {
	left: auto;
	right: 43%;
}

.next::before {
	transform: rotate(-45deg);
	top: 24%;
}

.next::after {
	transform: rotate(45deg);
	bottom: 24%;
}

.prev:hover, .next:hover {
	box-shadow: 0 0 0 1rem rgba(0, 0, 0, 0.15);
}

nav > div > span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 100%;
	z-index: 5;
	pointer-events: none;
	will-change: width, height;
	transform: translate(-50%, -50%);
	transition: width .6s, height .6s;
}

/* 4. Cards Plans Styles */
.cards-plans {
  padding-bottom: 8vh;
  width: 70%!important;
  margin: auto;
}

.cards-plans .desktop, .cards-plans .mobile {
  margin-top: -8vh;
}

.cards-plans .mobile {
  display: none;
}

.cards-plans img {
  height: 2.5rem;
}

.cards-plans .text-stylished img {
  height: 3vh;
}

.cards-plans .text-number-plan {
  color: #fff;
  font-size: 3rem!important;
  font-weight: bold;
}

.cards-plans .mobile .text-number-plan {
  color: #fff;
  font-size: 2.5rem!important;
  font-weight: bold;
}

.cards-plans .subtitle-essencial-white {
  color: #fff;
  font-size: 1.2rem;
}

.cards-plans .subtitle-essencial-white-small {
  color: #fff;
  font-size: 1rem;
}

.cards-plans .subtitle-essencial-small {
  color: #666;
  font-size: 1rem;
}

.cards-plans .price-text {
  color: #EB5C37;
}

.cards-plans .price-text-small {
  font-size: 1rem;
  font-weight: bold;
}

.cards-plans .price-text-big {
  font-size: 4.5rem;
  font-weight: bold;
}

.cards-plans .mobile .price-text-big {
  font-size: 3.5rem;
  font-weight: bold;
}

.cards-plans .price-text-small-white {
  font-size: 1rem;
  color: #fff!important;
  font-style: italic;
}

.price-text-small-white {
  font-size: 0.8rem;
  color: #FFF!important;
  font-style: italic;
}

@media only screen and (max-width: 600px) {
  .cards-plans {
    padding-bottom: 8vh;
    width: auto!important;
    margin: auto;
  }

  .cards-plans .desktop {
    display: none;
  }

  .cards-plans .mobile {
    display: block;
  }

  .cards-plans .row-cards .col-sm-12 {
    margin-bottom: 3vh;
  }
}

/* 5. Plan Benefits Styles */
.plan-benefits {
  width: 80%!important;
  margin: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.plan-benefits .title-section {
  font-family: 'Roboto', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #EB5C37;
  margin: 0;
}

.plan-benefits .caption-section {
  font-size: 1rem;
  color: #6C757D;
}

.plan-benefits .title-benefit {
  color: #093024;
  font-size: 1.2rem;
  font-weight: bold;
}

.plan-benefits .description-benefit {
  font-size: .8rem;
  color: #6C757D;
}

@media only screen and (max-width: 600px) {
  .plan-benefits {
    width: auto!important;
    margin: auto;
  }

  .plan-benefits .ilustra-benefits {
    margin-left: 12.5%;
  }
}

/* 6. Our Plans Styles */
.bg-plans {
  /* background-image: url('../img/bg-plans.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
  background-color: #F6F6F6;
}

.text-secondary-lighter {
  color: #cfcfcf;
}

.bg-essencial-1 {
  background-color: #711223!important;
}

.bg-essencial-2 {
  background-color: #69A844!important;
}

.bg-essencial-3 {
  background-color: #0A3024!important;
}

.bg-essencial-4 {
  background-color: #FBBE5F!important;
}

.bg-essencial-5 {
  background-color: #F28C65!important;
}

.our-plans {
  width: 98%!important;
  margin: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.our-plans .ilustra-title {
  height: 4vh;
}

.our-plans .text-stylished img {
  height: 3.5vh;
}

.our-plans .text-number-plan {
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
}

.our-plans .subtitle-essencial-white {
  color: #fff;
  font-size: 1rem;
}

.our-plans .price-text {
  color: #FFFFFF;
}

.our-plans .price-text-small {
  font-size: .8rem;
  font-weight: bold;
}

.our-plans .price-text-big {
  font-size: 3.3rem;
  font-weight: bold;
}

.our-plans .price-text-small-white {
  font-size: .8rem;
  color: #fff!important;
  font-style: italic;
}

.our-plans .title-section {
  font-family: 'Roboto', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #EB5C37;
  margin: 0;
}

.our-plans .caption-section {
  font-size: 1rem;
  color: #EB5C37;
}

.our-plans .title-card-plan {
  font-weight: bold;
  font-size: 1.5rem;
  color: #093024;
}

.our-plans .plan-item {
  font-size: .8rem;
  color: #6C757D;
}

.our-plans .plan-item-2 {
  font-size: .9rem!important;
  color: #000;
  text-align: left!important;
}

.our-plans .plan-item-3 {
  font-size: .7rem!important;
  color: #000;
  text-align: left!important;
}

.our-plans .accordion-item {
  border: none!important;
}

.our-plans .accordion-button {
  font-size: .7rem!important;
  padding: 0px!important;
}

.our-plans .accordion-button:not(.collapsed) {
  background-color: #fff!important;
}

.our-plans .link-obs {
  font-size: .8rem;
}

.our-plans .link-obs:hover {
  color: #EB5C37!important;
}

.our-plans .common-benefits {
  width: 50%;
  margin: auto;
  row-gap: 20px;
}

.our-plans .common-benefits .box-common-benefit {
  border: 1px #D3D3D3 solid;
  border-radius: 20px;
  height: 100%;
}

.our-plans .common-benefits img {
  width: 50%;
  margin: auto;
}

.our-plans .common-benefits p {
  margin: 0 auto;
  text-align: center;
  max-width: 100px;
  font-weight: bold;
  color: #000;
}

@media only screen and (max-width: 600px) {
  .our-plans {
    width: auto!important;
    margin: auto;
  }
  

  .our-plans .title-section {
    font-size: 2.5rem;
  }

  .our-plans .title-card-plan {
    font-weight: bold;
    font-size: 1.2rem;
  }
  .our-plans .common-benefits {
    width: 100%;
  }
}

/* 7. Burial Styles */
.burial {
  width: 80%!important;
  margin: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.burial .title-section {
  font-family: 'Roboto', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #EB5C37;
  margin: 0;
}

.burial .caption-section {
  font-size: .9rem;
  color: #6C757D;
}

.burial .link-obs {
  font-size: .8rem;
}

.cemetery {
  position: relative;
  margin-top: -10vh;
}

@media only screen and (max-width: 600px) {
  .burial {
    width: auto!important;
    margin: auto;
  }

  .cemetery {
    position: relative;
    margin-top: -5vh;
  }
}

/* 8. How it works Styles */
.bg-hiw {
  /* background-image: url('../img/background-hiw.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
  background-color: #ffeecf;
}

.how-it-works {
  width: 80%!important;
  margin: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.how-it-works .title-section {
  font-family: 'Roboto', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #093024;
  margin: 0;
}

.how-it-works img {
  height: 26vh;
  padding: 3vh;
}

.how-it-works .title-item {
  font-size: 1.3rem!important;
  font-weight: bold;
  color: #EB5C37;
  margin-top: 3vh;
}

.how-it-works .title-subitem {
  font-size: 1.3rem!important;
  font-weight: bold;
  color: #093024;
  margin-top: 3vh;
}

.how-it-works .hiw-img {
  width: 100%;
  height: auto;
}

.how-it-works .description {
  font-size: .8rem;
  color: #093024;
  text-align: center;
}

.how-it-works .desktop-only {
  display: block;
}

.how-it-works .mobile-only {
  display: none;
}

@media only screen and (max-width: 600px) {
  .how-it-works {
    width: auto!important;
    margin: auto;
  }

  .how-it-works .title-section {
    font-size: 2.5rem;
  }

  .how-it-works .desktop-only {
    display: none;
  }

  .how-it-works .mobile-only {
    display: block;
  }
}

/* 9. Find Us Styles */
.find-us {
  width: 70%!important;
  margin: auto;
  padding-top: 10vh;
}

.find-us .title-section {
  font-family: 'Roboto', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #093024;
  margin: 0;
}

.find-us .pre-title-item {
  font-size: .8rem!important;
  color: #EB5C37;
}

.find-us .title-item {
  font-size: 1rem!important;
  color: #093024;
}

.find-us .description {
  color: #6C757D;
  font-size: .8rem;
}

@media only screen and (max-width: 600px) {
  .find-us {
    width: auto!important;
    margin: auto;
  }

  .find-us .title-section {
    font-size: 2.5rem;
  }
}

.find-us .highlight-location {
  background-color: #EB5C37;
  border-radius: 20px;
}

.find-us .highlight-location .title-item,
.find-us .highlight-location .description,
.find-us .highlight-location .description a {
  color: #fff!important;
}

.find-us .highlight-location .description a:hover {
  color: #EB5C37!important;
}

.find-us .pre-title-item {
  border: 1px #EB5C37 solid;
  border-radius: 10px;
}

.find-us .highlight-location .pre-title-item {
  background-color: #fff;
  border: 1px #fff solid;
}

/* 10. Contact Styles */
.bg-contact {
  /* background-image: url('../img/background-contact.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
  background-color: #093024;
}

.contact {
  width: 70%!important;
  margin: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.contact .title-section {
  font-family: 'Roboto', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #FFF;
  margin: 0;
}

.contact .caption-section {
  font-size: 1rem!important;
  color: #FFF;
}

.contact #contact-form {
  width: 70%;
  margin: auto;
}

.contact .flexCheck {
  width: 1rem;
  height: 1rem;
  margin-right: .5rem;
}

.contact .ilustra-contact-m {
  display: none;
}

@media only screen and (max-width: 600px) {
  .contact {
    width: auto!important;
    margin: auto;
  }

  .contact .ilustra-contact {
    display: none;
  }

  .contact .ilustra-contact-m {
    display: block;
    margin-left: 12.5%;
  }

  .contact #contact-form {
    width: auto;
    margin: auto;
  }

  .contact .flexCheck {
    width: 1.7rem;
    height: 1.2rem;
  }

  .contact #submitButton {
    width: 100%;
  }
}

/* 11. About Styles */
.bg-dark-green {
  background-color: #EB5C37;
  color: #FFF;
}

.about {
  width: 70%!important;
  margin: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.about .title-section {
  font-family: 'Roboto', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #FFF;
  margin: 0;
}

.about .box-about {
  width: 70%;
  margin: auto;
  text-align: justify;
}

.about .description {
  font-size: .8rem!important;
  color: #FFF;
}

.about img {
  height: 15vh;
}

@media only screen and (max-width: 600px) {
  .about {
    width: auto!important;
    margin: auto;
  }

  .about .title-section {
    font-size: 2.5rem;
  }

  .about .box-about {
    width: 100%;
    margin: auto;
  }
}

/* 12. Footer Styles */
.footer {
  width: 70%!important;
  margin: auto;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.footer .title-item {
  color: #093024;
  font-size: 1rem;
  font-weight: bold;
}

.footer .description-item {
  font-size: .8rem;
  color: #6C757D;
}

@media only screen and (max-width: 600px) {
  .footer {
    width: auto!important;
    margin: auto;
  }
}