@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);
/*
! tailwindcss v3.3.0 | 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: currentColor; /* 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.
*/


html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}


/*
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]) {
  -webkit-text-decoration: underline dotted;
          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. 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-size: 1em; /* 2 */
}


/*
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-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: 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,
[type='button'],
[type='reset'],
[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;
}


/*
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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}


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] {
  display: none;
}


*{
        font-family: Inter, sans-serif;
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
}


p, .rte > p:not(:last-child), table, .rte > table{
        margin-bottom: 1.25rem;
}


p, ul, ol,
  .rte >p,.rte > ul,.rte > ol{
        margin-bottom: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
}


@media (min-width: 960px){


        p, ul, ol,
  .rte >p,.rte > ul,.rte > ol{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


a, .link, .rte > a{
        cursor: pointer;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
        text-decoration-line: underline;
}


a:hover, .link:hover, .rte > a:hover{
        --tw-text-opacity: 1;
        color: rgb(89 13 84 / var(--tw-text-opacity));
        text-decoration-line: underline;
}


h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6{
        margin-bottom: 1.25rem;
        overflow-wrap: break-word;
        font-weight: 700;
}


.h1, h1, .rte > h1{
        font-size: 1.75rem;
        line-height: 2.25rem;
}


@media (min-width: 960px){


        .h1, h1, .rte > h1{
                font-size: 3.5rem;
                line-height: 4.63125rem;
        }
}


.h2, h2, .rte > h2{
        font-size: 1.625rem;
        line-height: 2rem;
}


@media (min-width: 960px){


        .h2, h2, .rte > h2{
                font-size: 2.9375rem;
                line-height: 3.818rem;
        }
}


.h3, h3, .rte > h3{
        font-size: 2rem;
        line-height: 2.68rem;
}


@media (min-width: 960px){


        .h3, h3, .rte > h3{
                font-size: 2.5rem;
                line-height: 3.25rem;
        }
}


.h4, h4, .rte > h4{
        font-size: 1.375rem;
        line-height: 2rem;
}


@media (min-width: 960px){


        .h4, h4, .rte > h4{
                font-size: 2rem;
                line-height: 2.68rem;
        }
}


.h5, h5, .rte > h5{
        font-size: 1.6875rem;
        line-height: 2.3625rem;
}


@media (min-width: 960px){


        .h5, h5, .rte > h5{
                font-size: 1.6875rem;
                line-height: 2.3625rem;
        }
}


.h6, h6, .rte > h6{
        font-size: 1.375rem;
        line-height: 1.925rem;
}


@media (min-width: 960px){


        .h6, h6, .rte > h6{
                font-size: 1.375rem;
                line-height: 1.925rem;
        }
}


blockquote, .rte > blockquote{
        margin-bottom: 1.25rem;
        display: flex;
        flex-direction: row;
        border-style: none;
        padding-left: 0px;
        font-weight: 700;
}


blockquote::before, .rte > blockquote::before{
        margin-right: 1.25rem;
        width: 6px;
        min-width: 6px;
        border-radius: 3px;
        --tw-bg-opacity: 1;
        background-color: rgb(123 40 118 / var(--tw-bg-opacity));
        --tw-content: '';
        content: var(--tw-content);
}


blockquote p:last-of-type, .rte > blockquote p:last-of-type{
        margin-bottom: 0px;
}


time{
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0em;
}


ul, li,
  .main-content ul, .main-content li,
  .rte > ul, .rte > li{
        margin-bottom: 0.75rem;
        list-style-position: outside;
}


ul, .rte > ul{
        margin-left: 0.5rem;
        list-style-type: disc;
        padding-left: 0.75rem;
}


ol, .rte > ol{
        list-style-type: decimal;
        padding-left: 1rem;
}


.rte > textarea{
        width: 100%;
}


@media (min-width: 960px){


        .rte > textarea{
                width: 66.666667%;
        }
}


input::-webkit-inner-spin-button,
  input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }


input[type=number] {
    -moz-appearance:textfield; /* Firefox */
  }


input::-moz-placeholder{
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
        opacity: 0.6;
}


input::placeholder{
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
        opacity: 0.6;
}


.site-content{
        flex-grow: 1;
}


*, ::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-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:  ;
}


::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-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:  ;
}


.container{
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
}


@media (min-width: 480px){


        .container{
                max-width: 480px;
        }
}


@media (min-width: 600px){


        .container{
                max-width: 600px;
                padding-right: 2rem;
                padding-left: 2rem;
        }
}


@media (min-width: 768px){


        .container{
                max-width: 768px;
        }
}


@media (min-width: 960px){


        .container{
                max-width: 960px;
                padding-right: 0rem;
                padding-left: 0rem;
        }
}


@media (min-width: 1280px){


        .container{
                max-width: 1280px;
        }
}


@media (min-width: 1440px){


        .container{
                max-width: 1440px;
        }
}


.btn{
        border-radius: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: rgb(123 40 118 / var(--tw-bg-opacity));
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        text-decoration-line: none;
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.btn:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(89 13 84 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        text-decoration-line: none;
}


.btn:focus-visible{
        outline-style: solid;
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: #7B2876;
}


.btn.btn-big{
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
}


.btn.btn-secondary{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
}


.btn.btn-secondary:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(123 40 118 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}


.btn.btn-secondary:focus-visible{
        outline-style: solid;
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: #7B2876;
}


.btn.btn-outline{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
        --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);
        --tw-ring-inset: inset;
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(123 40 118 / var(--tw-ring-opacity));
}


.btn.btn-outline:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(243 232 242 / var(--tw-bg-opacity));
}


.btn:disabled{
        --tw-bg-opacity: 1;
        background-color: rgb(89 84 84 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(224 224 224 / var(--tw-text-opacity));
        --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);
        --tw-ring-inset: inset;
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(123 40 118 / var(--tw-ring-opacity));
}


.absolute{
        position: absolute;
}


.inset-0{
        inset: 0px;
}


.m-8{
        margin: 2rem;
}


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


.my-3{
        margin-top: 0.75rem;
        margin-bottom: 0.75rem;
}


.my-8{
        margin-top: 2rem;
        margin-bottom: 2rem;
}


.mb-1{
        margin-bottom: 0.25rem;
}


.mb-12{
        margin-bottom: 3rem;
}


.mb-4{
        margin-bottom: 1rem;
}


.mb-8{
        margin-bottom: 2rem;
}


.mt-2{
        margin-top: 0.5rem;
}


.mt-4{
        margin-top: 1rem;
}


.block{
        display: block;
}


.flex{
        display: flex;
}


.table{
        display: table;
}


.hidden{
        display: none;
}


.h-1{
        height: 0.25rem;
}


.min-h-screen{
        min-height: 100vh;
}


.w-16{
        width: 4rem;
}


.w-full{
        width: 100%;
}


