/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
  --tw-content: '';
  --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;
}

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/* @import "./fonts.css"; */

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/* @import "tailwindcss/base"; */

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

body.open_menu {
  overflow: hidden;
}

.features_slider .slick-track {
  display: flex;
}

.features_slider .slick-slide {
  height: auto !important;
}

.features_slider .slick-slide>div {
  height: 100%;
}

.categories_slider .slick-dots {
  display: flex;
  list-style-type: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0px;
}

.categories_slider .slick-dots button {
  height: 10px;
  width: 10px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 243 / var(--tw-bg-opacity, 1));
  padding: 0px;
  font-size: 0;
  opacity: 0.4;
}

.categories_slider .slick-dots .slick-active button {
  opacity: 1;
}

.related_products_slider .slick-dots {
  display: flex;
  list-style-type: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0px;
}

.related_products_slider .slick-dots button {
  height: 10px;
  width: 10px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
  padding: 0px;
  font-size: 0;
  opacity: 0.4;
}

.related_products_slider .slick-dots .slick-active button {
  opacity: 0.8;
}

.related_products_slider .slick-track {
  margin: 0px;
  display: flex;
}

.related_products_slider .slick-slide {
  height: auto !important;
}

.related_products_slider .slick-slide>div {
  height: 100%;
}

.footer .menu {
  margin-top: 12px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 6px;
  padding: 0px;
}

@media (min-width: 768px) {
  .footer .menu {
    margin-top: 20px;
  }
}

