@charset "UTF-8";
:root {
--color-primary: green;
}
/* begin base tailwind */
*, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e5e7eb; /* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-moz-tab-size: 4; /* 3 */
tab-size: 4; /* 3 */
font-family: Poppins, serif; /* 4 */
font-feature-settings: normal; /* 5 */
font-variation-settings: normal; /* 6 */
-webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0; /* 1 */
line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0; /* 1 */
color: inherit; /* 2 */
border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
font-feature-settings: normal; /* 2 */
font-variation-settings: normal; /* 3 */
font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0; /* 1 */
border-color: inherit; /* 2 */
border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-feature-settings: inherit; /* 1 */
font-variation-settings: inherit; /* 1 */
font-size: 100%; /* 1 */
font-weight: inherit; /* 1 */
line-height: inherit; /* 1 */
letter-spacing: inherit; /* 1 */
color: inherit; /* 1 */
margin: 0; /* 2 */
padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
opacity: 1; /* 1 */
color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; /* 1 */
vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
/* end base tailwind */
.poppins {
font-family: "Poppins", serif;
font-weight: normal;
font-style: normal;
}
body{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
overflow-x: hidden;
}
/* tipografia */
.icon-list li{
margin-bottom: 1rem;
align-items: flex-start;
}
.icon-list__has-12 ul {
grid-row-gap: 12px !important;
}
a{
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
/* layout */
.container{
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
/* 3 columnas de texto */
.text-3-col{
columns: 1;
gap: 1.25rem;
line-height: 28px;
--tw-text-opacity: 1;
color: rgb(127 127 127 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
.text-3-col{
columns: 3;
gap: 2.5rem;
}
}
.text-3-col p{
margin-bottom: 1.25rem;
}
/* Tipografia simples */
.title-35{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
line-height: 1.25;
}
@media (min-width: 1024px){
.title-35{
font-size: 2.188rem;
}
}
.title-45{
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
line-height: 1.25;
}
@media (min-width: 1024px){
.title-45{
font-size: 2.813rem;
}
}
.wp-content-container {
max-width: 556px;
margin: 0 auto;
}
.wp-content {
line-height: 1.9;
}
.wp-content > * {
margin-bottom: 25px;
}
.wp-content a {
text-decoration: underline;
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
.wp-content a:hover{
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
/* */
.wp-block-image {
border-radius: 20px;
}
.wp-block-image img {
overflow: hidden;
border-radius: 20px;
}
.wp-block-image figcaption {
margin-bottom: 0;
font-size: 20px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
text-align: left;
line-height: 1.5;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-image.alignleft {
float: left;
margin-right: 20px;
}
.wp-block-image.alignright {
float: right;
margin-left: 20px;
}
/* */
.wp-block-quote {
position: relative;
padding-left: 20px;
font-size: 20px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
line-height: 1.5;
border-left: 3px solid #ff4b00;
}
@media (min-width: 1024px) {
.wp-block-quote {
left: -19px;
}
}
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=number],
input[type=time],
input[type=url],
input[type=week],
input[type=color],
textarea,
select {
width: 100% !important;
height: 56px;
padding: 1px 15px;
font-size: 16px;
font-family: arial;
font-weight: 400;
vertical-align: bottom;
outline: transparent;
border-radius: 8px;
background-color: transparent;
transition: all 0.3s ease-in-out;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=search]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
input[type=color]::placeholder,
textarea::placeholder,
select::placeholder{
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus{
--tw-border-opacity: 1;
border-color: rgb(62 68 76 / var(--tw-border-opacity, 1));
}
select {
padding-right: 25px;
padding-left: 10px;
position: relative;
z-index: 1;
background-color: transparent;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
}
select option{
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
textarea {
min-height: 120px;
padding: 10px;
width: 100% !important;
}
input[type=text].is-medium,
input[type=email].is-medium,
input[type=password].is-medium,
input[type=tel].is-medium,
input[type=search].is-medium,
input[type=date].is-medium,
input[type=datetime-local].is-medium,
input[type=month].is-medium,
input[type=number].is-medium,
input[type=time].is-medium,
input[type=url].is-medium,
input[type=week].is-medium{
height: 38px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
font-size: 0.8125rem;
}
select.is-medium{
height: 38px;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
font-size: 0.8125rem;
background-repeat: no-repeat;
background-position: right 10px center;
background-image: url('data:image/svg+xml,<svg width="7" height="5" viewBox="0 0 7 5" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2164_1567)"><path d="M3.5 5L0.468911 0.5H6.53109L3.5 5Z" fill="%237F7F7F"/></g><defs><clipPath id="clip0_2164_1567"><rect width="7" height="5" fill="white"/></clipPath></defs></svg>');
background-size: auto;
}
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
input[type=text].is-newsletter,
input[type=email].is-newsletter,
input[type=password].is-newsletter,
input[type=tel].is-newsletter,
input[type=search].is-newsletter,
input[type=date].is-newsletter,
input[type=datetime-local].is-newsletter,
input[type=month].is-newsletter,
input[type=number].is-newsletter,
input[type=time].is-newsletter,
input[type=url].is-newsletter,
input[type=week].is-newsletter,
input[type=color].is-newsletter {
border: 1px solid #d9d9d9;
--tw-text-opacity: 1;
color: rgb(127 127 127 / var(--tw-text-opacity, 1));
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' viewBox='0 0 18 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9084 0.0627437C17.8282 -0.00329226 17.7142 -0.018613 17.6176 0.0235064L0.155693 7.64706C0.0616842 7.68812 0.00114611 7.77625 1.60703e-05 7.87364C-0.00111397 7.97102 0.057433 8.06037 0.150527 8.1033L3.6 9.56611C3.69062 9.60793 10.8 6.08753 10.8 6.08753L6.43749 10.6798C6.34922 10.7727 6.3 10.896 6.3 11.0242V14.4303C6.3 14.8781 6.84325 15.1001 7.15685 14.7806L9.44099 12.4532L13.0421 14.1658C13.1125 14.1974 13.194 14.1987 13.2655 14.1695C13.337 14.1402 13.3915 14.0833 13.4148 14.0134L17.9876 0.328556C18.0196 0.232991 17.9884 0.12878 17.9084 0.0627437Z' fill='%23FF4B00'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: right 10px center;
background-color: #ffffff;
}
input[type=text].is-newsletter::placeholder,
input[type=email].is-newsletter::placeholder,
input[type=password].is-newsletter::placeholder,
input[type=tel].is-newsletter::placeholder,
input[type=search].is-newsletter::placeholder,
input[type=date].is-newsletter::placeholder,
input[type=datetime-local].is-newsletter::placeholder,
input[type=month].is-newsletter::placeholder,
input[type=number].is-newsletter::placeholder,
input[type=time].is-newsletter::placeholder,
input[type=url].is-newsletter::placeholder,
input[type=week].is-newsletter::placeholder,
input[type=color].is-newsletter::placeholder{
--tw-text-opacity: 1;
color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.form-group {
margin-bottom: 20px;
}
input[type=radio] {
--bs-form-check-bg: #fff;
flex-shrink: 0;
width: 2em;
height: 2em;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #d9d9d9;
border-radius: 50px;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact;
}
input[type=radio]:checked{
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10 L9 13 L15 7'/%3E%3C/svg%3E");
}
input[type=radio].is-small {
width: 1.5em;
height: 1.5em;
}
input[type=checkbox] {
--bs-form-check-bg: #fff;
flex-shrink: 0;
width: 2em;
height: 2em;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #d9d9d9;
border-radius: 3px;
-webkit-print-color-adjust: exact;
color-adjust: exact;
print-color-adjust: exact;
}
input[type=checkbox]:checked{
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10 L9 13 L15 7'/%3E%3C/svg%3E");
}
input[type=checkbox].is-rounded {
border-radius: 50px;
}
input[type=checkbox].is-small {
width: 1.5em;
height: 1.5em;
}
/* ------------------------------------------------------- */
/* ícones */
/* ------------------------------------------------------- */
/* coloca o ícone edit no lado direito form */
.is-edit {
background-position: right 10px center;
background-repeat: no-repeat;
background-image: url(../images/icons/edit-form.svg);
}
/* coloca o ícone lupa no lado direito form */
.is-search-left {
padding-left: 30px !important;
background-repeat: no-repeat;
background-position: left 10px center;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2161_1561)'%3E%3Cpath d='M5.41667 10.0833C7.994 10.0833 10.0833 7.994 10.0833 5.41667C10.0833 2.83934 7.994 0.75 5.41667 0.75C2.83934 0.75 0.75 2.83934 0.75 5.41667C0.75 7.994 2.83934 10.0833 5.41667 10.0833Z' stroke='%237E7E7E' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2499 11.25L8.7124 8.7125' stroke='%237E7E7E' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2161_1561'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
/* ------------------------------------------------------- */
/* Modificadores - Modal contato */
/* ------------------------------------------------------- */
.form-modal-contato input[type=text],
.form-modal-contato input[type=email],
.form-modal-contato input[type=password] {
color: #ffffff;
border: 1px solid #ffffff;
}
.form-modal-contato input[type=text]::placeholder,
.form-modal-contato input[type=email]::placeholder,
.form-modal-contato input[type=password]::placeholder{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.form-modal-contato input[type=checkbox] {
border: 1px solid #ffffff;
}
.form-modal-contato label {
color: #fff;
}
.form-modal-contato select {
color: #fff;
}
/* ------------------------------------------------------- */
/* Modificadores - form-newsletter */
/* ------------------------------------------------------- */
.form-newsletter input[type=text]::placeholder,
.form-newsletter input[type=email]::placeholder,
.form-newsletter input[type=password]::placeholder,
.form-newsletter input[type=tel]::placeholder,
.form-newsletter input[type=search]::placeholder,
.form-newsletter input[type=date]::placeholder,
.form-newsletter input[type=datetime-local]::placeholder,
.form-newsletter input[type=month]::placeholder,
.form-newsletter input[type=number]::placeholder,
.form-newsletter input[type=time]::placeholder,
.form-newsletter input[type=url]::placeholder,
.form-newsletter input[type=week]::placeholder,
.form-newsletter input[type=color]::placeholder,
.form-newsletter textarea::placeholder{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* ---------------------------------------------- */
.wp-site label {
max-width: 100%;
margin-bottom: 5px;
display: inline-block;
font-size: 13px;
}
.wp-admin textarea,
.acf-label label {
color: inherit;
}
/* ---------- ---------- */
/* ------------------------------------------------------- */
/* contact form-7 */
/* ------------------------------------------------------- */
.wpcf7-list-item {
margin: 0;
}
.wpcf7-list-item label {
display: flex;
gap: 5px;
}
.wpcf7-list-item-label {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.wpcf7-not-valid-tip {
color: #000;
}
.password-reveal {
position: relative;
}
.password-reveal__toggle {
width: 23px;
height: 20px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
color: #ffffff;
text-indent: -1000px;
overflow: hidden;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/></svg>');
background-repeat: no-repeat;
cursor: pointer;
}
.password-reveal.is-text .password-reveal__toggle {
width: 20px;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></svg>');
}
/*
Estilo padrão do botão
*/
.btn {
padding: 19px 25px;
display: inline-block;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: none;
text-overflow: ellipsis;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
border-width: 2px;
border-style: solid;
border-radius: 7px !important;
cursor: pointer;
-webkit-touch-callout: none;
-moz-touch-callout: none;
touch-callout: none;
transition: all 0.1s ease-in-out;
}
.btn:hover{
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
transition: all 0.25s ease-in-out;
}
.btn.is-large {
padding: 20px 40px;
font-size: 19px;
}
.btn.is-medium {
padding: 12px 22px;
font-size: 14px;
font-weight: 400;
}
.btn.is-small {
padding: 8px 18px;
font-size: 14px;
font-weight: 400;
}
.btn.is-rounded {
border-radius: 50px !important;
}
.btn.is-outline {
background-color: transparent;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn.is-primary{
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn.is-primary:hover{
--tw-border-opacity: 1;
border-color: rgb(237 70 0 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(237 70 0 / var(--tw-bg-opacity, 1));
transition: all 0.25s ease-in-out;
}
.btn.is-block {
display: block;
width: 100%;
}
a.btn {
text-transform: none;
outline: none;
}
.is-search {
padding-left: 30px !important;
background-repeat: no-repeat;
background-position: left 10px center;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2161_1561)'%3E%3Cpath d='M5.41667 10.0833C7.994 10.0833 10.0833 7.994 10.0833 5.41667C10.0833 2.83934 7.994 0.75 5.41667 0.75C2.83934 0.75 0.75 2.83934 0.75 5.41667C0.75 7.994 2.83934 10.0833 5.41667 10.0833Z' stroke='%237E7E7E' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2499 11.25L8.7124 8.7125' stroke='%237E7E7E' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2161_1561'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
.is-google{
gap: 0.75rem;
--tw-border-opacity: 1 !important;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1)) !important;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
border-width: 1px;
color: black !important;
}
.btn-google:hover {
background-color: #d9d9d9;
}
.btn-google::after {
content: "";
width: 18px;
height: 18px;
display: inline-block;
background-image: url(../images/icons/google.svg);
}
/* ------------------------------------------------- */
.btn-group {
position: relative;
display: inline-flex;
vertical-align: middle;
border-radius: 15px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
position: relative;
flex: 1 1 auto;
}
.container{
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 640px){
.container{
max-width: 640px;
}
}
@media (min-width: 768px){
.container{
max-width: 768px;
}
}
@media (min-width: 1024px){
.container{
max-width: 1024px;
}
}
@media (min-width: 1140px){
.container{
max-width: 1140px;
}
}
.comments-area {
display: none;
padding: 20px;
border-width: 1px;
border-style: solid;
border-radius: 20px;
}
.comment-author {
display: flex;
gap: 20px;
}
.comment-author .avatar {
padding: 0;
display: flex;
gap: 20px;
}
.comment-metadata {
font-size: 12px;
color: grey;
}
.comment-content {
padding: 5px 0;
}
.reply {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-style: solid;
}
.comment-form input[type=submit],
.comment-reply-link {
color: white !important;
padding: 5px 10px;
border-radius: 5px;
font-size: 13px;
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
}
.comment-form-comment textarea {
margin-bottom: 10px;
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
/* --------------------------------------------------------------------------- */
/* dropdown */
/* --------------------------------------------------------------------------- */
ul.dropdown {
margin: 0;
padding: 0;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
}
ul.dropdown {
position: relative;
/* z-index: 597; */
display: flex;
gap: 40px;
justify-content: start;
}
ul.dropdown li {
min-height: 1px;
vertical-align: middle;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 598;
cursor: default;
}
/* direção do submenu */
ul.is-right ul {
right: 0 !important;
left: unset !important;
}
ul.is-left ul {
left: 0 !important;
right: unset !important;
}
/* SUBMENU */
ul.dropdown ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
width: 220px;
visibility: visible;
opacity: 1;
transition: all 0.2s ease-in-out;
}
ul.dropdown a {
display: block;
}
/* --------------------------------------------------------------------------- */
/* */
/* --------------------------------------------------------------------------- */
ul.dropdown.is-navbar {
font-size: 14px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
ul.dropdown.is-navbar li {
margin: 0;
}
/* Primeiro nível do menu - horizontal*/
ul.dropdown.is-navbar > li a{
padding-top: 0.25rem;
padding-bottom: 0.25rem;
line-height: 1;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
ul.dropdown.is-navbar > li.current-menu-item a{
border-bottom-width: 3px;
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
font-weight: 700;
text-transform: uppercase;
}
/* dropdowns */
ul.dropdown.is-navbar ul {
background: white;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 8px;
padding: 10px 18px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
ul.dropdown.is-navbar ul a:hover {
padding-left: 10px;
padding-left: 1.25rem;
--tw-text-opacity: 1;
color: rgb(237 70 0 / var(--tw-text-opacity, 1));
transition: all 0.25s ease-in-out;
}
ul.dropdown.is-navbar li:hover > ul {
width: 220px;
}
ul.dropdown.is-navbar ul li:last-child {
border-bottom: 0;
}
/* Adições para Wordpress */
/* Página atual
ul.dropdown li.current-menu-item a,
ul.dropdown li.current-page-ancestor a,
ul.dropdown li.current-menu-parent > a {
@apply border-b-4 border-primary;
}
*/
ul.dropdown.is-navbar ul a {
padding: 13px 0;
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
transition: all 0.15s ease-in-out;
}
ul.dropdown .menu-item-has-children a {
padding-right: 20px !important;
position: relative;
}
/* seta que indica a posição pai do "balão" submenu
descomente para ativar
ul.dropdown.is-navbar > li > ul:after {
content: " ";
padding: 4.5px;
position: absolute;
top: -4px;
left: 24px;
display: inline-block;
transform: rotate(45deg);
border-width: 1px 0px 0px 1px;
border-color: #ffffff;
border-style: solid;
background-color: #ffffff;
}
*/
/* seta em itens do submenu que possuem subitens */
ul.dropdown .menu-item-has-children > a::after {
content: " ";
padding: 3px;
position: absolute;
top: 16px;
right: 3px;
display: inline-block;
border: 1px solid #000000;
border-width: 0px 1px 1px 0;
transform: rotate(45deg);
transform-origin: center;
}
/* seta em itens do menu principal que possuem subitens */
ul.dropdown > .menu-item-has-children > a::after,
ul.dropdown > .current-menu-ancestor > a::after {
top: 7px;
border-color: #fff;
}
ul.dropdown .menu-item-has-children > a:hover::after {
transform: rotate(-45deg);
transition: ease-in-out 0.2s all;
}
.footer{
margin-left: auto;
margin-right: auto;
max-width: 1440px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
background-repeat: no-repeat;
background-image: url("../images/bg-footer.jpg");
background-position: top 220px center;
}
.hamburguer {
width: 20px;
height: 20px;
display: flex;
flex-direction: column;
justify-content: center;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
transition: all 0.1s ease-in-out;
}
.hamburguer:hover {
height: 25px;
cursor: pointer;
transition: all 0.1s ease-in-out;
}
.hamburguer:after {
content: "";
width: 100%;
height: 2px;
background-color: #fff;
}
.off-canvas {
width: 280px;
height: 100%;
position: fixed;
overflow-y: auto;
top: 0;
left: 0;
z-index: 99999;
background: white;
transition: all 0.2s linear;
transform: translateX(-100%);
}
.off-canvas.is-open {
display: block;
opacity: 1;
transition: all 0.2s linear;
transform: translateX(0);
}
@media (min-width: 768px) {
.off-canvas {
width: 420px;
}
}
/* ---------------------------------------------- */
.off-canvas__backdrop {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
background: rgba(0, 0, 0, 0.603);
transition: all 0.2s linear;
}
.off-canvas__backdrop.is-open {
display: block;
z-index: 9980;
opacity: 0.8;
transition: all 0.2s linear;
}
/* ---------------------------------------------- */
.off-canvas__close {
width: 35px;
height: 35px;
position: absolute;
top: 7px;
right: 8px;
z-index: 10;
text-indent: -999999px;
cursor: pointer;
}
.off-canvas__close:before,
.off-canvas__close:after {
content: "";
position: absolute;
top: 19px;
right: 5px;
z-index: 1;
border: 1px solid black;
width: 25px;
}
.off-canvas__close:after {
transform: rotate(45deg);
}
.off-canvas__close:before {
transform: rotate(315deg);
}
/* -------------------------------------------------- */
.off-canvas__menu {
list-style: none;
}
.off-canvas__menu a {
padding: 15px 25px 15px 20px;
display: block;
position: relative;
border-bottom: 1px solid white;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
-webkit-tap-highlight-color: transparent;
text-decoration: none;
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
.off-canvas__menu .menu-item-has-children > a::after {
content: " ";
padding: 3px;
position: absolute;
top: 50%;
right: 17px;
display: inline-block;
border: solid black;
border-width: 0 2px 2px 0;
transform: rotate(45deg) translateY(-50%);
}
.off-canvas__menu a:hover{
--tw-text-opacity: 1;
color: rgb(237 70 0 / var(--tw-text-opacity, 1));
}
.off-canvas__menu ul {
display: none;
}
/* segundo nivel */
.off-canvas__menu ul li a::before {
content: "-";
padding-right: 10px;
}
/* terceiro nível */
.off-canvas__menu ul ul li a {
padding-left: 40px;
}
.off-canvas__menu ul ul li a::before {
content: "•";
padding-right: 10px;
}
/* quarto nível */
.off-canvas__menu ul ul ul li a {
padding-left: 50px;
}
.off-canvas__menu ul ul ul li a::before {
content: "-";
padding-right: 10px;
}
.menu-footer{
margin-bottom: 1.25rem;
}
.menu-footer a{
display: block;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
.menu-footer .current-menu-item a,
.menu-footer a:hover{
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
/** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff; charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
/* --------------------------------------------------------------------------- */
/* sliders */
/* --------------------------------------------------------------------------- */
.swiper-scrollbar {
background-color: #fff7e3;
}
.swiper-scrollbar-drag {
height: 8px;
top: -2px;
border-radius: 5px;
--tw-bg-opacity: 1;
background-color: rgb(237 70 0 / var(--tw-bg-opacity, 1));
}
/* --------------------------------------------------------------------------- */
/* slider-hero */
/* --------------------------------------------------------------------------- */
.slider-hero .swiper-pagination {
bottom: 20px !important;
}
@media (min-width: 1024px) {
.slider-hero .swiper-pagination {
bottom: 30px !important;
}
}
.slider-hero .swiper-pagination-bullet {
width: 40px;
height: 2px;
margin: 0 !important;
opacity: 1 !important;
border-radius: 2px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.slider-hero .swiper-pagination-bullet-active{
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
}
.tab {
overflow-x: auto;
padding-bottom: 3px;
}
.tab__item {
white-space: nowrap;
font-size: 1rem;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
.tab__item:hover{
border-bottom-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
}
.tab__item.is-active{
border-bottom-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
font-weight: 700;
}
/* SCROLL */
/* /* Firefox (uncomment to work in Firefox, although other properties will not work!) */
/* Chrome, Edge and Safari */
.scroll::-webkit-scrollbar,
div.tab::-webkit-scrollbar {
height: 3px;
width: 5px;
}
.scroll ::-webkit-scrollbar-track,
div.tab::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb,
div.tab::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #c5c5c5;
}
.scroll::-webkit-scrollbar-thumb:hover,
div.tab::-webkit-scrollbar-thumb:hover {
background-color: #d6d6d6;
}
.scroll::-webkit-scrollbar-thumb:active,
div.tab::-webkit-scrollbar-thumb:active {
background-color: #bebebe;
}
/* ------------------------------------------- */
.scroll::-webkit-scrollbar {
height: 8px;
width: 5px;
}
.scroll ::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #ff3c00;
}
.scroll::-webkit-scrollbar-thumb:hover {
background-color: #d6d6d6;
}
.scroll::-webkit-scrollbar-thumb:active {
background-color: #bebebe;
}
.breadcrumbs{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
.breadcrumbs,
.breadcrumbs a{
font-size: 0.813rem;
--tw-text-opacity: 1;
color: rgb(127 127 127 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
.breadcrumbs a:hover{
--tw-text-opacity: 1;
color: rgb(237 70 0 / var(--tw-text-opacity, 1));
}
.breadcrumbs .current{
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
/* breacrumbs dash */
.breadcrumbs.is-dash li {
display: flex;
gap: 20px;
}
.breadcrumbs.is-dash li:not(.current) a {
display: flex;
}
.breadcrumbs.is-dash li:not(.current) a::after {
content: " - ";
display: block;
padding-left: 10px;
}
.breadcrumbs.is-dash .current{
font-weight: 700;
}
.pagination{
display: flex;
justify-content: center;
gap: 0.75rem;
}
.pagination .page-numbers{
display: flex;
justify-content: center;
gap: 0.75rem;
}
.page-numbers{
display: inline-block;
border-radius: 9999px;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.05em;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
text-decoration-line: none;
}
.page-numbers:hover{
--tw-bg-opacity: 1;
background-color: rgb(237 70 0 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px){
.page-numbers{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.page-numbers.current{
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
.contato__bg-left{
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/bg-contato.png);
}
.contato__bg-right{
height: 100%;
background-repeat: no-repeat;
background-image: url(../images/bg-contato-pattern.png);
background-position-x: -360px;
}
.contato__bg-logo{
height: 100%;
--tw-bg-opacity: 1;
background-color: rgb(127 127 127 / var(--tw-bg-opacity, 1));
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/bg-contato.png);
}
@media (min-width: 1024px) {
.contato__bg-logo {
background: none;
}
.contato__content {
background-repeat: no-repeat;
background-image: url(../images/bg-contato-pattern.png);
}
}
.sobreposicao-bolha {
position: relative;
z-index: 20;
}
.bolha-1{
position: absolute;
top: 710px;
left: -232px;
z-index: 10;
display: none;
}
.bolha-2{
position: absolute;
top: 1094px;
left: 750px;
z-index: 10;
display: none;
}
.bolha-3{
position: absolute;
top: 3798px;
left: 784px;
z-index: 10;
display: none;
}
.bolha-4{
position: absolute;
top: 523px;
left: 953px;
z-index: 10;
display: none;
}
@media (min-width: 1180px) {
.bolha-1,
.bolha-2,
.bolha-3,
.bolha-4 {
display: block;
}
}
.calendar-full #calendar{
border-radius: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 1.25rem;
}
.fc-daygrid-body{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.fc-daygrid-day{
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.fc-day-today .fc-daygrid-day-frame{
--tw-bg-opacity: 1;
background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-top{
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
.fc-col-header {
border: 1px solid #d9d9d9 !important;
border-bottom-width: 0 !important;
}
thead .fc-scrollgrid-sync-inner{
border-left-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
/* header ------------------------------------ */
.fc-header-toolbar {
flex-direction: column;
gap: 10px;
}
@media (min-width: 768px) {
.fc-header-toolbar {
flex-direction: row;
justify-content: space-between;
gap: unset;
}
}
.fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
order: 2;
}
.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
order: 1;
}
.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
order: 3;
display: none;
}
/* title ------------------------------------ */
.calendar-full .fc .fc-toolbar-title {
display: flex;
align-items: normal;
font-size: 20px;
text-transform: capitalize;
}
.calendar-full .fc .fc-toolbar-title::before {
content: " ";
width: 27px;
height: 26px;
margin-right: 5px;
display: inline-block;
background: url(../images/icons/calendario.svg) center no-repeat;
filter: brightness(0) saturate(100%) invert(23%) sepia(22%) saturate(340%) hue-rotate(175deg) brightness(90%) contrast(83%);
}
/* --------------------------------------- */
.fc-listMonth-button.btn.ative,
.fc-dayGridMonth-button.btn.active {
background-color: var(--color-primary);
}
/* eventos --------------------------------- */
.fc-h-event {
border-width: 0;
background: none;
}
.event-inner,
.fc-event-main div {
padding: 4px 7px;
background-color: #e6eeff;
font-weight: 600;
color: #89afff;
border-left: 3px solid #89afff;
border-radius: 3px;
}
.fc-event-main:hover div {
border-color: #6594fa;
background-color: #b8cefd;
color: #6594fa;
}
/* direcionais ------------------------------------------- */
.fc-toolbar-chunk .fc-prev-button,
.fc-toolbar-chunk .fc-next-button,
.fc-toolbar-chunk .btn {
height: 30px;
min-width: 50px;
margin: 0;
padding: 0;
background-color: #f4f4f5;
color: #000;
}
.fc-toolbar-chunk .fc-prev-button,
.fc-toolbar-chunk .fc-next-button {
background-repeat: no-repeat;
background-position: center;
}
.fc-toolbar-chunk .fc-prev-button {
background-image: url(../images/icons/calendar-chevron-left.svg);
}
.fc-toolbar-chunk .fc-next-button {
background-image: url(../images/icons/calendar-chevron-right.svg);
}
/* -------------------------------------------- */
.mini-calendar {
/* toolbar */
}
.mini-calendar .fc-daygrid-body,
.mini-calendar .fc-col-header,
.mini-calendar .fc-scrollgrid,
.mini-calendar .fc-scrollgrid-sync-inner,
.mini-calendar th,
.mini-calendar td {
border-width: 0px !important;
}
.mini-calendar thead a {
font-weight: 400;
color: #000;
}
.mini-calendar .fc-daygrid-day-frame {
width: 100%;
height: 100%;
}
.mini-calendar .fc-daygrid-day-top {
width: 100%;
height: 100%;
}
.mini-calendar .fc-daygrid-day-top a {
width: 100%;
height: 100%;
display: block;
display: flex;
justify-content: center;
align-items: center;
color: #7f7f7f;
}
.mini-calendar .fc-day-evento .fc-daygrid-day-top {
background-color: #89afff;
width: 100%;
height: 100%;
border-radius: 5px;
color: #fff;
}
.mini-calendar .fc-day-evento .fc-daygrid-day-top a {
color: #fff;
}
.mini-calendar .fc-daygrid-day-bg,
.mini-calendar .fc-daygrid-day-events {
display: none;
}
.mini-calendar .fc-toolbar {
padding-bottom: 5px;
margin-bottom: 10px !important;
border-bottom: 1px solid #ced8e5;
}
.mini-calendar .fc-toolbar-title {
text-transform: capitalize;
font-size: 15px;
}
.mini-calendar .fc-day-evento {
cursor: pointer;
}
.mini-calendar .events-list {
border: 3px solid #89afff;
padding: 5px;
border-radius: 5px;
}
.dash-menu__item{
margin-bottom: 0.25rem;
display: block;
border-radius: 0.5rem;
background-image: url(../images/icons/chevron-dash-menu.svg);
background-position: right 10px center;
background-repeat: no-repeat;
}
.dash-menu__item.current,
.dash-menu__item:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
}
.dash-menu__item-link{
display: flex;
width: 100%;
gap: 0.75rem;
border-radius: 0.5rem;
padding: 0.75rem;
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
.dash-menu__item.current .dash-menu__item-link,
.dash-menu__item-link:hover{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dash-menu__item-icon {
filter: brightness(0) saturate(100%) invert(50%) sepia(99%) saturate(6044%) hue-rotate(11deg) brightness(101%) contrast(101%);
}
.dash-menu__item.current .dash-menu__item-icon,
.dash-menu__item:hover .dash-menu__item-icon {
filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(294%) hue-rotate(268deg) brightness(116%) contrast(100%);
}
/* ----------- */
.dash-menu__item a::before {
content: "";
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: left center;
filter: brightness(0) saturate(100%) invert(50%) sepia(99%) saturate(6044%) hue-rotate(11deg) brightness(101%) contrast(101%);
}
.dash-menu__item.current a::before,
.dash-menu__item:hover a::before {
filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(294%) hue-rotate(268deg) brightness(116%) contrast(100%);
}
.dash-menu__item.is-dashboard a::before {
background-image: url(../images/icons/dashboard.svg);
}
.dash-menu__item.is-treinamento a::before {
background-image: url(../images/icons/treinamento.svg);
}
.dash-menu__item.is-posts-redes a::before {
background-image: url(../images/icons/posts-redes.svg);
}
.dash-menu__item.is-fact-sheet a::before {
background-image: url(../images/icons/fact-sheet.svg);
}
.dash-menu__item.is-assinatura a::before {
background-image: url(../images/icons/assinatura.svg);
}
.dash-menu__item.is-calendario a::before {
background-image: url(../images/icons/calendario.svg);
}
.dash-menu__item.is-onboard a::before {
background-image: url(../images/icons/onboard.svg);
}
.dash-menu__item.is-brand-guide a::before {
background-image: url(../images/icons/brand.svg);
}
.dash-menu__item.is-logout a::before {
background-image: url(../images/icons/user.svg);
}
.modal {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.8);
overflow-y: auto;
}
/* modal type-------------------------------------------- */
.event-type-flag {
display: flex;
gap: 10px;
align-items: center;
padding: 11px 16px;
border-radius: 100px;
background: #e1fff6;
/* Shadow/xs */
box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.1);
}
.event-type-flag__icon {
max-width: 40px;
}
.event-type-flag__title {
font-weight: 600;
}
/* -------------------------------------------- */
.event-info {
font-size: 14px;
}
/* -------------------------------------------- */
.modal-dialog {
position: relative;
width: auto;
margin-top: 100px;
pointer-events: none;
background-color: #89afff;
border: 2px solid #89afff;
border-radius: 15px;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 400px;
margin-right: auto;
margin-left: auto;
}
}
/* -------------------------------------------- */
.modal-content {
padding-top: 6px;
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-clip: padding-box;
border-radius: 15px;
outline: 0;
overflow: hidden;
}
/* header -------------------------------------------- */
.modal-header {
padding: 15px 10px 10px 15px;
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
background-color: #fff;
}
/* close -------------------------------------------- */
.modal-header .btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 5px;
margin: 5px;
position: relative;
top: -10px;
color: #000;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center no-repeat;
background-size: 1em;
border: 0;
border-radius: 0.375rem;
opacity: 0.5;
transition: opacity 0.2s ease-in-out;
}
.modal-header .btn-close:hover {
opacity: 1;
}
/* -------------------------------------------- */
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 15px;
background-color: #fff;
}
/*----------------------------------------------*/
.modal-footer {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 15px;
background-color: var(--bs-modal-footer-bg);
}
/* -------------------------------------------------------------- */
/* filtros */
/* -------------------------------------------------------------- */
.filter-primary {
filter: brightness(0) saturate(100%) invert(50%) sepia(99%) saturate(6044%) hue-rotate(11deg) brightness(101%) contrast(101%);
}
.filter-white {
filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(294%) hue-rotate(268deg) brightness(116%) contrast(100%);
}
.filter-grey-900 {
filter: brightness(0) saturate(100%) invert(23%) sepia(22%) saturate(340%) hue-rotate(175deg) brightness(90%) contrast(83%);
}
/* utilities */
.static{
position: static;
}
.fixed{
position: fixed;
}
.absolute{
position: absolute;
}
.relative{
position: relative;
}
.inset-0{
inset: 0px;
}
.left-0{
left: 0px;
}
.right-0{
right: 0px;
}
.right-\[12px\]{
right: 12px;
}
.top-0{
top: 0px;
}
.top-\[-3px\]{
top: -3px;
}
.top-\[-77px\]{
top: -77px;
}
.top-\[36px\]{
top: 36px;
}
.top-\[61px\]{
top: 61px;
}
.z-10{
z-index: 10;
}
.z-20{
z-index: 20;
}
.z-30{
z-index: 30;
}
.z-50{
z-index: 50;
}
.z-\[100\]{
z-index: 100;
}
.order-2{
order: 2;
}
.order-3{
order: 3;
}
.col-span-12{
grid-column: span 12 / span 12;
}
.col-span-3{
grid-column: span 3 / span 3;
}
.\!m-0{
margin: 0px !important;
}
.mx-auto{
margin-left: auto;
margin-right: auto;
}
.my-10{
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-4{
margin-top: 1rem;
margin-bottom: 1rem;
}
.\!mb-0{
margin-bottom: 0px !important;
}
.-mr-1{
margin-right: -0.25rem;
}
.mb-1{
margin-bottom: 0.25rem;
}
.mb-10{
margin-bottom: 2.5rem;
}
.mb-12{
margin-bottom: 3rem;
}
.mb-14{
margin-bottom: 3.5rem;
}
.mb-2{
margin-bottom: 0.5rem;
}
.mb-3{
margin-bottom: 0.75rem;
}
.mb-4{
margin-bottom: 1rem;
}
.mb-5{
margin-bottom: 1.25rem;
}
.mb-6{
margin-bottom: 1.5rem;
}
.mb-7{
margin-bottom: 1.75rem;
}
.mb-8{
margin-bottom: 2rem;
}
.mb-9{
margin-bottom: 2.25rem;
}
.mb-\[100px\]{
margin-bottom: 100px;
}
.mb-\[29px\]{
margin-bottom: 29px;
}
.mb-\[60px\]{
margin-bottom: 60px;
}
.ml-1{
margin-left: 0.25rem;
}
.mr-2{
margin-right: 0.5rem;
}
.mt-1{
margin-top: 0.25rem;
}
.mt-2{
margin-top: 0.5rem;
}
.mt-8{
margin-top: 2rem;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.inline{
display: inline;
}
.\!flex{
display: flex !important;
}
.flex{
display: flex;
}
.inline-flex{
display: inline-flex;
}
.table{
display: table;
}
.grid{
display: grid;
}
.hidden{
display: none;
}
.size-5{
width: 1.25rem;
height: 1.25rem;
}
.\!h-5{
height: 1.25rem !important;
}
.h-2{
height: 0.5rem;
}
.h-\[33px\]{
height: 33px;
}
.h-\[360px\]{
height: 360px;
}
.h-\[56px\]{
height: 56px;
}
.h-\[60px\]{
height: 60px;
}
.h-full{
height: 100%;
}
.min-h-\[480px\]{
min-height: 480px;
}
.min-h-\[65px\]{
min-height: 65px;
}
.min-h-\[680px\]{
min-height: 680px;
}
.min-h-\[77px\]{
min-height: 77px;
}
.\!w-5{
width: 1.25rem !important;
}
.w-\[100px\]{
width: 100px;
}
.w-\[164px\]{
width: 164px;
}
.w-\[33px\]{
width: 33px;
}
.w-\[50\%\]{
width: 50%;
}
.w-\[60px\]{
width: 60px;
}
.w-\[99px\]{
width: 99px;
}
.w-full{
width: 100%;
}
.min-w-\[300px\]{
min-width: 300px;
}
.max-w-\[150px\]{
max-width: 150px;
}
.max-w-\[173px\]{
max-width: 173px;
}
.max-w-\[323px\]{
max-width: 323px;
}
.max-w-\[400px\]{
max-width: 400px;
}
.max-w-\[478px\]{
max-width: 478px;
}
.max-w-\[500px\]{
max-width: 500px;
}
.max-w-\[640px\]{
max-width: 640px;
}
.max-w-\[650px\]{
max-width: 650px;
}
.max-w-\[715px\]{
max-width: 715px;
}
.max-w-\[790px\]{
max-width: 790px;
}
.max-w-\[920px\]{
max-width: 920px;
}
.max-w-full{
max-width: 100%;
}
.shrink-0{
flex-shrink: 0;
}
.grow{
flex-grow: 1;
}
.grow-0{
flex-grow: 0;
}
.origin-top-right{
transform-origin: top right;
}
.cursor-default{
cursor: default;
}
.cursor-pointer{
cursor: pointer;
}
.grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-col{
flex-direction: column;
}
.flex-nowrap{
flex-wrap: nowrap;
}
.items-center{
align-items: center;
}
.justify-end{
justify-content: flex-end;
}
.justify-center{
justify-content: center;
}
.justify-between{
justify-content: space-between;
}
.gap-1{
gap: 0.25rem;
}
.gap-10{
gap: 2.5rem;
}
.gap-14{
gap: 3.5rem;
}
.gap-2{
gap: 0.5rem;
}
.gap-3{
gap: 0.75rem;
}
.gap-4{
gap: 1rem;
}
.gap-5{
gap: 1.25rem;
}
.gap-6{
gap: 1.5rem;
}
.gap-7{
gap: 1.75rem;
}
.gap-\[20px\]{
gap: 20px;
}
.gap-x-1\.5{
column-gap: 0.375rem;
}
.divide-x > :not([hidden]) ~ :not([hidden]){
--tw-divide-x-reverse: 0;
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]){
--tw-divide-x-reverse: 0;
border-right-width: calc(2px * var(--tw-divide-x-reverse));
border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-grey-900 > :not([hidden]) ~ :not([hidden]){
--tw-divide-opacity: 1;
border-color: rgb(62 68 76 / var(--tw-divide-opacity, 1));
}
.self-center{
align-self: center;
}
.overflow-hidden{
overflow: hidden;
}
.overflow-x-hidden{
overflow-x: hidden;
}
.\!rounded-full{
border-radius: 9999px !important;
}
.rounded-2xl{
border-radius: 1rem;
}
.rounded-3xl{
border-radius: 1.5rem;
}
.rounded-\[20px\]{
border-radius: 20px;
}
.rounded-full{
border-radius: 9999px;
}
.rounded-lg{
border-radius: 0.5rem;
}
.rounded-md{
border-radius: 0.375rem;
}
.rounded-xl{
border-radius: 0.75rem;
}
.rounded-b-md{
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.rounded-t-md{
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.border{
border-width: 1px;
}
.border-y{
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-b-2{
border-bottom-width: 2px;
}
.border-t{
border-top-width: 1px;
}
.border-t-\[1px\]{
border-top-width: 1px;
}
.border-solid{
border-style: solid;
}
.border-\[\#F6E3D2\]{
--tw-border-opacity: 1;
border-color: rgb(246 227 210 / var(--tw-border-opacity, 1));
}
.border-grey-300{
--tw-border-opacity: 1;
border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.border-primary{
--tw-border-opacity: 1;
border-color: rgb(255 75 0 / var(--tw-border-opacity, 1));
}
.border-t-grey-300{
--tw-border-opacity: 1;
border-top-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
}
.bg-\[\#929292\]{
--tw-bg-opacity: 1;
background-color: rgb(146 146 146 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F6F6\]{
--tw-bg-opacity: 1;
background-color: rgb(245 246 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FCEEDE\]{
--tw-bg-opacity: 1;
background-color: rgb(252 238 222 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FCFAF9\]{
--tw-bg-opacity: 1;
background-color: rgb(252 250 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF7E3\]{
--tw-bg-opacity: 1;
background-color: rgb(255 247 227 / var(--tw-bg-opacity, 1));
}
.bg-black{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/50{
background-color: rgb(0 0 0 / 0.5);
}
.bg-grey-900{
--tw-bg-opacity: 1;
background-color: rgb(62 68 76 / var(--tw-bg-opacity, 1));
}
.bg-primary{
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
}
.bg-slate-700{
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-white{
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-50{
--tw-bg-opacity: 0.5;
}
.bg-gradient-to-t{
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-black{
--tw-gradient-from: #000 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-transparent{
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-transparent{
--tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-cover{
background-size: cover;
}
.bg-center{
background-position: center;
}
.bg-no-repeat{
background-repeat: no-repeat;
}
.object-cover{
object-fit: cover;
}
.p-1{
padding: 0.25rem;
}
.p-3{
padding: 0.75rem;
}
.p-4{
padding: 1rem;
}
.p-6{
padding: 1.5rem;
}
.\!px-1{
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.\!px-\[10px\]{
padding-left: 10px !important;
padding-right: 10px !important;
}
.px-2{
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3{
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.px-5{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-\[7px\]{
padding-left: 7px;
padding-right: 7px;
}
.py-14{
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.py-2{
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3{
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-4{
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-7{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.py-8{
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-\[2px\]{
padding-top: 2px;
padding-bottom: 2px;
}
.pb-12{
padding-bottom: 3rem;
}
.pb-7{
padding-bottom: 1.75rem;
}
.pb-9{
padding-bottom: 2.25rem;
}
.pb-\[1px\]{
padding-bottom: 1px;
}
.pb-\[4px\]{
padding-bottom: 4px;
}
.pl-1{
padding-left: 0.25rem;
}
.pl-2{
padding-left: 0.5rem;
}
.pl-4{
padding-left: 1rem;
}
.pr-2{
padding-right: 0.5rem;
}
.pt-1{
padding-top: 0.25rem;
}
.pt-24{
padding-top: 6rem;
}
.pt-6{
padding-top: 1.5rem;
}
.pt-8{
padding-top: 2rem;
}
.pt-\[1\.6rem\]{
padding-top: 1.6rem;
}
.pt-\[56px\]{
padding-top: 56px;
}
.text-left{
text-align: left;
}
.text-center{
text-align: center;
}
.\!text-\[12px\]{
font-size: 12px !important;
}
.text-13{
font-size: 0.8125rem;
}
.text-17{
font-size: 1.0625rem;
}
.text-2xl{
font-size: 1.5rem;
line-height: 2rem;
}
.text-3xl{
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-4xl{
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-\[0\.813rem\]{
font-size: 0.813rem;
}
.text-\[1\.063rem\]{
font-size: 1.063rem;
}
.text-\[10px\]{
font-size: 10px;
}
.text-\[12px\]{
font-size: 12px;
}
.text-\[13px\]{
font-size: 13px;
}
.text-\[14px\]{
font-size: 14px;
}
.text-\[17px\]{
font-size: 17px;
}
.text-\[22px\]{
font-size: 22px;
}
.text-\[25px\]{
font-size: 25px;
}
.text-\[30px\]{
font-size: 30px;
}
.text-\[40px\]{
font-size: 40px;
}
.text-\[64px\]{
font-size: 64px;
}
.text-\[70px\]{
font-size: 70px;
}
.text-base{
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg{
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl{
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs{
font-size: 0.75rem;
line-height: 1rem;
}
.font-black{
font-weight: 900;
}
.font-bold{
font-weight: 700;
}
.font-medium{
font-weight: 500;
}
.font-normal{
font-weight: 400;
}
.font-semibold{
font-weight: 600;
}
.\!uppercase{
text-transform: uppercase !important;
}
.uppercase{
text-transform: uppercase;
}
.lowercase{
text-transform: lowercase;
}
.not-italic{
font-style: normal;
}
.leading-\[1\.1\]{
line-height: 1.1;
}
.leading-none{
line-height: 1;
}
.leading-normal{
line-height: 1.5;
}
.leading-relaxed{
line-height: 1.625;
}
.leading-tight{
line-height: 1.25;
}
.text-\[\#A96322\]{
--tw-text-opacity: 1;
color: rgb(169 99 34 / var(--tw-text-opacity, 1));
}
.text-gray-300{
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-700{
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-grey-600{
--tw-text-opacity: 1;
color: rgb(127 127 127 / var(--tw-text-opacity, 1));
}
.text-grey-900{
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
.text-primary{
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
.text-white{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.shadow{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-1{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset{
--tw-ring-inset: inset;
}
.ring-black\/5{
--tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-gray-300{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}
.blur{
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
ul.bullets li::before {
content: "•";
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
ul.bullets-inline {
display: flex;
}
ul.bullets-inline li::before {
content: "•";
padding-left: 0.5rem;
padding-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
ul.bullets-inline li:first-child::before {
display: none;
}
.hover\:bg-\[\#FFF7E3\]:hover{
--tw-bg-opacity: 1;
background-color: rgb(255 247 227 / var(--tw-bg-opacity, 1));
}
.hover\:bg-grey-300:hover{
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary-600:hover{
--tw-bg-opacity: 1;
background-color: rgb(237 70 0 / var(--tw-bg-opacity, 1));
}
.hover\:text-gray-900:hover{
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.hover\:text-grey-600:hover{
--tw-text-opacity: 1;
color: rgb(127 127 127 / var(--tw-text-opacity, 1));
}
.hover\:text-grey-900:hover{
--tw-text-opacity: 1;
color: rgb(62 68 76 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover{
--tw-text-opacity: 1;
color: rgb(255 75 0 / var(--tw-text-opacity, 1));
}
.hover\:text-primary-600:hover{
--tw-text-opacity: 1;
color: rgb(237 70 0 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
text-decoration-line: underline;
}
.hover\:ring-2:hover{
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.hover\:ring-primary:hover{
--tw-ring-opacity: 1;
--tw-ring-color: rgb(255 75 0 / var(--tw-ring-opacity, 1));
}
.focus\:text-white:focus{
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.focus\:outline-none:focus{
outline: 2px solid transparent;
outline-offset: 2px;
}
@media (min-width: 640px){
.sm\:top-\[48px\]{
top: 48px;
}
.sm\:col-span-4{
grid-column: span 4 / span 4;
}
.sm\:col-span-8{
grid-column: span 8 / span 8;
}
.sm\:mb-0{
margin-bottom: 0px;
}
.sm\:block{
display: block;
}
.sm\:flex{
display: flex;
}
.sm\:grid{
display: grid;
}
.sm\:hidden{
display: none;
}
.sm\:max-w-full{
max-width: 100%;
}
.sm\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:px-\[120px\]{
padding-left: 120px;
padding-right: 120px;
}
}
@media (min-width: 768px){
.md\:mb-7{
margin-bottom: 1.75rem;
}
.md\:ml-\[164px\]{
margin-left: 164px;
}
.md\:block{
display: block;
}
.md\:flex{
display: flex;
}
.md\:hidden{
display: none;
}
.md\:w-full{
width: 100%;
}
.md\:max-w-\[1160px\]{
max-width: 1160px;
}
.md\:max-w-\[150px\]{
max-width: 150px;
}
.md\:max-w-\[220px\]{
max-width: 220px;
}
.md\:shrink-0{
flex-shrink: 0;
}
.md\:grow{
flex-grow: 1;
}
.md\:grow-0{
flex-grow: 0;
}
.md\:grid-cols-1{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:flex-row{
flex-direction: row;
}
.md\:flex-col{
flex-direction: column;
}
.md\:items-center{
align-items: center;
}
.md\:justify-between{
justify-content: space-between;
}
.md\:rounded-\[40px\]{
border-radius: 40px;
}
.md\:p-12{
padding: 3rem;
}
.md\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.md\:pb-14{
padding-bottom: 3.5rem;
}
.md\:text-start{
text-align: start;
}
.md\:text-45{
font-size: 2.8125rem;
}
}
@media (min-width: 1024px){
.lg\:top-\[-115px\]{
top: -115px;
}
.lg\:top-\[40px\]{
top: 40px;
}
.lg\:order-1{
order: 1;
}
.lg\:order-2{
order: 2;
}
.lg\:order-3{
order: 3;
}
.lg\:col-span-1{
grid-column: span 1 / span 1;
}
.lg\:col-span-2{
grid-column: span 2 / span 2;
}
.lg\:col-span-3{
grid-column: span 3 / span 3;
}
.lg\:col-span-5{
grid-column: span 5 / span 5;
}
.lg\:col-span-9{
grid-column: span 9 / span 9;
}
.lg\:my-12{
margin-top: 3rem;
margin-bottom: 3rem;
}
.lg\:mb-0{
margin-bottom: 0px;
}
.lg\:mb-10{
margin-bottom: 2.5rem;
}
.lg\:mb-8{
margin-bottom: 2rem;
}
.lg\:mb-\[100px\]{
margin-bottom: 100px;
}
.lg\:mb-\[60px\]{
margin-bottom: 60px;
}
.lg\:block{
display: block;
}
.lg\:flex{
display: flex;
}
.lg\:grid{
display: grid;
}
.lg\:hidden{
display: none;
}
.lg\:min-h-\[116px\]{
min-height: 116px;
}
.lg\:min-h-\[680px\]{
min-height: 680px;
}
.lg\:min-h-\[790px\]{
min-height: 790px;
}
.lg\:scale-75{
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.lg\:grid-cols-12{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-9{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.lg\:flex-row{
flex-direction: row;
}
.lg\:justify-between{
justify-content: space-between;
}
.lg\:gap-3{
gap: 0.75rem;
}
.lg\:bg-primary{
--tw-bg-opacity: 1;
background-color: rgb(255 75 0 / var(--tw-bg-opacity, 1));
}
.lg\:p-10{
padding: 2.5rem;
}
.lg\:p-7{
padding: 1.75rem;
}
.lg\:p-8{
padding: 2rem;
}
.lg\:px-4{
padding-left: 1rem;
padding-right: 1rem;
}
.lg\:py-10{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.lg\:py-5{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.lg\:py-7{
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.lg\:py-9{
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.lg\:pt-0{
padding-top: 0px;
}
.lg\:pt-14{
padding-top: 3.5rem;
}
.lg\:pt-24{
padding-top: 6rem;
}
.lg\:pt-\[60px\]{
padding-top: 60px;
}
.lg\:text-45{
font-size: 2.8125rem;
}
.lg\:text-\[45px\]{
font-size: 45px;
}
.lg\:text-\[70px\]{
font-size: 70px;
}
.lg\:leading-tight{
line-height: 1.25;
}
}
@media (min-width: 1280px){
.xl\:block{
display: block;
}
.xl\:flex{
display: flex;
}
.xl\:hidden{
display: none;
}
.xl\:basis-\[510px\]{
flex-basis: 510px;
}
.xl\:flex-row{
flex-direction: row;
}
.xl\:items-start{
align-items: flex-start;
}
.xl\:justify-between{
justify-content: space-between;
}
.xl\:text-left{
text-align: left;
}
}
@media (min-width: 1536px){
.\32xl\:block{
display: block;
}
.\32xl\:flex{
display: flex;
}
.\32xl\:hidden{
display: none;
}
.\32xl\:bg-cover{
background-size: cover;
}
}