.max-w-2xl{
        max-width: 42rem;
}


.max-w-sm{
        max-width: 24rem;
}


.cursor-pointer{
        cursor: pointer;
}


.list-decimal{
        list-style-type: decimal;
}


.list-disc{
        list-style-type: disc;
}


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


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


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


.rounded{
        border-radius: 0.25rem;
}


.border-b{
        border-bottom-width: 1px;
}


.border-t{
        border-top-width: 1px;
}


.border-divider{
        --tw-border-opacity: 1;
        border-color: rgb(230 234 237 / var(--tw-border-opacity));
}


.border-primary{
        --tw-border-opacity: 1;
        border-color: rgb(123 40 118 / var(--tw-border-opacity));
}


.bg-dark-bg{
        --tw-bg-opacity: 1;
        background-color: rgb(22 33 42 / var(--tw-bg-opacity));
}


.bg-primary{
        --tw-bg-opacity: 1;
        background-color: rgb(123 40 118 / var(--tw-bg-opacity));
}


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


.bg-gradient-to-r{
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
}


.from-mid-purple{
        --tw-gradient-from: #590D54 var(--tw-gradient-from-position);
        --tw-gradient-from-position:  ;
        --tw-gradient-to: rgb(89 13 84 / 0)  var(--tw-gradient-from-position);
        --tw-gradient-to-position:  ;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}


.to-dark-purple{
        --tw-gradient-to: #31072E var(--tw-gradient-to-position);
        --tw-gradient-to-position:  ;
}


.p-4{
        padding: 1rem;
}


.px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
}


.px-4{
        padding-left: 1rem;
        padding-right: 1rem;
}


.px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
}


.py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
}


.py-2{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}


.py-24{
        padding-top: 6rem;
        padding-bottom: 6rem;
}


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


.text-2xl{
        font-size: 2rem;
        line-height: 2.68rem;
}


.text-4xl{
        font-size: 2.9375rem;
        line-height: 3.818rem;
}


.text-5xl{
        font-size: 3.5rem;
        line-height: 4.63125rem;
}


.text-base{
        font-size: 1.1875rem;
        line-height: 1.78125rem;
}


.text-sm{
        font-size: .875rem;
        line-height: 1.25rem;
}


.font-bold{
        font-weight: 700;
}


.font-extrabold{
        font-weight: 800;
}


.font-light{
        font-weight: 300;
}


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


.leading-7{
        line-height: 1.75rem;
}


.leading-tight{
        line-height: 1.25;
}


.tracking-tight{
        letter-spacing: -0.025em;
}