.footer .menu a {
  font-size: 16px;
  line-height: 1.3;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.footer .menu a:hover {
  --tw-text-opacity: 1;
  color: rgb(73 106 229 / var(--tw-text-opacity, 1));
}

.woocommerce div.product form.cart {
  margin: 0px;
}

.woocommerce div.product form.cart div.quantity {
  float: none;
}

.content_block {
  font-size: 16px;
  line-height: 1.5;
}

.content_block td,
.content_block th {
  border-color: rgb(33 33 33 / 0.55);
  font-size: 16px;
  line-height: 1.5;
}

.content_block p,
.content_block ul,
.content_block ol {
  margin-top: 0px;
  margin-bottom: 12px;
}

.content_block p:last-child,
.content_block ul:last-child,
.content_block ol:last-child {
  margin-bottom: 0px;
}

.content_block li {
  margin-bottom: 8px;
}

.content_block li:last-child {
  margin-bottom: 0px;
}

.content_block a {
  --tw-text-opacity: 1;
  color: rgb(73 106 229 / var(--tw-text-opacity, 1));
}

.content_block a:hover {
  --tw-text-opacity: 1;
  color: rgb(73 106 229 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.content_block h1 {
  margin: 0px;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.3;
}

.content_block h2 {
  margin-top: 38px;
  margin-bottom: 16px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}

.content_block h3 {
  margin-top: 24px;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.content_block h4 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.supplements_products .wc-forward {
  margin-left: 16px;
  font-size: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(73 106 229 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.supplements_products .wc-forward:hover {
  --tw-text-opacity: 1;
  color: rgb(33 33 33 / var(--tw-text-opacity, 1));
}

#rx_table {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(33 33 33 / 0.2);
}

#rx_table th,
#rx_table td {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#rx_table th:not(:last-child),
#rx_table td:not(:last-child) {
  border-right: 1px solid;
  border-color: rgb(33 33 33 / 0.2);
}

#rx_table tbody tr:not(:last-child)>td {
  border-bottom: 1px solid;
  border-color: rgb(33 33 33 / 0.2);
}

#rx_table thead th {
  border-bottom: 2px solid;
  border-color: rgb(33 33 33 / 0.2);
}

#rx_table tbody tr:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 243 / var(--tw-bg-opacity, 1));
}

#patient_filter button {
  --tw-border-opacity: 1;
  border-color: rgb(98 15 98 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(98 15 98 / var(--tw-bg-opacity, 1));
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#patient_filter input {
  padding-top: 6px;
  padding-bottom: 6px;
}

.is-prescriptions-page .e-con-inner {
  max-width: 100%;
}

/* @import "./components/components.css"; */

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.tw .static {
  position: static;
}

.tw .fixed {
  position: fixed;
}

.tw .absolute {
  position: absolute;
}

.tw .relative {
  position: relative;
}

.tw .sticky {
  position: sticky;
}

.tw .bottom-0 {
  bottom: 0px;
}

.tw .left-0 {
  left: 0px;
}

.tw .left-2\/4 {
  left: 50%;
}

.tw .right-0 {
  right: 0px;
}

.tw .right-\[8px\] {
  right: 8px;
}

.tw .top-0 {
  top: 0px;
}

.tw .top-2\/4 {
  top: 50%;
}

.tw .top-\[12px\] {
  top: 12px;
}

.tw .top-\[8px\] {
  top: 8px;
}

.tw .z-10 {
  z-index: 10;
}

.tw .z-50 {
  z-index: 50;
}

.tw .z-\[60\] {
  z-index: 60;
}

.tw .z-\[70\] {
  z-index: 70;
}

.tw .order-first {
  order: -9999;
}

.tw .m-0 {
  margin: 0px;
}

.tw .mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw .my-\[32px\] {
  margin-top: 32px;
  margin-bottom: 32px;
}

.tw .mb-0 {
  margin-bottom: 0px;
}

.tw .mb-\[12px\] {
  margin-bottom: 12px;
}

.tw .mb-\[16px\] {
  margin-bottom: 16px;
}

.tw .mb-\[20px\] {
  margin-bottom: 20px;
}

.tw .mb-\[24px\] {
  margin-bottom: 24px;
}

.tw .mb-\[4px\] {
  margin-bottom: 4px;
}

.tw .mb-\[6px\] {
  margin-bottom: 6px;
}

.tw .mt-0 {
  margin-top: 0px;
}

.tw .mt-\[100px\] {
  margin-top: 100px;
}

.tw .mt-\[12px\] {
  margin-top: 12px;
}

.tw .mt-\[16px\] {
  margin-top: 16px;
}

.tw .mt-\[20px\] {
  margin-top: 20px;
}

.tw .mt-\[24px\] {
  margin-top: 24px;
}

.tw .mt-\[28px\] {
  margin-top: 28px;
}

.tw .mt-\[32px\] {
  margin-top: 32px;
}

.tw .mt-\[4px\] {
  margin-top: 4px;
}

.tw .mt-\[6px\] {
  margin-top: 6px;
}

.tw .mt-\[8px\] {
  margin-top: 8px;
}

.tw .mt-auto {
  margin-top: auto;
}

.tw .block {
  display: block;
}

.tw .flex {
  display: flex;
}

.tw .inline-flex {
  display: inline-flex;
}

.tw .table {
  display: table;
}

.tw .grid {
  display: grid;
}

.tw .hidden {
  display: none;
}

.tw .h-\[100px\] {
  height: 100px;
}

.tw .h-\[125px\] {
  height: 125px;
}

.tw .h-\[50px\] {
  height: 50px;
}

.tw .h-\[75px\] {
  height: 75px;
}

.tw .h-\[85px\] {
  height: 85px;
}

.tw .h-\[calc\(100\%-100px\)\] {
  height: calc(100% - 100px);
}

.tw .h-auto {
  height: auto;
}

.tw .h-full {
  height: 100%;
}

.tw .max-h-\[300px\] {
  max-height: 300px;
}

.tw .max-h-\[400px\] {
  max-height: 400px;
}

.tw .max-h-\[80vh\] {
  max-height: 80vh;
}

.tw .\!w-\[80px\] {
  width: 80px !important;
}

.tw .w-\[18px\] {
  width: 18px;
}

.tw .w-\[20px\] {
  width: 20px;
}

.tw .w-\[24px\] {
  width: 24px;
}

.tw .w-\[28px\] {
  width: 28px;
}

.tw .w-\[4px\] {
  width: 4px;
}

.tw .w-\[50\%\] {
  width: 50%;
}

.tw .w-auto {
  width: auto;
}

.tw .w-full {
  width: 100%;
}

.tw .min-w-\[235px\] {
  min-width: 235px;
}

.tw .max-w-\[1210px\] {
  max-width: 1210px;
}

.tw .max-w-\[200px\] {
  max-width: 200px;
}

.tw .max-w-\[540px\] {
  max-width: 540px;
}

.tw .max-w-\[900px\] {
  max-width: 900px;
}

.tw .max-w-\[90vw\] {
  max-width: 90vw;
}

.tw .max-w-\[960px\] {
  max-width: 960px;
}

.tw .flex-1 {
  flex: 1 1 0%;
}

.tw .flex-\[1\.1\] {
  flex: 1.1;
}

.tw .basis-\[150px\] {
  flex-basis: 150px;
}

.tw .-translate-x-2\/4 {
  --tw-translate-x: -50%;
  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));
}

