@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;700&display=swap');


 :root {
     --spacing: 0.33rem;
     --db-blue: #0CA5BF;
     --db-purple: #472769;
 }

html {
  scroll-behavior: smooth;
}

 section {
     margin-bottom: calc(var(--spacing)* 12);
 }

 .container-margins {
     padding-left: 1.25rem;
     padding-right: 1.25rem;
 }

 @media (min-width: 768px) {
     section {
         margin-bottom: calc(var(--spacing)* 14);
     }

     .container-margins {
         padding-left: 1.875rem;
         padding-right: 1.875rem;
     }
 }

 @media (min-width: 1024px) {
     section {
         margin-bottom: calc(var(--spacing)* 16);
     }

     .container-margins {
         padding-left: 6rem;
         padding-right: 6rem;
     }
 }

 @layer utilities {
     .text-db-blue {
         color: var(--db-blue);
     }

     .bg-db-blue {
         background-color: var(--db-blue);
     }

     .text-db-purple {
         color: var(--db-purple);
     }

     .bg-db-purple {
         background-color: var(--db-purple);
     }

     /* Hover Text */
     .hover\:text-db-blue:hover {
         color: var(--db-blue);
     }

     .hover\:text-db-purple:hover {
         color: var(--db-purple);
     }

     /* Hover Background */
     .hover\:bg-db-blue:hover {
         background-color: var(--db-blue);
     }

     .hover\:bg-db-purple:hover {
         background-color: var(--db-purple);
     }
     /* Border Colors */
    .border-db-blue {
        border-color: var(--db-blue);
    }
 }

 body,
 p,
 span,
 li {
     font-family: 'Inter', sans-serif;
     font-size: 16px;
     line-height: 22px;
 }

 .title {
     font-family: 'Bebas Neue', cursive;
     font-size: 64px;
     line-height: 70px;
 }

 @media (min-width: 768px) {

 }

 @media (min-width: 1024px) {
     .title {
		 font-size: 84px;
		 line-height: 90px;
 	}
	  	body,
		 p,
		 span,
		 li {
			 font-size: 18px;
			 line-height: 24px;
		 }
 }

 .font-bebas-neue {
     font-family: 'Bebas Neue', cursive;
 }

 ul {
     list-style: none;
     /* Remove default bullets */
     padding-left: 0;
     /* Optional: remove default padding */
 }

 ul li {
     position: relative;
     padding-left: 34px;
     /* Space for the custom bullet */
     padding-bottom: 10px;
 }
ul li.no-dot {
    padding-left: 0;
}
 ul li.no-dot::before {
     content: none;
 }

 ul li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.2em;
     /* Adjust vertically to align with text */
     width: 21px;
     /* Size of your SVG */
     height: 21px;
     background-image: url('/media/53731/li-dot.svg');
     /* Replace with your SVG URL */
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
 }

 /* Show more toggle button */
 .toggle-more~ul li:nth-child(n + 7) {
     display: none;
 }

 #toggle-essencial:checked~ul li:nth-child(n + 7),
 #toggle-profissional:checked~ul li:nth-child(n + 7),
 #toggle-premium:checked~ul li:nth-child(n + 7) {
     display: list-item;
 }

 .toggle-label::before {
     content: 'Ver tudo o que inclui';
 }

 #toggle-essencial:checked~.toggle-label::before,
 #toggle-profissional:checked~.toggle-label::before,
 #toggle-premium:checked~.toggle-label::before {
     content: 'Ver menos';
 }

 .engage-hub-form-embed, .engage-hub-form-embed iframe{
	min-height: 891px !important;
}

iframe .yrX2N{
	max-width: 1000px !important;
}