.text-color-body{
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.text-heading-primary{
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


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


.underline{
        text-decoration-line: underline;
}


.antialiased{
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
}


.alignfull{
        margin: 2rem calc(50% - 50vw) !important;
        max-width: 100vw !important;
        width: 100vw;
}


.alignwide{
        margin: 2rem 0;
        max-width: 1280px !important;
}


.alignnone{
        margin-left: 0px;
        margin-right: 0px;
        height: auto;
        max-width: 100%;
}


.aligncenter{
        margin: 0.5rem auto;
        display: block;
}


@media (min-width: 600px){


        .alignleft:not(.wp-block-button){
                margin-right: 0.5rem;
                float: left;
        }


        .alignright:not(.wp-block-button){
                margin-left: 0.5rem;
                float: right;
        }


        .wp-block-button.alignleft a{
                float: left;
                margin-right: 1rem;
        }


        .wp-block-button.alignright a{
                float: right;
                margin-left: 1rem;
        }
}


.wp-caption{
        display: inline-block;
}


.wp-caption img{
        margin-bottom: 0.5rem;
        line-height: 1;
}


.wp-caption-text{
        font-size: .875rem;
        color: #718096;
}


/* article > *:not(.entry-content),
.entry-content > * {
    @apply mx-auto max-w-content;
} */


.entry-content h1, .block-editor-block-list__layout h1{
        font-size: 2rem;
        line-height: 2.68rem;
}


.entry-content h2, .block-editor-block-list__layout h2{
        font-size: 1.6875rem;
        line-height: 2.3625rem;
}


.entry-content h3, .block-editor-block-list__layout h3{
        font-size: 1.375rem;
        line-height: 1.925rem;
}


.entry-content p a, .entry-content ul a, .entry-content ol a, .block-editor-block-list__layout p a, .block-editor-block-list__layout ul a, .block-editor-block-list__layout ol a{
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
        text-decoration-line: underline;
}


.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover, .block-editor-block-list__layout p a:hover, .block-editor-block-list__layout ul a:hover, .block-editor-block-list__layout ol a:hover{
        text-decoration-line: none;
}


.entry-content p, .entry-content ul, .entry-content ol, .block-editor-block-list__layout p, .block-editor-block-list__layout ul, .block-editor-block-list__layout ol{
        margin-bottom: 2rem;
}


.entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li{
        list-style-position: inside;
        list-style-type: disc;
}


.entry-content ol li, .block-editor-block-list__layout ol li{
        list-style-position: inside;
        list-style-type: decimal;
}


/* CSS INDEXES */


/* BASICS */


.card{
        position: relative;
        grid-column: span 1 / span 1;
        display: flex;
        width: 100%;
        flex-direction: column;
        border-radius: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 2rem;
        padding-bottom: 2.5rem;
        text-align: left;
        --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);
}


@media (min-width: 768px){


        .card{
                width: 40%;
        }
}


@media (min-width: 960px){


        .card{
                width: 22.5%;
        }
}


.card .card-icon{
        position: relative;
        margin-bottom: 1.5rem;
        display: inline-flex;
        height: 3rem;
        width: 3rem;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(89 13 84 / var(--tw-bg-opacity));
        --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(4px + 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);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}


.card .card-icon .icon-img{
        height: auto;
        width: 80%;
        padding: 0.5rem;
}


.card .card-thumbnail{
        margin-bottom: 1.5rem;
        flex-shrink: 0;
        overflow: hidden;
        border-radius: 0.5rem;
}


.card .card-thumbnail .thumbnail-img{
        aspect-ratio: 16 / 9;
        width: 100%;
        border-radius: 0.5rem;
        -o-object-fit: cover;
           object-fit: cover;
}


@media (min-width: 960px){


        .card .card-thumbnail .thumbnail-img{
                aspect-ratio: 3 / 2;
        }
}


.card .card-text{
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
}


.card .heading{
        margin-bottom: 0.5rem;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
        text-decoration-line: none;
}


.card .subheading{
        margin-bottom: 1.5rem;
        font-size: 1.1875rem;
        line-height: 1.78125rem;
        font-style: italic;
        --tw-text-opacity: 1;
        color: rgb(105 125 142 / var(--tw-text-opacity));
}


.card .description{
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
        -webkit-line-clamp: 6;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        -webkit-box-orient: vertical;
}


.card .btn{
        margin-top: auto;
        text-align: center;
}


.doctors-template-default .card-grid{
        -moz-column-gap: 1rem;
             column-gap: 1rem;
}


@media (min-width: 960px){


        .doctors-template-default .card-grid{
                gap: 2rem;
        }
}


.doctors-template-default .card{
        padding-left: 2rem;
        padding-right: 2rem;
}


@media (min-width: 960px){


        .doctors-template-default .card{
                min-width: 30%;
        }
}


.doctors-template-default .card .card-thumbnail{
        margin-bottom: 1.5rem;
        flex-shrink: 0;
        overflow: hidden;
        border-radius: 0.5rem;
}


.doctors-template-default .card .card-thumbnail .thumbnail-img{
        aspect-ratio: 3 / 4;
        width: 100%;
        border-radius: 0.5rem;
        -o-object-fit: cover;
           object-fit: cover;
}


.page-container{
        margin-left: auto;
        margin-right: auto;
        width: 90%;
}


@media (min-width: 960px){


        .page-container{
                max-width: 1280px;
        }
}


.map-container{
        margin-bottom: 4rem;
        width: 100%;
}


@media (min-width: 960px){


        .map-container{
                margin-bottom: 3rem;
        }
}


.one-column-image{
        margin-bottom: 2.5rem;
}


.one-column-image .image-container{
        width: 100%;
        overflow: hidden;
        border-radius: 0.5rem;
}


.one-column-image .image{
        aspect-ratio: 4 / 3;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
}


@media (min-width: 768px){


        .one-column-image .image{
                aspect-ratio: 10 / 4;
        }
}


.one-column-image .image-caption{
        margin-top: 1rem;
        font-style: italic;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.one-column-content{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.5rem;
        width: 100%;
}


@media (min-width: 960px){


        .one-column-content{
                width: 66.666667%;
        }
}


.one-column-content .heading{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
        text-align: left;
        font-size: 2rem;
        line-height: 2.68rem;
        font-weight: 700;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .one-column-content .heading{
                max-width: 80%;
                text-align: center;
                font-size: 2.5rem;
                line-height: 3.25rem;
        }
}


.two-column-content > p:not(:last-child),.two-column-content > table{
        margin-bottom: 1.25rem;
}


.two-column-content >p,.two-column-content > ul,.two-column-content > ol{
        margin-bottom: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
}


@media (min-width: 960px){


        .two-column-content >p,.two-column-content > ul,.two-column-content > ol{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


.two-column-content >p,.two-column-content > ul,.two-column-content > ol{
        margin-bottom: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
}


@media (min-width: 960px){


        .two-column-content >p,.two-column-content > ul,.two-column-content > ol{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


.two-column-content >p,.two-column-content > ul,.two-column-content > ol{
        margin-bottom: 1.25rem;
        font-size: 1rem;
        line-height: 1.5rem;
}


@media (min-width: 960px){


        .two-column-content >p,.two-column-content > ul,.two-column-content > ol{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


.two-column-content > a{
        cursor: pointer;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
        text-decoration-line: underline;
}


.two-column-content > a:hover{
        --tw-text-opacity: 1;
        color: rgb(89 13 84 / var(--tw-text-opacity));
        text-decoration-line: underline;
}


.two-column-content > h1{
        font-size: 1.75rem;
        line-height: 2.25rem;
}


@media (min-width: 960px){


        .two-column-content > h1{
                font-size: 3.5rem;
                line-height: 4.63125rem;
        }
}


.two-column-content > h2{
        font-size: 1.625rem;
        line-height: 2rem;
}


@media (min-width: 960px){


        .two-column-content > h2{
                font-size: 2.9375rem;
                line-height: 3.818rem;
        }
}


.two-column-content > h3{
        font-size: 2rem;
        line-height: 2.68rem;
}


@media (min-width: 960px){


        .two-column-content > h3{
                font-size: 2.5rem;
                line-height: 3.25rem;
        }
}


.two-column-content > h4{
        font-size: 1.375rem;
        line-height: 2rem;
}


@media (min-width: 960px){


        .two-column-content > h4{
                font-size: 2rem;
                line-height: 2.68rem;
        }
}


.two-column-content > h5{
        font-size: 1.6875rem;
        line-height: 2.3625rem;
}


@media (min-width: 960px){


        .two-column-content > h5{
                font-size: 1.6875rem;
                line-height: 2.3625rem;
        }
}


.two-column-content > h6{
        font-size: 1.375rem;
        line-height: 1.925rem;
}


@media (min-width: 960px){


        .two-column-content > h6{
                font-size: 1.375rem;
                line-height: 1.925rem;
        }
}


.two-column-content > blockquote{
        margin-bottom: 1.25rem;
        display: flex;
        flex-direction: row;
        border-style: none;
        padding-left: 0px;
        font-weight: 700;
}


.two-column-content > blockquote::before{
        margin-right: 1.25rem;
        width: 6px;
        min-width: 6px;
        border-radius: 3px;
        --tw-bg-opacity: 1;
        background-color: rgb(123 40 118 / var(--tw-bg-opacity));
        --tw-content: '';
        content: var(--tw-content);
}


.two-column-content > blockquote p:last-of-type{
        margin-bottom: 0px;
}


.two-column-content > ul,.two-column-content > li{
        margin-bottom: 0.75rem;
        list-style-position: outside;
}


.two-column-content > ul{
        margin-left: 0.5rem;
        list-style-type: disc;
        padding-left: 0.75rem;
}


.two-column-content > ol{
        list-style-type: decimal;
        padding-left: 1rem;
}


.two-column-content > textarea{
        width: 100%;
}


@media (min-width: 960px){


        .two-column-content > textarea{
                width: 66.666667%;
        }
}


.two-column-content{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.5rem;
        display: grid;
        width: 100%;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1rem;
}


@media (min-width: 768px){


        .two-column-content{
                grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}


@media (min-width: 960px){


        .two-column-content{
                width: 66.666667%;
        }
}


.two-column-content .heading{
        grid-column: span 2 / span 2;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        text-align: left;
        font-size: 2rem;
        line-height: 2.68rem;
        font-weight: 700;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .two-column-content .heading{
                max-width: 80%;
                text-align: center;
                font-size: 2.5rem;
                line-height: 3.25rem;
        }
}


.two-column-content .column-content{
        grid-column: span 2 / span 2;
}


@media (min-width: 768px){


        .two-column-content .column-content{
                grid-column: span 1 / span 1;
        }
}


.note-section{
        padding-bottom: 4rem;
}


@media (min-width: 960px){


        .note-section{
                padding-bottom: 8rem;
        }
}


.note-section .note-content{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        display: block;
        width: 100%;
        gap: 1rem;
        border-radius: 1rem;
        --tw-bg-opacity: 1;
        background-color: rgb(242 244 247 / var(--tw-bg-opacity));
        padding: 2rem;
}


@media (min-width: 960px){


        .note-section .note-content{
                width: 66.666667%;
        }
}


.note-section .note-content > p:last-of-type{
        margin-bottom: 0px;
}


.note-section .heading{
        margin-bottom: 1.5rem;
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 2rem;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .note-section .heading{
                font-size: 2rem;
                line-height: 2.68rem;
        }
}


.note-section .description{
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(105 125 142 / var(--tw-text-opacity));
}


.divider{
        position: relative;
        margin-bottom: 2rem;
}


@media (min-width: 960px){


        .divider{
                margin-bottom: 3.5rem;
        }
}


.divider .line-wrapper{
        position: absolute;
        inset: 0px;
        display: flex;
        align-items: center;
}


.divider .line{
        width: 100%;
        border-top-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(230 234 237 / var(--tw-border-opacity));
}


.divider .title-container{
        position: relative;
        display: flex;
        justify-content: center;
}


.divider .title{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 700;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


.basic-listing{
        margin-left: 0px;
        margin-bottom: 2rem;
        width: 100%;
        list-style-type: none;
        padding-left: 0px;
}


@media (min-width: 768px){


        .basic-listing{
                margin-left: auto;
                margin-right: auto;
                width: 75%;
        }
}


.basic-listing .listing-item:not(:last-of-type){
        margin-bottom: 1.5rem;
        line-height: 150%;
}


.basic-listing .date{
        margin-bottom: 0px;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


.basic-listing .title{
        margin-bottom: 0px;
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


.basic-listing .hospital{
        margin-bottom: 0px;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.basic-logo-grid{
        margin-left: 0px;
        margin-bottom: 2rem;
        display: block;
        width: 100%;
        list-style-type: none;
        align-items: flex-start;
        justify-content: center;
        padding-left: 0px;
}


@media (min-width: 768px){


        .basic-logo-grid{
                margin-left: auto;
                margin-right: auto;
                display: flex;
                flex-wrap: wrap;
        }
}


@media (min-width: 960px){


        .basic-logo-grid{
                width: 80%;
        }
}


.basic-logo-grid .logo-grid-item{
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 1.5rem;
        display: block;
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
}


@media (min-width: 768px){


        .basic-logo-grid .logo-grid-item{
                margin-left: 0.5rem;
                margin-right: 0.5rem;
                width: 20%;
                padding-left: 0px;
                padding-right: 0px;
        }
}


@media (min-width: 960px){


        .basic-logo-grid .logo-grid-item{
                width: 20%;
        }
}


.basic-logo-grid .logo-wrapper{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.5rem;
        height: 7rem;
        width: 7rem;
}


.basic-logo-grid .logo-image{
        aspect-ratio: 1 / 1;
        height: 100%;
        width: auto;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
}


.basic-logo-grid .logo-name{
        text-align: center;
}


/* SECTIONS */


.header-navigation .header-logo-container{
        position: relative;
        margin: -0.375rem;
        display: block;
        padding: 0.375rem;
        text-decoration-line: none;
}


.header-navigation .header-logo-container:hover{
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .header-navigation .header-logo-container{
                max-width: 40%;
        }
}


.header-navigation .header-logo-container >img{
        display: block;
        max-height: 100%;
        width: auto;
}


.header-navigation .header-title{
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 768px){


        .header-navigation .header-title{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


.header-navigation .header-desktop{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        max-width: 1280px;
        align-items: center;
        justify-content: space-between;
        -moz-column-gap: 1rem;
             column-gap: 1rem;
        padding: 1.5rem;
}


@media (min-width: 960px){


        .header-navigation .header-desktop{
                padding: 0px;
        }
}


.header-navigation .navigation-wrapper{
        display: flex;
        align-items: center;
}


@media (min-width: 960px){


        .header-navigation .navigation-wrapper{
                width: 75%;
        }
}


.header-navigation .cta-link{
        display: flex;
        align-items: center;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
        text-decoration-line: none;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
}


.header-navigation .cta-link:hover{
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .header-navigation .cta-link:hover{
                text-decoration-line: underline;
        }
}


.header-navigation .cta-link:hover .contact-icon path{
        stroke: #7B2876;
}


.header-navigation .cta-link .contact-icon{
        margin-right: 0.5rem;
}


@media (min-width: 960px){


        .header-navigation .navigation-menu-container{
                display: flex;
                -moz-column-gap: 1rem;
                     column-gap: 1rem;
        }
}


#site-logo{
        width: 75%;
}


@media (min-width: 768px){


        #site-logo{
                width: 50%;
        }
}


@media (min-width: 960px){


        #site-logo{
                width: 25%;
        }
}


#site-logo > .custom-logo-link{
        width: 100%;
}


/** NAVIGATION MENU**/


.header-navigation{
        position: relative;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}


.header-navigation >.header-desktop{
        position: relative;
}


.header-navigation #mega-menu-wrap-primary{
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 100%;
        background-color: transparent;
}


@media (min-width: 960px){


        .header-navigation #mega-menu-wrap-primary{
                position: relative;
        }
}


.header-navigation #mega-menu-wrap-primary .mega-menu-toggle{
        margin-left: auto;
        height: 100%;
        width: -moz-fit-content;
        width: fit-content;
        background-color: transparent;
        padding: 1rem;
}


.header-navigation #mega-menu-primary{
        z-index: 50;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}


.header-navigation #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary,
   .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}


.header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
        border-bottom-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(230 234 237 / var(--tw-border-opacity));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
                border-style: none;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
        }


        .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover{
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
}


.header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on{
        border-bottom-color: transparent;
}


.header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        font-family: Inter, sans-serif;
        font-size: 1.1875rem;
        font-weight: 400;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
        border-width: 1px;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-top: 1rem;
        padding-bottom: 1rem;
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


@media (min-width: 960px){


        .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
                top: 100%;
                padding-top: 0px;
                padding-bottom: 0px;
        }
}


.header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{
        border-bottom-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(230 234 237 / var(--tw-border-opacity));
        padding: 1rem;
}


.header-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
        display: flex;
        width: 100%;
        flex: 1 1 0%;
        justify-content: flex-end;
        font-size: 2rem;
        line-height: 2.68rem;
}


.header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link,
    .header-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        font-family: Inter, sans-serif;
        font-size: 1.1875rem;
        line-height: 1.78125rem;
}


#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
        --tw-bg-opacity: 1;
        background-color: rgb(123 40 118 / var(--tw-bg-opacity));
}


.mega-menu-primary-mobile-open .site-content {
     filter: blur(5px);
}


.site-footer{
        position: relative;
        z-index: 0;
        border-bottom-width: 2px;
        --tw-border-opacity: 1;
        border-bottom-color: rgb(22 33 42 / var(--tw-border-opacity));
        padding-top: 90%;
}


@media (min-width: 768px){


        .site-footer{
                padding-top: 30%;
        }
}


@media (min-width: 960px){


        .site-footer{
                padding-top: 200px;
        }
}


.site-footer .footer-logo{
        display: block;
        width: 90%;
        text-decoration-line: none;
}


@media (min-width: 768px){


        .site-footer .footer-logo{
                width: 100%;
        }
}


@media (min-width: 960px){


        .site-footer .footer-logo{
                width: 25%;
        }
}


.site-footer .footer-logo .logo-img{
        margin-bottom: 1rem;
}


@media (min-width: 768px){


        .site-footer .footer-logo .logo-img{
                max-width: 300px;
        }
}


.site-footer .footer-logo .logo-slogan{
        font-size: 1.1875rem;
        line-height: 1.78125rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        text-decoration-line: none;
}


.site-footer .footer-logo .logo-slogan:hover{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        text-decoration-line: none;
}


@media (min-width: 960px){


        .site-footer .footer-logo .logo-slogan{
                font-size: .875rem;
                line-height: 1.25rem;
        }
}


.site-footer .footer-contents{
        display: block;
}


@media (min-width: 960px){


        .site-footer .footer-contents{
                display: flex;
        }


        .site-footer .footer-contents .menu{
                margin-left: 10%;
        }
}


.site-footer .page-container{
        margin-left: auto;
        margin-right: auto;
        width: 90%;
}


@media (min-width: 960px){


        .site-footer .page-container{
                width: 100%;
        }
}


.site-footer .divider{
        margin-top: 4rem;
        margin-bottom: 1.5rem;
        width: 100%;
        border-top-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(199 209 216 / var(--tw-border-opacity));
}


.site-footer .copyright-contents{
        display: block;
}


@media (min-width: 768px){


        .site-footer .copyright-contents{
                display: flex;
                justify-content: space-between;
        }
}


.site-footer .copyright{
        width: -moz-fit-content;
        width: fit-content;
        --tw-text-opacity: 1;
        color: rgb(199 209 216 / var(--tw-text-opacity));
}


.site-footer ul{
        margin: 0px;
        list-style-type: none;
        padding: 0px;
}


.site-footer ul *{
        font-size: 1.1875rem;
        line-height: 1.78125rem;
        --tw-text-opacity: 1;
        color: rgb(199 209 216 / var(--tw-text-opacity));
        text-decoration-line: none;
}


@media (min-width: 960px){


        .site-footer ul *{
                font-size: .875rem;
                line-height: 1.25rem;
        }


        .site-footer ul li{
                margin-bottom: 0.5rem;
        }
}


.site-footer ul a{
        display: block;
        height: 100%;
        width: 100%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
}


@media (min-width: 960px){


        .site-footer ul a{
                padding-left: 1rem;
                padding-right: 1rem;
        }
}


.site-footer .social-media-links{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 1rem;
}


@media (min-width: 960px){


        #footer-custom .mega-menu-wrap{
                margin-left: 15%;
        }
}