.tw .-translate-y-2\/4 {
  --tw-translate-y: -50%;
  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));
}

.tw .translate-x-2\/4 {
  --tw-translate-x: 50%;
  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));
}

.tw .cursor-pointer {
  cursor: pointer;
}

.tw .list-none {
  list-style-type: none;
}

.tw .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tw .grid-cols-\[75px_1fr_75px\] {
  grid-template-columns: 75px 1fr 75px;
}

.tw .flex-col {
  flex-direction: column;
}

.tw .flex-wrap {
  flex-wrap: wrap;
}

.tw .items-center {
  align-items: center;
}

.tw .items-stretch {
  align-items: stretch;
}

.tw .justify-end {
  justify-content: flex-end;
}

.tw .justify-center {
  justify-content: center;
}

.tw .gap-\[12px\] {
  gap: 12px;
}

.tw .gap-\[16px\] {
  gap: 16px;
}

.tw .gap-\[24px\] {
  gap: 24px;
}

.tw .gap-\[32px\] {
  gap: 32px;
}

.tw .gap-\[4px\] {
  gap: 4px;
}

.tw .gap-\[6px\] {
  gap: 6px;
}

.tw .gap-\[8px\] {
  gap: 8px;
}

.tw .overflow-auto {
  overflow: auto;
}

.tw .overflow-hidden {
  overflow: hidden;
}

.tw .overflow-x-auto {
  overflow-x: auto;
}

.tw .whitespace-nowrap {
  white-space: nowrap;
}

.tw .text-wrap {
  text-wrap: wrap;
}

.tw .rounded-full {
  border-radius: 9999px;
}

.tw .rounded-lg {
  border-radius: 0.5rem;
}

.tw .rounded-md {
  border-radius: 0.375rem;
}

.tw .rounded-xl {
  border-radius: 0.75rem;
}

.tw .rounded-\[6px\] {
  border-radius: 6px;
}

.tw .rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.tw .rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.tw .border {
  border-width: 1px;
}

.tw .border-2 {
  border-width: 2px;
}

.tw .border-b-0 {
  border-bottom-width: 0px;
}

.tw .border-l-0 {
  border-left-width: 0px;
}

.tw .border-r-0 {
  border-right-width: 0px;
}

.tw .border-t-0 {
  border-top-width: 0px;
}

.tw .border-solid {
  border-style: solid;
}

.tw .\!border-none {
  border-style: none !important;
}

.tw .border-none {
  border-style: none;
}

.tw .border-black {
  --tw-border-opacity: 1;
  border-color: rgb(33 33 33 / var(--tw-border-opacity, 1));
}

.tw .border-black\/20 {
  border-color: rgb(33 33 33 / 0.2);
}

.tw .border-black\/55 {
  border-color: rgb(33 33 33 / 0.55);
}