#footer-custom .mega-menu-wrap > .mega-menu-toggle{
        display: none !important;
}


#footer-custom .mega-menu-wrap > #mega-menu-max_mega_menu_2{
        display: block !important;
        width: 100%;
}


@media (min-width: 960px){


        #footer-custom .mega-menu-wrap > #mega-menu-max_mega_menu_2{
                display: flex !important;
        }
}


#footer-custom #mega-menu-wrap-max_mega_menu_2{
        background-color: transparent !important;
}


#footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item > ul.mega-sub-menu{
        display: block !important;
        transform: none;
}


@media (min-width: 960px){


        #footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item > ul.mega-sub-menu{
                visibility: visible;
                display: block;
                opacity: 1;
        }


        #footer-custom #mega-menu-wrap-max_mega_menu_2{
                display: flex;
                width: 75%;
        }
}


#footer-custom #mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle + #mega-menu-max_mega_menu_2,
    #footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item,
    #footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 a.mega-menu-link{
        background-color: transparent;
        --tw-text-opacity: 1;
        color: rgb(199 209 216 / var(--tw-text-opacity));
}


#footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
        display: none;
}


#footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu{
        margin-bottom: 1rem;
        background-color: transparent;
}


@media (min-width: 960px){


        #footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu{
                position: relative;
        }
}


#footer-custom #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
        background-color: transparent;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}


.carousel-wrapper{
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(242 244 247 / var(--tw-bg-opacity));
}


.carousel{
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1280px;
}


.carousel-item{
        width: 90%;
        --tw-bg-opacity: 1;
        background-color: rgb(242 244 247 / var(--tw-bg-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
}


@media (min-width: 600px){


        .carousel-item{
                padding: 2rem;
        }
}


@media (min-width: 768px){


        .carousel-item{
                padding-top: 4rem;
                padding-bottom: 4rem;
        }
}


@media (min-width: 960px){


        .carousel-item{
                margin-left: 0px;
                margin-right: 0px;
                width: 100%;
                max-width: none;
        }
}


@media (min-width: 1280px){


        .carousel-item{
                -moz-column-gap: 5rem;
                     column-gap: 5rem;
                padding-left: 5rem;
                padding-right: 5rem;
        }
}


.carousel-item .carousel-contents{
        display: flex;
        height: -moz-fit-content;
        height: fit-content;
        flex-direction: column;
        gap: 2.5rem;
        padding-top: 2rem;
        padding-bottom: 2.5rem;
}


@media (min-width: 768px){


        .carousel-item .carousel-contents{
                flex-direction: row;
        }
}


@media (min-width: 960px){


        .carousel-item .carousel-contents{
                align-items: flex-start;
                gap: 3rem;
        }
}


.carousel-item .carousel-text{
        width: 100%;
        text-align: left;
}


@media (min-width: 768px){


        .carousel-item .carousel-text{
                display: flex;
                width: 50%;
                flex-direction: column;
                justify-content: center;
        }
}


.carousel-item .carousel-text .heading{
        margin-bottom: 1rem;
        font-family: Inter, sans-serif;
        font-weight: 500;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


.carousel-item .carousel-text .heading >strong, .carousel-item .carousel-text .heading >b{
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


.carousel-item .carousel-text .subheading{
        margin-bottom: 2rem;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.carousel-item .carousel-text .cta-container{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
}


.carousel-item .carousel-image{
        position: relative;
        height: 100%;
        max-height: 45vh;
        width: 100%;
        align-items: center;
        justify-content: center;
}


@media (min-width: 768px){


        .carousel-item .carousel-image{
                width: 50%;
        }
}


@media (min-width: 960px){


        .carousel-item .carousel-image{
                height: 50%;
        }
}


.carousel-item .carousel-image .image-item{
        position: relative;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        width: auto;
        flex: none;
        -o-object-fit: contain;
           object-fit: contain;
}


@media (min-width: 960px){


        .carousel-item .carousel-image .image-item{
                aspect-ratio: 1 / 1;
                max-height: 50vh;
        }
}


#carousel-home .swiper-pagination{
        margin-bottom: 0.5rem;
}


@media (min-width: 960px){


        #carousel-home .swiper-pagination{
                margin-bottom: 1rem;
        }
}


#carousel-home .swiper-pagination-bullet{
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        height: 1rem;
        width: 1rem;
        --tw-bg-opacity: 1;
        background-color: rgb(130 147 162 / var(--tw-bg-opacity));
        opacity: 0.5;
}


@media (min-width: 960px){


        #carousel-home .swiper-pagination-bullet{
                margin-left: 0.5rem;
                margin-right: 0.5rem;
                height: 0.75rem;
                width: 0.75rem;
        }
}


#carousel-home .swiper-pagination-bullet.swiper-pagination-bullet-active{
        --tw-bg-opacity: 1;
        background-color: rgb(22 33 42 / var(--tw-bg-opacity));
        opacity: 1;
}