.tw .border-blue {
  --tw-border-opacity: 1;
  border-color: rgb(73 106 229 / var(--tw-border-opacity, 1));
}

.tw .border-brand {
  --tw-border-opacity: 1;
  border-color: rgb(98 15 98 / var(--tw-border-opacity, 1));
}

.tw .border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(240 241 243 / var(--tw-border-opacity, 1));
}

.tw .border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.tw .border-yellow-600 {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity, 1));
}

.tw .bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}

.tw .bg-black\/5 {
  background-color: rgb(33 33 33 / 0.05);
}

.tw .bg-black\/55 {
  background-color: rgb(33 33 33 / 0.55);
}

.tw .bg-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(73 106 229 / var(--tw-bg-opacity, 1));
}

.tw .bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgb(98 15 98 / var(--tw-bg-opacity, 1));
}

.tw .bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 241 243 / var(--tw-bg-opacity, 1));
}

.tw .bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.tw .bg-transparent {
  background-color: transparent;
}

.tw .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw .bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.tw .fill-black {
  fill: #212121;
}

.tw .fill-blue {
  fill: #496AE5;
}

.tw .fill-white {
  fill: #fff;
}

.tw .object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.tw .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.tw .object-center {
  -o-object-position: center;
     object-position: center;
}

.tw .p-0 {
  padding: 0px;
}

.tw .p-\[8px\] {
  padding: 8px;
}

.tw .px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}

.tw .px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}

.tw .px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}

.tw .px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}

.tw .px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}

.tw .px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}

.tw .px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}

.tw .px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}

.tw .px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}

.tw .py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}

.tw .py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px;
}

.tw .py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tw .py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
}

.tw .py-\[32px\] {
  padding-top: 32px;
  padding-bottom: 32px;
}

.tw .py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}

.tw .py-\[50px\] {
  padding-top: 50px;
  padding-bottom: 50px;
}

.tw .py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.tw .py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}

.tw .pb-\[12px\] {
  padding-bottom: 12px;
}

.tw .pb-\[16px\] {
  padding-bottom: 16px;
}

.tw .pb-\[24px\] {
  padding-bottom: 24px;
}

.tw .pb-\[4px\] {
  padding-bottom: 4px;
}

.tw .pl-\[20px\] {
  padding-left: 20px;
}

.tw .pt-\[12px\] {
  padding-top: 12px;
}

.tw .pt-\[16px\] {
  padding-top: 16px;
}

.tw .pt-\[20px\] {
  padding-top: 20px;
}

.tw .pt-\[24px\] {
  padding-top: 24px;
}

.tw .text-left {
  text-align: left;
}

.tw .text-center {
  text-align: center;
}

.tw .text-right {
  text-align: right;
}

.tw .text-\[12px\] {
  font-size: 12px;
}

.tw .text-\[14px\] {
  font-size: 14px;
}

.tw .text-\[16px\] {
  font-size: 16px;
}

.tw .text-\[18px\] {
  font-size: 18px;
}

.tw .text-\[20px\] {
  font-size: 20px;
}

.tw .text-\[22px\] {
  font-size: 22px;
}

.tw .text-\[24px\] {
  font-size: 24px;
}

.tw .text-\[28px\] {
  font-size: 28px;
}

.tw .text-\[38px\] {
  font-size: 38px;
}

.tw .font-medium {
  font-weight: 500;
}

.tw .font-normal {
  font-weight: 400;
}

.tw .font-semibold {
  font-weight: 600;
}

.tw .normal-case {
  text-transform: none;
}

.tw .italic {
  font-style: italic;
}

.tw .leading-\[1\.25\] {
  line-height: 1.25;
}

.tw .leading-\[1\.2\] {
  line-height: 1.2;
}

.tw .leading-\[1\.3\] {
  line-height: 1.3;
}

.tw .leading-\[1\.5\] {
  line-height: 1.5;
}

.tw .leading-\[1\] {
  line-height: 1;
}

.tw .leading-none {
  line-height: 1;
}