.simple-heading{
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        padding-top: 5rem;
        padding-bottom: 2.5rem;
}


@media (min-width: 768px){


        .simple-heading{
                padding-left: 1.5rem;
                padding-right: 1.5rem;
                padding-top: 6rem;
        }
}


@media (min-width: 960px){


        .simple-heading{
                padding-left: 2rem;
                padding-right: 2rem;
        }
}


.simple-heading.compact{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0px;
        padding-bottom: 0px;
}


@media (min-width: 768px){


        .simple-heading.compact{
                padding-bottom: 2.5rem;
        }
}


@media (min-width: 960px){


        .simple-heading.compact{
                padding-left: 2rem;
                padding-right: 2rem;
        }
}


.simple-heading .simple-heading-contents{
        margin-left: auto;
        margin-right: auto;
        text-align: left;
}


@media (min-width: 768px){


        .simple-heading .simple-heading-contents{
                text-align: center;
        }
}


.simple-heading .title{
        font-size: .875rem;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.75rem;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


@media (min-width: 768px){


        .simple-heading .title{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


.simple-heading .heading{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        font-weight: 700;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .simple-heading .heading{
                max-width: 80%;
        }
}


.simple-heading .description{
        line-height: 2rem;
        --tw-text-opacity: 1;
        color: rgb(105 125 142 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .simple-heading .description{
                margin-left: auto;
                margin-right: auto;
                width: 90%;
        }
}


.card-grid{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.5rem;
        display: flex;
        width: 90%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1.5rem;
        padding-left: 0px;
}


@media (min-width: 768px){


        .card-grid{
                width: 100%;
        }
}


@media (min-width: 960px){


        .card-grid{
                gap: 2.5rem;
        }
}


.card-gallery{
        padding-top: 3.5rem;
        padding-bottom: 4rem;
}


@media (min-width: 960px){


        .card-gallery{
                padding-top: 5rem;
                padding-bottom: 8rem;
        }
}


.hero-section{
        position: relative;
        isolation: isolate;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
}


@media (min-width: 960px){


        .hero-section{
                min-height: 25rem;
                padding-left: 2rem;
                padding-right: 2rem;
        }
}


.hero-section {
    background: rgba(242, 244, 247, 0.50);

}


.hero-section .hero-bg-img{
        position: absolute;
        inset: 0px;
        z-index: -10;
        display: none;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        opacity: 0.2;
}


@media (min-width: 768px){


        .hero-section .hero-bg-img{
                display: block;
        }
}


.hero-section .hero-banner-wrapper{
        padding-top: 3.5rem;
        padding-bottom: 4rem;
}


@media (min-width: 960px){


        .hero-section .hero-banner-wrapper{
                padding-top: 5rem;
                padding-bottom: 5rem;
        }
}


.hero-section .hero-contents{
        margin-left: auto;
        margin-right: auto;
        text-align: left;
}


@media (min-width: 768px){


        .hero-section .hero-contents{
                max-width: 90%;
                text-align: center;
        }
}


@media (min-width: 960px){


        .hero-section .hero-contents{
                max-width: 60rem;
        }
}


.hero-section .title{
        font-size: .875rem;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.75rem;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


@media (min-width: 768px){


        .hero-section .title{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


.hero-section .heading{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        font-weight: 700;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .hero-section .heading{
                max-width: 80%;
        }
}


.hero-section .description{
        line-height: 2rem;
        --tw-text-opacity: 1;
        color: rgb(53 71 86 / var(--tw-text-opacity));
}


.hero-section .cta-container{
        margin-top: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
}


@media (min-width: 768px){


        .hero-section .cta-container{
                justify-content: center;
        }
}


.flagship-section{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-bottom: 4rem;
        padding-top: 0px;
}


@media (min-width: 768px){


        .flagship-section{
                padding-left: 1.5rem;
                padding-right: 1.5rem;
        }
}


@media (min-width: 960px){


        .flagship-section{
                padding-left: 2rem;
                padding-right: 2rem;
                padding-bottom: 8rem;
        }
}


.flagship-section .simple-heading{
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
}


.flagship-section .simple-heading .simple-heading-contents{
        margin-left: auto;
        margin-right: auto;
        text-align: left;
}


@media (min-width: 768px){


        .flagship-section .simple-heading .simple-heading-contents{
                text-align: center;
        }
}


.flagship-section .simple-heading .title{
        font-size: .875rem;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.75rem;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


@media (min-width: 768px){


        .flagship-section .simple-heading .title{
                font-size: 1.1875rem;
                line-height: 1.78125rem;
        }
}


.flagship-section .simple-heading .heading{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        font-weight: 700;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .flagship-section .simple-heading .heading{
                max-width: 80%;
        }
}


.flagship-section .simple-heading .description{
        line-height: 2rem;
        --tw-text-opacity: 1;
        color: rgb(105 125 142 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .flagship-section .simple-heading .description{
                margin-left: auto;
                margin-right: auto;
                width: 90%;
        }
}


.flagship-contents{
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        padding-bottom: 0px;
}


@media (min-width: 768px){


        .flagship-contents{
                width: 100%;
                padding-left: 2rem;
                padding-right: 2rem;
                padding-bottom: 2rem;
        }
}


@media (min-width: 960px){


        .flagship-contents{
                margin-left: 0px;
                margin-right: 0px;
                max-width: none;
        }
}


@media (min-width: 1280px){


        .flagship-contents{
                -moz-column-gap: 5rem;
                     column-gap: 5rem;
                padding-left: 5rem;
                padding-right: 5rem;
        }
}


.flagship-contents .column-contents{
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
}


@media (min-width: 768px){


        .flagship-contents .column-contents{
                flex-direction: row;
                padding-bottom: 2.5rem;
        }
}


@media (min-width: 960px){


        .flagship-contents .column-contents{
                max-width: 1280px;
                align-items: center;
                gap: 4rem;
                padding-bottom: 0px;
        }
}


.flagship-contents .column-text{
        width: 100%;
        text-align: left;
}


@media (min-width: 768px){


        .flagship-contents .column-text{
                display: flex;
                width: 50%;
                flex-direction: column;
                justify-content: center;
        }
}


@media (min-width: 960px){


        .flagship-contents .column-text{
                padding: 4rem;
        }
}


.flagship-contents .column-text .description{
        margin-bottom: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.flagship-contents .column-text .cta-container{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
}


.flagship-contents .col-icon{
        position: relative;
        margin-bottom: 1.5rem;
        display: inline-flex;
        height: 3rem;
        width: 3rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(243 232 242 / var(--tw-bg-opacity));
        --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(4px + 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);
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
}


.flagship-contents .col-icon .icon-img{
        height: auto;
        width: 80%;
        padding: 0.5rem;
}


.flagship-contents .column-img{
        width: 100%;
        align-items: center;
        justify-content: center;
}


@media (min-width: 768px){


        .flagship-contents .column-img{
                width: 50%;
        }
}


.flagship-contents .column-img .image-item{
        margin-left: auto;
        margin-right: auto;
        height: 100%;
        width: auto;
        flex: none;
        -o-object-fit: cover;
           object-fit: cover;
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


@media (min-width: 960px){


        .flagship-contents .column-img .image-item{
                aspect-ratio: 1 / 1;
        }
}


.appointment-callout{
        position: relative;
        z-index: 10;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        max-width: 1440px;
        border-radius: 1rem;
}


@media (min-width: 960px){


        .appointment-callout{
                width: 100%;
        }
}


.appointment-callout .callout-contents{
        position: relative;
        margin-top: 20%;
        margin-bottom: -80%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 3.5rem;
        padding-bottom: 4rem;
}


@media (min-width: 768px){


        .appointment-callout .callout-contents{
                margin-top: 0px;
                margin-bottom: -25%;
                padding-left: 3rem;
                padding-right: 3rem;
        }
}


@media (min-width: 960px){


        .appointment-callout .callout-contents{
                margin-top: 50px;
                margin-bottom: -150px;
                padding-left: 4rem;
                padding-right: 4rem;
        }
}


@media (min-width: 1280px){


        .appointment-callout .callout-contents{
                display: flex;
                align-items: center;
        }
}


.appointment-callout .heading{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}


.appointment-callout .subheading{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
}


.appointment-callout .column-text{
        margin-bottom: 2rem;
}


@media (min-width: 960px){


        .appointment-callout .column-text{
                margin-bottom: 0px;
        }
}


@media (min-width: 1280px){


        .appointment-callout .column-text{
                width: 0px;
                flex: 1 1 0%;
        }
}


.appointment-callout .column-cta{
        display: flex;
        flex-direction: column;
}


@media (min-width: 600px){


        .appointment-callout .column-cta{
                width: 100%;
                max-width: 28rem;
        }
}


@media (min-width: 768px){


        .appointment-callout .column-cta{
                flex-direction: row;
        }
}


@media (min-width: 960px){


        .appointment-callout .column-cta{
                justify-content: flex-end;
        }
}


@media (min-width: 1280px){


        .appointment-callout .column-cta{
                margin-left: 2rem;
                margin-top: 0px;
        }
}


.appointment-callout .btn{
        width: 100%;
        text-align: center;
        text-transform: none;
}


@media (min-width: 768px){


        .appointment-callout .btn{
                width: auto;
        }
}


.appointment-callout .btn:first-of-type{
        margin-bottom: 1rem;
}


@media (min-width: 768px){


        .appointment-callout .btn:first-of-type{
                margin-bottom: 0px;
                margin-right: 1rem;
        }
}


.branches-grid{
        margin-left: auto;
        margin-right: auto;
        margin-top: 3rem;
        margin-bottom: 4rem;
        display: grid;
        width: 100%;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 2.5rem;
}


@media (min-width: 768px){


        .branches-grid{
                grid-template-columns: repeat(2, minmax(0, 1fr));
                -moz-column-gap: 2rem;
                     column-gap: 2rem;
        }
}


@media (min-width: 960px){


        .branches-grid{
                width: 75%;
                -moz-column-gap: 2.5rem;
                     column-gap: 2.5rem;
        }
}


.branches-grid .col-icon{
        margin-bottom: 1.5rem;
        height: 1.5rem;
        width: 1.5rem;
}


.branch-block{
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.branch-block strong{
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


.branch-block em{
        font-style: normal;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


.doctors-profile{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4rem;
        display: flex;
        flex-direction: column;
        -moz-column-gap: 2.5rem;
             column-gap: 2.5rem;
        row-gap: 1rem;
        padding-top: 2rem;
        padding-bottom: 0px;
}


@media (min-width: 960px){


        .doctors-profile{
                width: 90%;
                max-width: 1440px;
                flex-direction: row;
                align-items: center;
                gap: 4rem;
        }
}


.doctors-profile .column-text{
        width: 100%;
        text-align: left;
}


@media (min-width: 768px){


        .doctors-profile .column-text{
                display: flex;
                flex-direction: column;
                justify-content: center;
        }
}


@media (min-width: 960px){


        .doctors-profile .column-text{
                width: 50%;
        }
}


.doctors-profile .column-text .heading{
        margin-bottom: 1rem;
        font-weight: 500;
        letter-spacing: -0.025em;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


.doctors-profile .column-text .heading strong, .doctors-profile .column-text .heading b{
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


.doctors-profile .column-text .subheading{
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .doctors-profile .column-text .subheading{
                margin-bottom: 2rem;
                padding-bottom: 1rem;
        }
}


.doctors-profile .column-text .description{
        display: none;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .doctors-profile .column-text .description{
                display: block;
        }
}


.doctors-profile .column-text .subheading::after{
        margin-top: 1rem;
        display: none;
        height: 0.25rem;
        width: 4rem;
        --tw-bg-opacity: 1;
        background-color: rgb(39 53 65 / var(--tw-bg-opacity));
}


@media (min-width: 960px){


        .doctors-profile .column-text .subheading::after{
                display: block;
        }
}


.doctors-profile .column-text .subheading::after { 
            content: " "
            ;
        }


.doctors-profile .column-text .cta-container{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        -moz-column-gap: 1.5rem;
             column-gap: 1.5rem;
}


.doctors-profile .column-image{
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: 3 / 4;
        width: 100%;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 1rem;
}


@media (min-width: 768px){


        .doctors-profile .column-image{
                width: 50%;
        }
}


@media (min-width: 960px){


        .doctors-profile .column-image{
                width: 50%;
        }
}


.doctors-profile .column-image .image-item{
        margin-left: auto;
        margin-right: auto;
        aspect-ratio: 3 / 4;
        height: 100%;
        width: auto;
        flex: none;
        border-radius: 1rem;
        -o-object-fit: cover;
           object-fit: cover;
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.doctors-profile .profile-mobile{
        display: block;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .doctors-profile .profile-mobile{
                display: none;
        }
}


.doctors-profile .profile-mobile .description{
        margin-bottom: 2rem;
}


/* LAYOUT */


.contact-page{
        position: relative;
}


.contact-page .hero-section{
        display: none;
}


@media (min-width: 960px){


        .contact-page .hero-section{
                display: block;
        }
}


.contact-page .contact-grid{
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        -moz-column-gap: 7rem;
             column-gap: 7rem;
}


@media (min-width: 960px){


        .contact-page .contact-grid{
                display: grid;
                max-width: 1280px;
        }
}


.contact-page .contact-details{
        --tw-bg-opacity: 1;
        background-color: rgb(242 244 247 / var(--tw-bg-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
}


@media (min-width: 960px){


        .contact-page .contact-details{
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }
}


.contact-page .heading{
        margin-bottom: 1rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
}


.contact-page .title{
        font-size: 2rem;
        line-height: 2.68rem;
        --tw-text-opacity: 1;
        color: rgb(22 33 42 / var(--tw-text-opacity));
}


@media (min-width: 960px){


        .contact-page .title{
                margin-bottom: 1rem;
        }
}


.contact-page .title::after{
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        display: none;
        height: 0.25rem;
        width: 4rem;
        --tw-bg-opacity: 1;
        background-color: rgb(39 53 65 / var(--tw-bg-opacity));
}


@media (min-width: 960px){


        .contact-page .title::after{
                display: block;
        }
}


.contact-page .title::after { 
        content: " "
        ;
    }


.contact-page .description{
        margin-bottom: 2rem;
        display: block;
        --tw-text-opacity: 1;
        color: rgb(68 90 107 / var(--tw-text-opacity));
}


.contact-page .contact-number{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        --tw-text-opacity: 1;
        color: rgb(123 40 118 / var(--tw-text-opacity));
        text-decoration-line: none;
}


.contact-page .contact-number .details{
        text-decoration-line: none;
}


@media (min-width: 960px){


        .contact-page .contact-number .details:hover{
                text-decoration-line: underline;
        }
}


.contact-page .contact-number .contact-icon{
        margin-right: 1rem;
}


.contact-page .contact-form{
        position: relative;
        grid-column: span 1 / span 1;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3rem;
        display: block;
        width: 90%;
        border-radius: 0.5rem;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 0px;
        padding-bottom: 1rem;
        text-align: left;
        --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


@media (min-width: 768px){


        .contact-page .contact-form{
                margin-bottom: 3rem;
                width: 75%;
                padding-left: 3rem;
                padding-right: 3rem;
        }
}


@media (min-width: 960px){


        .contact-page .contact-form{
                margin-bottom: 0px;
                margin-top: -150px;
                width: 100%;
                padding-left: 4rem;
                padding-right: 4rem;
                padding-top: 2rem;
                padding-bottom: 2.5rem;
        }
}


.contact-page .wpforms-container input.wpforms-field-medium, .contact-page .wpforms-container select.wpforms-field-medium, .contact-page .wpforms-container .wpforms-field-row.wpforms-field-medium{
        max-width: none;
}


.contact-page .wpforms-submit,
    .contact-page .contact-page div.wpforms-container-full button[type=submit]{
        height: -moz-fit-content !important;
        height: fit-content !important;
        width: 100% !important;
        border-radius: 0.375rem !important;
        --tw-bg-opacity: 1 !important;
        background-color: rgb(123 40 118 / var(--tw-bg-opacity)) !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        font-size: .875rem;
        line-height: 1.25rem;
        font-weight: 600;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        text-decoration-line: none;
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.contact-page .wpforms-submit:hover,
    .contact-page .contact-page div.wpforms-container-full button[type=submit]:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(89 13 84 / var(--tw-bg-opacity));
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
        text-decoration-line: none;
}


.contact-page .wpforms-submit:focus-visible,
    .contact-page .contact-page div.wpforms-container-full button[type=submit]:focus-visible{
        outline-style: solid;
        outline-width: 2px;
        outline-offset: 2px;
        outline-color: #7B2876;
}


.contact >.hero-section{
        display: none;
}


@media (min-width: 960px){


        .contact >.hero-section{
                display: block;
        }
}


.why-us{
        padding-bottom: 2.5rem;
}


@media (min-width: 960px){


        .why-us{
                padding-bottom: 4rem;
        }
}


@media (min-width: 600px){


        .sm\:py-32{
                padding-top: 8rem;
                padding-bottom: 8rem;
        }
}


@media (min-width: 768px){


        .md\:my-6{
                margin-top: 1.5rem;
                margin-bottom: 1.5rem;
        }


        .md\:flex{
                display: flex;
        }


        .md\:w-1\/2{
                width: 50%;
        }


        .md\:text-center{
                text-align: center;
        }


        .md\:text-3xl{
                font-size: 2.5rem;
                line-height: 3.25rem;
        }
}


@media (min-width: 960px){


        .lg\:-mx-4{
                margin-left: -1rem;
                margin-right: -1rem;
        }


        .lg\:mx-4{
                margin-left: 1rem;
                margin-right: 1rem;
        }


        .lg\:mt-0{
                margin-top: 0px;
        }


        .lg\:block{
                display: block;
        }


        .lg\:flex{
                display: flex;
        }


        .lg\:bg-transparent{
                background-color: transparent;
        }


        .lg\:from-light-purple{
                --tw-gradient-from: #7B2876 var(--tw-gradient-from-position);
                --tw-gradient-from-position:  ;
                --tw-gradient-to: rgb(123 40 118 / 0)  var(--tw-gradient-from-position);
                --tw-gradient-to-position:  ;
                --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        }


        .lg\:via-mid-purple{
                --tw-gradient-via-position:  ;
                --tw-gradient-to: rgb(89 13 84 / 0)  var(--tw-gradient-to-position);
                --tw-gradient-to-position:  ;
                --tw-gradient-stops: var(--tw-gradient-from), #590D54 var(--tw-gradient-via-position), var(--tw-gradient-to);
        }


        .lg\:to-dark-purple{
                --tw-gradient-to: #31072E var(--tw-gradient-to-position);
                --tw-gradient-to-position:  ;
        }


        .lg\:p-0{
                padding: 0px;
        }


        .lg\:px-8{
                padding-left: 2rem;
                padding-right: 2rem;
        }


        .lg\:text-5xl{
                font-size: 3.5rem;
                line-height: 4.63125rem;
        }
}