.tw .\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(33 33 33 / var(--tw-text-opacity, 1)) !important;
}

.tw .\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.tw .text-black {
  --tw-text-opacity: 1;
  color: rgb(33 33 33 / var(--tw-text-opacity, 1));
}

.tw .text-blue {
  --tw-text-opacity: 1;
  color: rgb(73 106 229 / var(--tw-text-opacity, 1));
}

.tw .text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.tw .text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.tw .text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.tw .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw .text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}

.tw .line-through {
  text-decoration-line: line-through;
}

.tw .opacity-80 {
  opacity: 0.8;
}

.tw .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);
}

.tw .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* @import "./utilities.css"; */

.tw .before\:block::before {
  content: var(--tw-content);
  display: block;
}

.tw .before\:pb-\[100\%\]::before {
  content: var(--tw-content);
  padding-bottom: 100%;
}

.tw .before\:pt-\[100\%\]::before {
  content: var(--tw-content);
  padding-top: 100%;
}

.tw .before\:pt-\[135\%\]::before {
  content: var(--tw-content);
  padding-top: 135%;
}

.tw .before\:pt-\[56\%\]::before {
  content: var(--tw-content);
  padding-top: 56%;
}

.tw .after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.tw .after\:left-0::after {
  content: var(--tw-content);
  left: 0px;
}

.tw .after\:top-0::after {
  content: var(--tw-content);
  top: 0px;
}

.tw .after\:h-full::after {
  content: var(--tw-content);
  height: 100%;
}

.tw .after\:w-full::after {
  content: var(--tw-content);
  width: 100%;
}

.tw .after\:bg-black::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}

.tw .after\:opacity-40::after {
  content: var(--tw-content);
  opacity: 0.4;
}

.tw .hover\:border-none:hover {
  border-style: none;
}

.tw .hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(33 33 33 / var(--tw-border-opacity, 1));
}

.tw .hover\:border-black\/20:hover {
  border-color: rgb(33 33 33 / 0.2);
}

.tw .hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}

.tw .hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw .hover\:\!text-blue:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(73 106 229 / var(--tw-text-opacity, 1)) !important;
}

.tw .hover\:\!text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.tw .hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(33 33 33 / var(--tw-text-opacity, 1));
}

.tw .hover\:text-blue:hover {
  --tw-text-opacity: 1;
  color: rgb(73 106 229 / var(--tw-text-opacity, 1));
}

.tw .hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw :is(.group:hover .group-hover\:fill-black) {
  fill: #212121;
}

.tw :is(.group:hover .group-hover\:fill-blue) {
  fill: #496AE5;
}

.tw :is(.group.active .group-\[\.active\]\:block) {
  display: block;
}

.tw :is(.group.loading .group-\[\.loading\]\:inline) {
  display: inline;
}

.tw :is(.group.active .group-\[\.active\]\:hidden) {
  display: none;
}

.tw :is(.group.loading .group-\[\.loading\]\:hidden) {
  display: none;
}

.tw :is(.group.active .group-\[\.active\]\:rotate-180) {
  --tw-rotate: 180deg;
  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));
}

.tw :is(.group.colored .group-\[\.colored\]\:border-none) {
  border-style: none;
}

.tw :is(.group.colored .group-\[\.colored\]\:bg-white\/10) {
  background-color: rgb(255 255 255 / 0.1);
}

.tw :is(.group.colored .group-\[\.colored\]\:bg-white\/60) {
  background-color: rgb(255 255 255 / 0.6);
}

@media (min-width: 768px) {
  .tw .md\:order-first {
    order: -9999;
  }

  .tw .md\:col-\[1\/3\] {
    grid-column: 1/3;
  }

  .tw .md\:my-\[50px\] {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .tw .md\:flex {
    display: flex;
  }

  .tw .md\:grid {
    display: grid;
  }

  .tw .md\:hidden {
    display: none;
  }

  .tw .md\:max-h-none {
    max-height: none;
  }

  .tw .md\:max-w-\[600px\] {
    max-width: 600px;
  }

  .tw .md\:flex-1 {
    flex: 1 1 0%;
  }

  .tw .md\:flex-none {
    flex: none;
  }

  .tw .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tw .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tw .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .tw .md\:grid-cols-\[175px_1fr_175px\] {
    grid-template-columns: 175px 1fr 175px;
  }

  .tw .md\:flex-row {
    flex-direction: row;
  }

  .tw .md\:justify-center {
    justify-content: center;
  }

  .tw .md\:gap-\[12px\] {
    gap: 12px;
  }

  .tw .md\:gap-\[16px\] {
    gap: 16px;
  }

  .tw .md\:gap-\[32px\] {
    gap: 32px;
  }

  .tw .md\:border-l {
    border-left-width: 1px;
  }

  .tw .md\:border-solid {
    border-style: solid;
  }

  .tw .md\:border-white\/20 {
    border-color: rgb(255 255 255 / 0.2);
  }

  .tw .md\:px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tw .md\:px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
  }

  .tw .md\:py-\[32px\] {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .tw .md\:py-\[50px\] {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .tw .md\:py-\[64px\] {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tw .md\:py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tw .md\:pl-\[50px\] {
    padding-left: 50px;
  }

  .tw .md\:pt-\[12px\] {
    padding-top: 12px;
  }

  .tw .md\:text-left {
    text-align: left;
  }

  .tw .md\:text-\[16px\] {
    font-size: 16px;
  }

  .tw .md\:text-\[18px\] {
    font-size: 18px;
  }

  .tw .md\:text-\[20px\] {
    font-size: 20px;
  }

  .tw .md\:text-\[22px\] {
    font-size: 22px;
  }

  .tw .md\:text-\[24px\] {
    font-size: 24px;
  }

  .tw .md\:text-\[28px\] {
    font-size: 28px;
  }

  .tw .md\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }
}

@media (min-width: 1024px) {
  .tw .lg\:col-\[1\/3\] {
    grid-column: 1/3;
  }

  .tw .lg\:col-\[1\/4\] {
    grid-column: 1/4;
  }

  .tw .lg\:col-\[3\/5\] {
    grid-column: 3/5;
  }

  .tw .lg\:col-\[4\/7\] {
    grid-column: 4/7;
  }

  .tw .lg\:col-\[5\/7\] {
    grid-column: 5/7;
  }

  .tw .lg\:my-\[75px\] {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .tw .lg\:mt-\[32px\] {
    margin-top: 32px;
  }

  .tw .lg\:max-w-\[760px\] {
    max-width: 760px;
  }

  .tw .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tw .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .tw .lg\:gap-\[48px\] {
    gap: 48px;
  }

  .tw .lg\:border-l {
    border-left-width: 1px;
  }

  .tw .lg\:border-solid {
    border-style: solid;
  }

  .tw .lg\:border-white\/20 {
    border-color: rgb(255 255 255 / 0.2);
  }

  .tw .lg\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tw .lg\:py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .tw .lg\:py-\[72px\] {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .tw .lg\:py-\[75px\] {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .tw .lg\:text-\[18px\] {
    font-size: 18px;
  }
}

.tw .\[\&\.active\]\:block.active {
  display: block;
}

.tw .\[\&\.loading\]\:pointer-events-none.loading {
  pointer-events: none;
}

.tw .\[\&\.loading\]\:opacity-40.loading {
  opacity: 0.4;
}

.tw :is(.\[\&_strong\]\:font-semibold strong) {
  font-weight: 600;
}

.tw :is(.\[\&_svg\]\:h-auto svg) {
  height: auto;
}

.tw :is(.\[\&_svg\]\:w-\[24px\] svg) {
  width: 24px;
}

.tw :is(.\[\&_svg\]\:w-\[32px\] svg) {
  width: 32px;
}

.tw :is(.\[\&_svg\]\:fill-black svg) {
  fill: #212121;
}