/*-----BENTO BOXES----*/
 .container-fluid .grid-wrapper {
     padding: 0 28px;
}
 .grid-wrapper img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
     display: inline-block;
}
 .grid-wrapper > div {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .grid-wrapper {
     display: grid;
     grid-gap: 28px;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     grid-auto-flow: dense;
}
 @media (min-width: 1200px) {
     .container .grid-wrapper {
         grid-auto-rows: 114px;
    }
}
 @media (max-width: 1199px) {
     .container .grid-wrapper {
         grid-auto-rows: 90px;
    }
}
 @media (max-width: 991px) {
     .container .grid-wrapper {
         grid-auto-rows: 60px;
    }
}
 @media (min-width: 768px) {
     .container-fluid .grid-wrapper {
         grid-auto-rows: calc(8vw - 28px);
    }
}
 @media (max-width: 767px) {
     .container .grid-wrapper {
         grid-template-columns: 1fr;
         grid-auto-rows: 570px;
    }
     .container-fluid .grid-wrapper {
         grid-template-columns: 1fr;
         grid-auto-rows: calc(100vw - 56px) 
    }
}
 @media (max-width: 550px) {
     .container-fluid .grid-wrapper, .container .grid-wrapper {
         grid-template-columns: 1fr;
         grid-auto-rows: calc(100vw - 56px) 
    }
     .card-bento .bento-copy {
         font-size: 12px !important;
         line-height: 1.25;
    }
     .card-bento .bento-title {
         font-size: 15px !important;
         line-height: 1.25;
    }
}
 .card-bento {
     border-radius: 10px;
     overflow: hidden;
     cursor: pointer;
     position: relative;
     color: #fff;
}
 .card-bento img {
     position: absolute;
     object-fit: cover;
     width: 100% !important;
     height: 100%;
     top: 0;
     left: 0;
     opacity: 0.9;
     margin: unset !important;
     transition: opacity .2s ease-out;
}
 .card-bento .bento-content {
     position: absolute;
     display: flex;
     flex-direction: column;
     inset: auto auto 21px 21px;
     margin: 0;
     transition: inset .3s .3s ease-out;
     z-index: 2;
     justify-content: flex-end;
     pointer-events: none;
     gap: 7px;
     max-width: calc(100% - 21px);
}
 .card-bento:hover .bento-content,
 .card-bento.boxed .bento-content {
     inset: auto auto 28px 21px !important;
     transition: inset .3s ease-out;
}
 .card-bento .bento-title {
     font-family: 'Lexend', sans-serif;
     font-size: 35px;
     line-height: 1;
     font-weight: normal;
     z-index: 2;
     color: #fff;
}

.bento-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    padding-right: 35px;
}

@media (min-width: 991px) {
    .bento-tags .badge {
        font-size: 13px;
    }
}

 .card-bento.boxed .bento-title {
     font-size: 30px;
     margin-top: auto;
}
 .card-bento .bento-copy {
     font-size: 14px;
     opacity: 0;
     max-width: 80%;
     transition: opacity .3s ease-out;
     font-family: 'Inter', sans-serif;
     color: #fff !important;
}
 @media (min-width: 768px) {
     .grid-wrapper .w-2 {
         grid-column: span 2;
    }
     .grid-wrapper .w-3 {
         grid-column: span 3;
    }
     .grid-wrapper .w-4 {
         grid-column: span 4;
    }
     .grid-wrapper .h-2 {
         grid-row: span 2;
    }
     .grid-wrapper .h-3 {
         grid-row: span 3;
    }
     .grid-wrapper .h-4 {
         grid-row: span 4;
    }
     .grid-wrapper .h-5 {
         grid-row: span 5;
    }
     .grid-wrapper .h-6 {
         grid-row: span 6;
    }
     .grid-wrapper .h-7 {
         grid-row: span 7;
    }
     .grid-wrapper .h-8 {
         grid-row: span 8;
    }
}
 .card-bento:hover .bento-copy {
     opacity: 1;
     transition: opacity .5s .1s ease-in;
}

 .card-bento.boxed .bento-copy {
     opacity: 1;
     font-size: 21px;
     font-weight: 300;
 }

 .card-bento:hover img {
     transition: opacity .3s ease-in;
     opacity: 1;
}
 .card-bento:not(.boxed)::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: #000;
    pointer-events: none;
    transition: opacity .3s ease-in;
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.60) 80%);
    z-index: 1;
}
@media (max-width: 767px) {
 .card-bento:not(.boxed)::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 10%, rgba(0, 0, 0, 0.60) 80%);
    opacity: 0.65;
}
}
 .card-bento:hover::after {
     transition: opacity .3s ease-out;
     opacity: 1;
}
 .bento-label {
     position: absolute;
     background-color: #fff;
     font-family: 'Lexend', sans-serif;
     font-size: 14px;
     display: flex;
     line-height: 0;
     border-radius: 50px;
     z-index: 2;
     height: 21px;
     width: 21px;
     color: var(--bodycolor);
     align-items: center;
     justify-content: center;
     top: 7px;
     left: 7px;
}
 .bento-label.right {
     left: unset;
     right: 7px;
}
 .bento-label.bottom {
     top: unset;
     bottom: 0.5rem;
}

.card-bento.boxed img {
    object-fit: contain;
}

.card-bento.boxed::after {
display: none;
}

.card-bento.boxed {
    background: rgba(0,0,0,0);
    cursor: default;
}

.card-bento.boxed .bento-label {
    background-color: var(--brandcolor4);
    color: #fff;
    transition: background-color .3s ease-out;
    width: 48px;
    height: 48px;
    font-size: 32px;
    box-shadow: var(--uxshadowhover);
}
/*---TEMPORARY - FIND BETTER SOLUTION IN HTML??---*/
 .copyright-content .col-md-4.text-center:nth-of-type(2) {
     display: none;
}
 .flickity-page-dots .dot {
     box-shadow: inset 0 0 0 2px var(--n0);
}
 .flickity-page-dots .dot.is-selected:after {
     box-shadow: inset 0 0 0 2px var(--n0);
     background-color: #fff;
}
/*------UI ROOT [update elsewhere]------*/
 :root {
     --uxtext: "Lexend", sans-serif;
     --uxbodytext: "Inter", sans-serif;
     --uxtransition: all 235ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
     --uxtransitionout: all 135ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
     --uxtextshadow: 0px 1px 3px rgba(0,0,0,0.15);
     --uxshadow: 0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
     --uxshadowhover: 0 1px 3px 1px rgb(66 66 66 / 20%), 0 2px 8px 4px rgb(66 66 66 / 10%);
     --uxradius: 0.425rem;
     --softradius: 0.225rem;
     --hardradius: 0.625rem;
     --fullradius: 50px;
    /*---NEUTRAL (GRAYSCALE)---*/
     --n1000: #0B070B;
     --n900: #242024;
     --n800: #3C393C;
     --n700: #555255;
     --n600: #6D6A6D;
     --n500: #858385;
     --n400: #9D9C9D;
     --n300: #B6B5B6;
     --n200: #CCCCCC;
     --n100: #E7E7E7;
     --n50: #F3F2F3;
     --n0: #FFFFFF;
    /*---PRIMARY (BLUE COAL)---*/
     --p1000: #001E36;
     --p900: #001e36e6;
     --p800: #001e36cc;
     --p700: #001e36b3;
     --p600: #001e3699;
     --p500: #001e3680;
     --p400: #001e3666;
     --p300: #001e364d;
     --p200: #001e3633;
     --p100: #001e361a;
     --p50: #001e360d;
    /*---ACCENT (PURPLE)---*/
     --a1000: #7c1bd6;
     --a900: #7c1bd6e6;
     --a800: #7c1bd6cc;
     --a700: #7c1bd6b3;
     --a600: #7c1bd699;
     --a500: #7c1bd680;
     --a400: #7c1bd666;
     --a300: #7c1bd64d;
     --a200: #7c1bd633;
     --a100: #7c1bd61a;
     --a50: #7c1bd60d;
    /*---FLARE (ORANGE)---*/
     --f1000: #FD541F;
     --f900: #FD541Fe6;
     --f800: #FD541Fcc;
     --f700: #FD541Fb3;
     --f600: #FD541F99;
     --f500: #FD541F80;
     --f400: #FD541F66;
     --f300: #FD541F4d;
     --f200: #FD541F33;
     --f100: #FD541F1a;
     --f50: #FD541F0d;
    /*---INFO (BLUE)---*/
     --i1000: #007CE2;
     --i900: #007CE2e6;
     --i800: #007CE2cc;
     --i700: #007CE2b3;
     --i600: #007CE299;
     --i500: #007CE280;
     --i400: #007CE266;
     --i300: #007CE24d;
     --i200: #007CE233;
     --i100: #007CE21a;
     --i50: #007CE20d;
    /*---SUCCESS (GREEN)---*/
     --s1000: #3BCC14;
     --s900: #3BCC14e6;
     --s800: #3BCC14cc;
     --s700: #3BCC14b3;
     --s600: #3BCC1499;
     --s500: #3BCC1480;
     --s400: #3BCC1466;
     --s300: #3BCC144d;
     --s200: #3BCC1433;
     --s100: #3BCC141a;
     --s50: #3BCC140d;
    /*---WARNING (YELLOW)---*/
     --w1000: #FFC700;
     --w900: #FFC700e6;
     --w800: #FFC700cc;
     --w700: #FFC700b3;
     --w600: #FFC70099;
     --w500: #FFC70080;
     --w400: #FFC70066;
     --w300: #FFC7004d;
     --w200: #FFC70033;
     --w100: #FFC7001a;
     --w50: #FFC7000d;
    /*---DANGER (RED)---*/
     --d1000: #CC1435;
     --d900: #CC1435e6;
     --d800: #CC1435cc;
     --d700: #CC1435b3;
     --d600: #CC143599;
     --d500: #CC143580;
     --d400: #CC143566;
     --d300: #CC14354d;
     --d200: #CC143533;
     --d100: #CC14351a;
     --d50: #CC14350d;
    /*---SHADOWS---*/
     --dp1: 0px 1px 2px rgba(16, 24, 40, 0.08);
     --dp2: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(16, 24, 40, 0.1);
     --dp4: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.1);
     --dp6: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(16, 24, 40, 0.1);
     --dp12: 0px 0px 24px 0px rgba(0, 30, 54, 0.30);
}
/*------END OF UI ROOT------*/
/*------UTILITY CLASSES------*/
 .text-light span.iColor, .iColor {
     color: var(--i1000) !important;
}
 .text-light span.sColor, .sColor, span.sColor span.animated {
     color: var(--s1000) !important;
}
 .text-light span.nColor, .nColor {
     color: var(--n1000) !important;
}
 .text-light span.fColor, .fColor {
     color: var(--f1000) !important;
}
 .text-light span.aColor, .aColor {
     color: var(--a1000) !important;
}
 .text-light span.pColor, .pColor {
     color: var(--p1000) !important;
}
 .text-light span.wColor, .wColor {
     color: var(--w1000) !important;
}
 .text-light span.dColor, .dColor {
     color: var(--d1000) !important;
}
 .n0Color {
     color: var(--n0) !important;
}
/*---SECTION UTILITIES---*/
/* section {
     overflow: visible;
}
 */
 section.frame-before {
     border-top: 1.5px solid var(--p100);
}
 section.frame-after {
     border-bottom: 1.5px solid var(--p100);
}
 section.w24vh40 {
     min-height: 40vh !important;
}
 section.w24vh50 {
     min-height: 50vh !important;
}
 section.w24vh60 {
     min-height: 60vh !important;
}
 section.w24vh70 {
     min-height: 70vh !important;
}
 section.w24vh80 {
     min-height: 80vh !important;
}
 section.w24vh90 {
     min-height: 90vh !important;
}
/*---END OF SECTION UTILITIES---*/
/*---BACKGROUND GRADIENTS---*/
 .w24gradient-s-i {
     background-image: linear-gradient(330deg, var(--s1000) 11%, var(--i1000) 79%);
     border-color: transparent !important;
}
 .w24gradient-i-s {
     background-image: linear-gradient(330deg, var(--i1000) 11%, var(--s1000) 79%);
}
 .w24gradient-w-d {
     background-image: linear-gradient(330deg, var(--w1000) 11%, var(--d1000) 79%);
}
 .w24gradient-d-w {
     background-image: linear-gradient(330deg, var(--d1000) 11%, var(--w1000) 79%);
}
 .w24gradient-d-i {
     background-image: linear-gradient(330deg, var(--d1000) 11%, var(--i1000) 79%);
}
 .w24gradient-i-d {
     background-image: linear-gradient(330deg, var(--i1000) 11%, var(--d900) 79%);
}
 .w24gradient-w-s {
     background-image: linear-gradient(330deg, var(--w1000) 11%, var(--s1000) 79%);
}
 .w24gradient-s-w {
     background-image: linear-gradient(330deg, var(--s1000) 11%, var(--w1000) 79%);
}
 .w24gradient-d-f {
     background-image: linear-gradient(330deg, var(--d1000) 11%, var(--f1000) 79%);
}
 .w24gradient-f-d {
     background-image: linear-gradient(330deg, var(--f1000) 11%, var(--d1000) 79%);
}
 .w24gradient-f-w {
     background-image: linear-gradient(330deg, var(--f1000) 11%, var(--w1000) 79%);
}
 .w24gradient-w-f {
     background-image: linear-gradient(330deg, var(--w1000) 11%, var(--f1000) 79%);
}
 .w24gradient-a-i {
     background-image: linear-gradient(330deg, var(--a1000) 11%, var(--i1000) 79%);
}
 .w24gradient-a-d {
     background-image: linear-gradient(330deg, var(--a1000) 11%, var(--d1000) 79%);
}
 .w24gradient-d-a {
     background-image: linear-gradient(330deg, var(--d1000) 11%, var(--a1000) 79%);
}
 .w24gradient-i-a {
     background-image: linear-gradient(330deg, var(--i1000) 11%, var(--a1000) 79%);
}
/*---END OF BACKGROUND GRADIENTS---*/
/*------END OF UTILITY CLASSES------*/
/*------1004 OVERRIDES------*/
 body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
     font-smooth: always;
}
 @media (max-width: 767px) {
     section:not(.spec-padding) {
         padding-top: 40px !important;
         padding-bottom: 40px !important;
    }
}
 @media (max-width: 580px) {
     .shape-divider {
         display: none;
    }
}
 :root {
     --titlebold: medium;
     --subtitlebold: medium;
     --primarybuttonshadowhover: var( --wavuishadowhover);
     --primarybuttonshadowclicked: var( --wavuishadowhover);
     --secondarybuttonshadowhover: var( --wavuishadowhover);
     --secondarybuttonshadowclicked: var( --wavuishadowhover);
     --primarybuttonradius: var(--uxradius);
     --primarybuttonradiushover: var(--uxradius);
     --primarybuttonradiusclicked: var(--uxradius);
     --secondarybuttonradius: var(--uxradius);
     --secondarybuttonradiushover: var(--uxradius);
     --secondarybuttonradiusclicked: var(--uxradius);
}
 button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
     letter-spacing: 0rem;
     font-size: 18px;
}
 .btn.btn-light:active {
     color: var(--n0) !important;
}
/*---BUTTON COLOR MODIFIERS---*/
 button.btn.btn-p, .btn.btn-p, a.btn.btn-p {
     background-color: var(--p1000) !important;
     color: var(--n0) !important;
     border-color: transparent !important 
}
 button.btn.btn-p:hover, .btn.btn-p:hover, a.btn.btn-p:hover, button.btn.btn-p:focus, .btn.btn-p:focus, a.btn.btn-p:focus, button.btn.btn-p:active, .btn.btn-p:active, a.btn.btn-p:active {
     background-color: var(--p800) !important;
}
 button.btn.btn-i, .btn.btn-i, a.btn.btn-i {
     background-color: var(--i1000) !important;
     color: var(--n0) !important;
     border-color: transparent !important 
}
 button.btn.btn-i:hover, .btn.btn-i:hover, a.btn.btn-i:hover, button.btn.btn-i:focus, .btn.btn-i:focus, a.btn.btn-i:focus, button.btn.btn-i:active, .btn.btn-i:active, a.btn.btn-i:active {
     background-color: var(--i800) !important;
}
 button.btn.btn-s, .btn.btn-s, a.btn.btn-s {
     background-color: var(--s1000) !important;
     color: var(--n0) !important;
     border: 2px solid transparent !important 
}
 button.btn.btn-s:hover, .btn.btn-s:hover, a.btn.btn-s:hover, button.btn.btn-s:focus, .btn.btn-s:focus, a.btn.btn-s:focus, button.btn.btn-s:active, .btn.btn-s:active, a.btn.btn-s:active {
     background-color: var(--s800) !important;
}
 button.btn.btn-f, .btn.btn-f, a.btn.btn-f {
     background-color: var(--f1000) !important;
     color: var(--n0) !important;
     border-color: transparent !important 
}
 button.btn.btn-f:hover, .btn.btn-f:hover, a.btn.btn-f:hover, button.btn.btn-f:focus, .btn.btn-f:focus, a.btn.btn-f:focus, button.btn.btn-f:active, .btn.btn-f:active, a.btn.btn-f:active {
     background-color: var(--f800) !important;
}
 button.btn.btn-a, .btn.btn-a, a.btn.btn-a {
     background-color: var(--a1000) !important;
     color: var(--n0) !important;
     border-color: transparent !important 
}
 button.btn.btn-a:hover, .btn.btn-a:hover, a.btn.btn-a:hover, button.btn.btn-a:focus, .btn.btn-a:focus, a.btn.btn-a:focus, button.btn.btn-a:active, .btn.btn-a:active, a.btn.btn-a:active {
     background-color: var(--a800) !important;
}
 button.btn.btn-d, .btn.btn-d, a.btn.btn-d {
     background-color: var(--d1000) !important;
     color: var(--n0) !important;
     border-color: transparent !important 
}
 button.btn.btn-d:hover, .btn.btn-d:hover, a.btn.btn-d:hover, button.btn.btn-d:focus, .btn.btn-d:focus, a.btn.btn-d:focus, button.btn.btn-d:active, .btn.btn-d:active, a.btn.btn-d:active {
     background-color: var(--d800) !important;
}
 button.btn.btn-w, .btn.btn-w, a.btn.btn-w {
     background-color: var(--w1000) !important;
     color: var(--n0) !important;
     border-color: transparent !important 
}
 button.btn.btn-w:hover, .btn.btn-w:hover, a.btn.btn-w:hover, button.btn.btn-w:focus, .btn.btn-w:focus, a.btn.btn-w:focus, button.btn.btn-w:active, .btn.btn-w:active, a.btn.btn-w:active {
     background-color: var(--w800) !important;
}
/*-GRADIENT BUTTONS-*/
 @property --grade1 {
     syntax: '<percentage>';
     initial-value: 0%;
     inherits: false;
}
 @property --grade2 {
     syntax: '<percentage>';
     initial-value: 80%;
     inherits: false;
}
 button.btn.btn-gradient, .btn.btn-gradient, a.btn.btn-gradient {
     background-color: unset !important;
     background: linear-gradient(330deg, var(--p1000) var(--grade1), var(--n1000) var(--grade2));
     color: var(--n0) !important;
     border-color: transparent !important;
     transition: --grade1 0.6s ease, --grade2 0.6s ease;
}
 button.btn.btn-gradient:hover, .btn.btn-gradient:hover, a.btn.btn-gradient:hover, button.btn.btn-gradient:focus, .btn.btn-gradient:focus, a.btn.btn-gradient:focus, button.btn.btn-gradient:active, .btn.btn-gradient:active, a.btn.btn-gradient:active {
     --grade1: 50%;
     --grade2: 180%;
     transition: --grade1 0.6s ease, --grade2 0.6s ease;
}
 button.btn.btn-gradient.s-i, .btn.btn-gradient.s-i, a.btn.btn-gradient.s-i {
     background: linear-gradient(330deg, var(--s1000) var(--grade1), var(--i1000) var(--grade2));
}
 button.btn.btn-gradient.i-s, .btn.btn-gradient.i-s, a.btn.btn-gradient.i-s {
     background: linear-gradient(330deg, var(--i1000) var(--grade1), var(--s1000) var(--grade2));
}
 button.btn.btn-gradient.i-a, .btn.btn-gradient.i-a, a.btn.btn-gradient.i-a {
     background: linear-gradient(330deg, var(--i1000) var(--grade1), var(--a1000) var(--grade2));
}
 button.btn.btn-gradient.a-i, .btn.btn-gradient.a-i, a.btn.btn-gradient.a-i {
     background: linear-gradient(330deg, var(--a1000) var(--grade1), var(--i1000) var(--grade2));
}
 button.btn.btn-gradient.d-w, .btn.btn-gradient.d-w, a.btn.btn-gradient.d-w {
     background: linear-gradient(330deg, var(--d1000) var(--grade1), var(--w1000) var(--grade2));
}
 button.btn.btn-gradient.w-d, .btn.btn-gradient.w-d, a.btn.btn-gradient.w-d {
     background: linear-gradient(330deg, var(--w1000) var(--grade1), var(--d1000) var(--grade2));
}
 button.btn.btn-gradient.d-f, .btn.btn-gradient.d-f, a.btn.btn-gradient.d-f {
     background: linear-gradient(330deg, var(--d1000) var(--grade1), var(--f1000) var(--grade2));
}
 button.btn.btn-gradient.f-d, .btn.btn-gradient.f-d, a.btn.btn-gradient.f-d {
     background: linear-gradient(330deg, var(--f1000) var(--grade1), var(--d1000) var(--grade2));
}
 button.btn.btn-gradient.w-f, .btn.btn-gradient.w-f, a.btn.btn-gradient.w-f {
     background: linear-gradient(330deg, var(--w1000) var(--grade1), var(--f1000) var(--grade2));
}
 button.btn.btn-gradient.f-w, .btn.btn-gradient.f-w, a.btn.btn-gradient.f-w {
     background: linear-gradient(330deg, var(--f1000) var(--grade1), var(--w1000) var(--grade2));
}
 button.btn.btn-gradient.s-w, .btn.btn-gradient.s-w, a.btn.btn-gradient.s-w {
     background: linear-gradient(330deg, var(--s1000) var(--grade1), var(--w1000) var(--grade2));
}
 button.btn.btn-gradient.w-s, .btn.btn-gradient.w-s, a.btn.btn-gradient.w-s {
     background: linear-gradient(330deg, var(--w1000) var(--grade1), var(--s1000) var(--grade2));
}
 button.btn.btn-gradient.d-a, .btn.btn-gradient.d-a, a.btn.btn-gradient.d-a {
     background: linear-gradient(330deg, var(--d1000) var(--grade1), var(--a1000) var(--grade2));
}
 button.btn.btn-gradient.a-d, .btn.btn-gradient.a-d, a.btn.btn-gradient.a-d {
     background: linear-gradient(330deg, var(--a1000) var(--grade1), var(--d1000) var(--grade2));
}
 button.btn.btn-gradient.a-w, .btn.btn-gradient.a-w, a.btn.btn-gradient.a-w {
     background: linear-gradient(330deg, var(--a1000) var(--grade1), var(--w1000) var(--grade2));
}
 button.btn.btn-gradient.w-a, .btn.btn-gradient.w-a, a.btn.btn-gradient.w-a {
     background: linear-gradient(330deg, var(--w1000) var(--grade1), var(--a1000) var(--grade2));
}
 button.btn.btn-gradient.a-f, .btn.btn-gradient.a-f, a.btn.btn-gradient.a-f {
     background: linear-gradient(330deg, var(--a1000) var(--grade1), var(--f1000) var(--grade2));
}
 button.btn.btn-gradient.f-a, .btn.btn-gradient.f-a, a.btn.btn-gradient.f-a {
     background: linear-gradient(330deg, var(--f1000) var(--grade1), var(--a1000) var(--grade2));
}
 button.btn.btn-gradient.f-i, .btn.btn-gradient.f-i, a.btn.btn-gradient.f-i {
     background: linear-gradient(330deg, var(--f1000) var(--grade1), var(--i1000) var(--grade2));
}
 button.btn.btn-gradient.i-f, .btn.btn-gradient.i-f, a.btn.btn-gradient.i-f {
     background: linear-gradient(330deg, var(--i1000) var(--grade1), var(--f1000) var(--grade2));
}
/*-END OF GRADIENT BUTTONS-*/
/*---END BUTTON COLOR MODIFIERS---*/
 .btn.btn-xs {
     min-height: unset !important;
     font-size: 12px !important;
     border-radius: var(--hardradius) !important;
     min-width: unset !important;
}
 p {
     line-height: 1.75;
}
 body#bBody a.btn.btn-primary, body#bBody button.btn.btn-primary {
     min-width: 150px;
}
/*---BADGES---*/
 .badge-primary {
     background-color: var(--p1000);
}
 a.badge-primary:focus,a.badge-primary:hover {
     background-color: var(--p800);
}
 a.badge-primary.focus,a.badge-primary:focus {
     box-shadow: 0 0 0 .2rem var(--p500);
}
 .badge-secondary {
     background-color: var(--a1000);
}
 a.badge-secondary:focus,a.badge-secondary:hover {
     color: #fff;
     background-color: var(--a800);
}
 a.badge-secondary.focus,a.badge-secondary:focus {
     outline: 0;
     box-shadow: 0 0 0 .2rem var(--a500) 
}
 .badge-success {
     background-color: var(--s1000);
}
 a.badge-success:focus,a.badge-success:hover {
     background-color: var(--s800);
}
 a.badge-success.focus,a.badge-success:focus {
     box-shadow: 0 0 0 .2rem var(--s500);
}
 .badge-info {
     background-color: var(--i1000);
}
 a.badge-info:focus,a.badge-info:hover {
     background-color: var(--i800);
}
 a.badge-info.focus,a.badge-info:focus {
     box-shadow: 0 0 0 .2rem var(--i500);
}
 .badge-warning {
     color: var(--n0);
     background-color: var(--w1000);
}
 a.badge-warning:focus,a.badge-warning:hover {
     color: var(--n0);
     background-color: var(--w800);
}
 a.badge-warning.focus,a.badge-warning:focus {
     outline: 0;
     box-shadow: 0 0 0 .2rem var(--w500);
}
 .badge-danger {
     background-color: var(--d1000);
}
 a.badge-danger:focus,a.badge-danger:hover {
     background-color: var(--d800);
}
 a.badge-danger.focus,a.badge-danger:focus {
     box-shadow: 0 0 0 .2rem var(--d500);
}
 .badge-light {
     color: var(--n1000);
     background-color: var(--n50);
}
 a.badge-light:focus,a.badge-light:hover {
     color: var(--n800);
     background-color: var(--n50);
}
 a.badge-light.focus,a.badge-light:focus {
     box-shadow: 0 0 0 .2rem var(--n200);
}
 .badge-dark {
     background-color: var(--n1000);
}
 a.badge-dark:focus,a.badge-dark:hover {
     background-color: var(--n800);
}
 a.badge-dark.focus,a.badge-dark:focus {
     box-shadow: 0 0 0 .2rem var(--n500);
}
 .badge {
     font-size: 10px;
     cursor: default;
}
/*---END OF BADGES---*/
/*---NAVIGATION---*/
 @media (min-width: 1024px) {
     #header .mobile-only {
         display: none !important;
    }
}
 #header.header-alternative {
     line-height: 80px;
     height: 80px;
}
 #header.header-alternative .header-inner, #header.header-alternative #header-wrap {
     height: 80px;
}
 #header.header-alternative .header-inner #mainMenu > .container nav > ul > li .dropdown-submenu:before, #header.header-alternative #header-wrap #mainMenu > .container nav > ul > li .dropdown-submenu:before {
     top: -8px;
}
 #header.header-alternative .header-inner #logo, #header.header-alternative #header-wrap #logo {
     height: 80px;
}
 #header.header-alternative .header-inner #logo a > img, #header.header-alternative #header-wrap #logo a > img {
     height: 80px;
     padding-top: 20px;
     padding-bottom: 20px;
}
 #header.header-alternative .header-inner #mainMenu-trigger, #header.header-alternative #header-wrap #mainMenu-trigger {
     height: 80px;
}
 #header.header-alternative .header-inner .header-extras, #header.header-alternative #header-wrap .header-extras {
     height: 80px;
}
 header#header .btn.btn-primary {
     color: var(--primarybuttoncolor) !important;
}
 #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
     font-size: calc(var(--navigationsize) - 2px);
}
 #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu {
     width: 70%;
     max-width: 900px;
}
 #mainMenu nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title a {
     font-size: calc(var(--navigationsize) - 2px);
     text-transform: uppercase;
     font-weight: 600;
     padding-bottom: 0px !important;
}
 li.mega-menu-title a {
     display: flex !important;
     align-items: center;
     align-content: center;
     flex-direction: row;
     gap: 4px;
}
 .lines {
     height: 1.5px;
}
 .lines:before, .lines:after {
     height: 1.5px;
}
 @media (max-width: 1024px) {
     #mainMenu nav > ul > li:not(.hover-active):hover > ul {
         animation: none;
    }
     body#bBody {
         background-color: var(--n0);
         transition: background-color var(--uxtransition);
    }
     body#bBody.mainMenu-open {
         max-height: 100vh;
         overflow: hidden;
         background-color: var(--p1000);
         transition: background-color var(--uxtransition);
    }
     body#bBody.mainMenu-open section {
         opacity: 0.5;
         background-blend-mode:darken;
         transition: var(--uxtransition);
         pointer-events: none;
    }
     body#bBody.mainMenu-open #header[data-fullwidth="true"] .header-inner > .container {
         background-color: var(--n0);
         box-shadow: var(--dp12);
         padding-bottom: 30px;
    }
     .mainMenu-open #header #mainMenu {
         margin-bottom: 0px;
         max-height: calc(100vh - 120px) !important;
    }
     #mainMenu::-webkit-scrollbar {
         width: 4px;
         border-radius: 50px;
    }
     #mainMenu::-webkit-scrollbar-track {
         border-radius: 50px;
    }
     #mainMenu::-webkit-scrollbar-thumb {
         background: transparent;
         opacity: 1;
         border-radius: 50px;
    }
     #mainMenu:not(.menu-overlay) nav > ul > li > a {
         font-weight: 600;
         font-size: 18px;
    }
}
/*---END OF NAVIGATION---*/
/*---HORIZONTAL [HR] LINE MODULE---*/
 hr.hrgray {
     border-top: 1.5px solid var(--p100);
}
/*---END OF HR MODULE---*/
/*---SUPERTITLE TEXT---*/
 .w24supertitle {
     font-weight: 600;
     opacity: 0.2;
     font-family: var(--titlefont);
     text-transform: uppercase;
}
/*---END OF SUPERTITLE TEXT---*/
/*---HALFNHALF MODULES---*/
 .halfnhalf-actions {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     width: 100%;
     position: relative;
     align-items: center;
}
 .action-context {
     font-size: 14px;
     color: var(--n300);
     display: block;
     padding: 0px 16px;
     width: calc(100% - 200px);
}
 section.w24bgDark .halfnhalf-text :not(span) {
     color: var(--n0);
}
 @media (min-width: 1200px) {
     section.reversed .halfnhalf-text {
         margin-left: 0px !important;
    }
     section:not(.reversed) .halfnhalf-text {
         margin-right: 0px !important;
    }
}
 @media (max-width: 767px) {
     .halfnhalf-text {
         margin-top: 20px;
         padding: 10px;
    }
}
 @media (max-width: 1199px) and (min-width: 768px), (max-width: 550px) {
     .halfnhalf-actions {
         flex-direction: column;
         align-items: baseline;
    }
     .halfnhalf-actions.center-me {
         align-items: center;
    }
     .action-context br {
         display: none !important;
    }
     .action-context {
         padding: 0;
         width: 100%;
         max-width: 300px;
         margin-top: 14px;
    }
}
 @media (min-width: 991px) {
     section.reversed .halfnhalf .row > div:last-child {
         order: -1;
    }
}
/*BANNER VERSION*/
 @media (min-width: 992px) {
     section.w24Banner .pull .halfnhalf-img img {
         width: 60vw !important;
         max-width: 750px !important;
    }
     section.w24Banner:not(.reversed) .pull {
         display: flex;
         justify-content: flex-end;
    }
}
 @media (max-width: 991px) {
     section.w24Banner .pull .halfnhalf-img img {
         max-width: 520px !important;
    }
     .halfnhalf-text {
         max-width: 520px !important;
         margin: 20px auto auto auto;
        /* text-align: center;
         */
    }
}
 section.w24Banner .halfnhalf-img img {
     overflow: visible !important;
}
/*END OF BANNER VERSION*/
/*PLACARD VERSION*/
 .placard:not(.placard-basic) .btn.btn-secondary {
     background-color: var(--n0) !important;
     border-color: var(--n0) !important;
     color: var(--n1000) !important;
}
 .placard:not(.placard-basic) .btn.btn-secondary:hover {
     box-shadow: var(--dp12) !important;
}
 .placard {
     box-shadow: 0px 0px 14px 0px rgba(0, 30, 54, 0.20);
     width: 100%;
     max-width: 90%;
     margin: auto;
     position: relative;
     height: auto;
     min-height: 400px;
     border-radius: var(--hardradius);
}
 @media (min-width: 768px) {
     .placard {
        /* min-height: 700px;
         */
    }
}
 @media (max-width: 992px) {
     section.w24SolutionDeck .halfnhalf .row > div:last-child {
         order: -1;
    }
     .placard {
         max-width: calc(100% - 20px);
         width: 520px;
    }
}
 .placard {
     padding: 30px 20px;
     display:flex;
     flex-direction: column;
     justify-content: flex-start;
}
 @media (min-width: 768px) {
     .placard:not(.placard-basic) {
         margin: auto auto;
         max-width: 420px;
    }
}
 @media (max-width: 540px) {
     .placard {
         width: 90vw;
         max-width: 280px;
    }
     .placard.basic {
         margin-bottom: 60px !important;
    }
}
 .placard-head {
     text-align: center;
}
 .placard-head .placard-title {
     font-family: var(--titlefont);
     text-decoration: var(--titleunderline);
     font-style: var(--titleitalic);
     text-transform: var(--titlecaps);
     font-size: 28px;
     font-weight: 500;
     line-height: 1.15;
}
 .placard-head .placard-subtitle {
     font-family: var(--titlefont);
     text-decoration: var(--titleunderline);
     font-style: var(--titleitalic);
     text-transform: uppercase;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.5;
}
 .placard-basic .placard-head .placard-subtitle {
     color: var(--p400);
}
 .placard-head {
     min-height: 200px;
}
 .placard-head .placard-price {
     font-family: var(--titlefont);
     text-decoration: var(--titleunderline);
     font-style: var(--titleitalic);
     text-transform: var(--titlecaps);
     margin: 20px auto;
     font-size: 68px;
}
 .placard-basic .placard-head .placard-price {
     color: var(--s1000) 
}
 .placard-head .placard-price sup {
     top: -1em;
}
 .placard-head .placard-price sup, .placard-head .placard-price span {
     display: inline;
     font-size: 25px;
     font-weight: 300;
}
 .placard-body {
     padding: 20px 8px;
     border-top: 2px solid var(--n0);
     height: auto;
     margin-bottom: auto;
}
 .placard-basic .placard-body {
     border-top-color: var(--p100) 
}
 ul.placard-list {
     padding: 0;
     list-style: none;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     text-align: left;
     justify-content: space-between;
     margin-bottom: 0px;
     animation-duration: 0.25s;
     transition: 0.25s ease;
}

 ul.placard-list:hover {
          animation-duration: 0.25s;
     transition: 0.25s ease;
    margin-bottom: -50px;
 }
 ul.placard-list li {
     font-weight: 500;
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: #ffffff87 1px dashed;
     position: relative;
     padding-left: 25px;
     font-size: 14px;
     width: 100%;
     animation-duration: 0.25s;
}
 .placard-basic ul.placard-list li {
     border-bottom: var(--p100) 1px solid;
}
 @media (min-width: 768px) {
     .placard.sixplus ul.placard-list li {
         width: calc(50% - 8px);
    }
}
 ul.placard-list li::before {
     content: '';
     background-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/n0CheckCircle.svg');
     display: block;
     position: absolute;
     width: 16px;
     height: 16px;
     background-size:cover;
     left: 0;
     top: 3px;
}

ul.placard-list li.ai-icon::before {
        background-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/000016/images/design-elements/ai-icon.svg');
}

 .placard-basic ul.placard-list li::before {
     background-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/hollow-check.svg');
     height: 12px;
     width: 12px;
     top: 5px;
}
 ul.placard-list li div.placard-list-details {
     font-weight: 300;
     font-style: italic;
     font-size: 12px;
     font-family: var(--titlefont);
     display:flex;
     opacity: 0.9;
}
 ul.placard-list li .detail-price {
     margin-left: auto;
     line-height: 1.15;
     text-align: right;
}
 ul.placard-list li .detail-note {
     margin-right: auto;
     line-height: 1.15;
}
 .placard-foot {
     text-align: center;
     min-height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     flex-wrap: nowrap;
}
 .placard-foot .btn {
     margin: 4px auto !important;
     width: 240px !important;
}
 @media (max-width: 991px) and (min-width: 768px) {
     ul.placard-list li {
         padding-left: 0px;
    }
     ul.placard-list li div.placard-list-details {
         flex-direction: column;
    }
     ul.placard-list li .detail-price {
         margin-left: 0px !important;
         margin-right: auto;
        /* margin-top: 10px;
         */
        /* font-weight: 600;
         */
    }
     ul.placard-list li .detail-note {
         max-width: 100%;
    }
     ul.placard-list li::before {
         display: none;
    }
}
 ul.placard-list li {
     cursor: default;
}
 ul.placard-list li .detail-note {
     opacity:0;
     transition: var(--uxtransition);
}
 .placard-list-details {
     height: 0px;
     transition: var(--uxtransitionout);
}
 ul.placard-list li:hover .placard-list-details {
     height: 28px;
     transition: var(--uxtransition);
}
 ul.placard-list li:hover .detail-note {
     opacity: 1;
     transition: var(--uxtransition);
}
 ul.placard-list li .detail-price {
     position: absolute;
     right: 0;
     top: 4px;
     transition: var(--uxtransition);
}
 @media (min-width: 991px) and (max-width: 1199px) {
     .placard-basic ul.placard-list li:hover .placard-list-details {
         height: 50px;
    }
}
/*END OF PLACKARD VERSION*/
/*---END OF HALFNHALF MODULES---*/
/*------END OF 1004 OVERRIDES------*/
/*------NEW MODULES------*/
/*---JUICY STATEMENT---*/
 section.w24JuicyStatement {
     margin-top: 80px;
     margin-bottom: 80px;
}
 section.w24JuicyStatement::before, section.w24JuicyStatement::after {
     content: '';
     position: absolute;
     background-color: var(--n0);
     left: -100px;
     width: 200%;
     height: 10%;
     z-index: 1;
}
 section.w24JuicyStatement::before {
     top:-1px;
}
 section.w24JuicyStatement::after {
     bottom: -1px;
}
 section.w24JuicyStatement .container {
     z-index: 3;
     position: relative;
}
 @media (max-width: 991px) {
     section.w24JuicyStatement::after {
         display: none;
    }
     section.w24JuicyStatement .halfnhalf-img {
         max-width: 450px;
         margin-left: auto;
         margin-right: auto;
    }
     section.w24JuicyStatement {
         padding-top: 0px !important;
         padding-bottom: 40px !important;
    }
}
/*---END OF JUICY STATEMENT---*/
/*---BOLD STATEMENT---*/
 section.w24BoldStatement h1, section.w24BoldStatement h2, section.w24BoldStatement h3, section.w24BoldStatement h4, section.w24BoldStatement h5, section.w24BoldStatement h6 {
     max-width: 820px;
     margin-left: auto;
     margin-right: auto;
}
 section.w24BoldStatement p {
     max-width: 550px;
     margin-left: auto;
     margin-right: auto;
}
/*---END OF BOLD STATEMENT---*/
/*---SIGIL LISTS---*/
 .w24SigilList {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding: 24px 15px 0px 15px;
     border-top: 1.5px solid var(--n200);
     border-bottom: 1.5px solid var(--n200);
     margin-top: 28px;
     margin-bottom: 28px;
}
 .w24SigilEntry {
     display: flex;
     width: 50%;
     margin-bottom: 24px;
     align-items: center;
}
 .w24Sigil {
     color: var(--n0);
     background-color: var(--p1000);
     height: 60px;
     width: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
     box-shadow: var(--dp);
     position: relative;
     font-size: 31px;
     line-height: 0;
     box-shadow: var(--uxshadowhover);
}
 .w24SigilText {
     font-size: 14px;
     line-height: 1.25;
     padding: 0px 12px;
     width: calc(100% - 60px);
}
 @media (max-width: 1200px) and (min-width: 992px) {
     .w24Sigil {
         height: 40px;
         width: 40px;
         font-size: 20px;
    }
     .w24SigilText {
         width: calc(100% - 40px);
    }
}
 @media (max-width: 450px) {
     .w24SigilEntry {
         width: 100%;
         flex-direction: row;
    }
     .w24SigilText {
         width: calc(100% - 40px);
         text-align: left;
         font-size: 14px;
         padding-left: 12px;
    }
     .w24Sigil {
         width: 40px !important;
         height: 40px;
         font-size: 20px;
    }
     .w24SigilList {
         display: flex;
         padding: 24px 8px 0px 8px;
         justify-content: flex-start;
    }
    /*.w24supertitle {
         text-align: center;
    }
    */
}
/*---END OF SIGIL LISTS---*/
/*---CHECKLISTS---*/
 ul.w24Check {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/nCheck.svg');
     display: flex;
     padding-left: 25px;
     flex-direction: row;
     flex-wrap: wrap;
     text-align: left;
     justify-content: flex-end;
}
 ul.sCheck {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/sCheck.svg');
}
 ul.aCheck {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/aCheck.svg');
}
 ul.fCheck {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/fCheck.svg');
}
 ul.n0CheckCircle {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/n0CheckCircle.svg');
}
 ul.iCheck {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/iCheck.svg');
}
 ul.pCheck {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/pCheck.svg');
}
 ul.dCheck {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/dCheck.svg');
}
 ul.wCheck {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/wCheck.svg');
}
 ul.n0Check {
     list-style-image: url('https://3stepsolutions.s3-accelerate.amazonaws.com/assets/custom/010833/images/design-elements/n0Check.svg');
}
 ul.w24Check li {
     padding-left: 8px;
     width: calc(50% - 20px);
     margin-bottom: 30px;
     font-size: calc(var(--bodysize) - 2px);
     font-weight: 500;
     text-align: left;
}
 .halfnhalf-text ul.w24Check li {
     width: calc(50% - 20px);
     text-align: unset;
}
 @media (max-width: 991px) {
     .halfnhalf-text ul.w24Check li {
         width: 100%;
    }
}
 ul.w24Check.fourths li {
     font-size: var(--bodyfont);
     font-weight: 600;
}
 @media (min-width: 992px) {
     ul.w24Check.thirds li {
         width: calc(33% - 20px);
         min-height: 52px;
        /*--------------PROBATIONARY------*/
    }
     ul.w24Check.fourths li {
         width: 25%;
         min-height: 52px;
        /*--------------PROBATIONARY------*/
         padding-right: 50px;
    }
     ul.w24Check{
         justify-content: space-between;
    }
     ul.w24Check.fourths {
         justify-content: flex-start;
    }
}
 @media (max-width: 550px) {
     ul.w24Check li, ul.w24Check.thirds li, ul.w24Check.fourths li {
         width: 100% !important;
         text-align: center;
         margin: auto auto 30px auto;
    }
     ul.w24Check {
         padding-left: 40px;
    }
}
/*---END OF CHECKLISTS---*/
/*---SLIDER DECK---*/
 .w24DeckList ::selection {
     background: transparent;
     color: inherit;
}
 .w24DeckTitle {
     font-weight: 600;
     color: var(--p400);
     margin-bottom: 20px;
}
 .w24DeckItem {
     font-weight: 600;
     font-size: 18px;
     margin-bottom: 20px;
     height: 48px;
     width: 180px;
     display: flex;
     padding: 0px 10px 0px 20px;
     border-radius: var(--hardradius);
     align-items: center;
     justify-content: space-between;
     transition: var(--uxtransition);
     line-height: 1;
     cursor: pointer;
     color: var(--bodycolor) !important;
}
 @media (max-width: 991px) {
     .w24DeckTitle {
         text-align: center;
         width: 100%;
    }
     .w24DeckList {
         margin-bottom: 40px;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: space-between;
    }
     .w24DeckItem {
         width: calc(50% - 10px);
         text-align: center;
         justify-content: center;
         background-color: var(--p50);
    }
     .w24DeckItem i {
         display: none !important;
    }
}
 @media (max-width: 767px) {
     .w24DeckItem {
         width: 100%;
    }
}
 .w24DeckItem:hover {
     transition: var(--uxtransition);
     background-color: var(--p50);
}
 .w24DeckItem.selected {
     background-color: var(--i100);
}
 .w24DeckItem i {
     transition: var(--uxtransition);
     font-weight: normal;
     display: none;
     pointer-events: none;
}
 .w24DeckItem.selected i, .w24DeckItem:hover i {
     display:block;
     transition: var(--uxtransition);
     animation-duration: 0.2s !important;
}
/*---END SLIDER DECK---*/
/*---CARD FAN MODULE---*/
 .w24CardFan {
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
}
 .w24CardFan .fanImage {
     margin-bottom: 50px;
     max-width: 100%;
}
 .w24CardFan.fanVert .fanImage {
     height: 330px;
     width: 220px;
}
 .w24CardFan.fanHorz .fanImage {
     height: 220px;
     width: calc(100% - 30px);
}
 .w24CardFan.fanVert {
     max-width: 250px;
     width: 100%;
}
 .w24CardFan.fanHorz {
     width: 100%;
}
 .w24CardFan .fanImage img {
     border-radius: 40px;
     object-fit: cover;
     margin: unset;
     width: 100%;
     height: 100%;
}
 .w24CardFan.fanLeft .fanImage, .w24CardFan.fanLeft {
     margin-left: 0px;
     margin-right: auto;
}
 .w24CardFan.fanRight .fanImage, .w24CardFan.fanRight {
     margin-left: auto;
     margin-right: 0px;
}
 .w24CardFan.fanLeft .fanImage img {
     box-shadow: 30px 30px 0 0 var(--p100);
     transition: var(--uxtransitionout);
}
 .w24CardFan.fanRight .fanImage img {
     box-shadow: -30px 30px 0 0 var(--p100);
     transition: var(--uxtransitionout);
}
 .w24CardFan.fanLeft .fanImage a:hover img {
     box-shadow: 15px 15px 0 0 var(--i500);
     transition: var(--uxtransition);
}
 .w24CardFan.fanRight .fanImage a:hover img {
     box-shadow: -15px 15px 0 0 var(--i500);
     transition: var(--uxtransition);
}
 .w24CardFan .fanText {
     font-weight: 600;
     min-height: 115px;
}
 .w24CardFan .fanTitle {
     font-weight: 400;
     color: var(--n400);
     margin-top: 10px;
     margin-bottom: 30px;
}
 @media (min-width: 992px) {
     .w24CardFan .fanText {
         order: -1;
    }
}
 @media (max-width: 767px) {
     .w24CardFan {
         margin-bottom: 40px;
    }
}
 @media (max-width: 991px) and (min-width: 768px) {
     .w24CardFan.fanHorz .fanImage, .w24CardFan.fanVert .fanImage {
         height: 330px;
         width: calc(100% - 50px);
         margin-left: auto;
         margin-right: auto;
    }
     .w24CardFan .fanImage img {
         box-shadow: -10px 10px 0 0 var(--p100) !important;
    }
     .w24CardFan.fanLeft .fanImage a:hover img {
         box-shadow: -5px 5px 0 0 var(--p100) !important;
         transition: var(--uxtransition);
    }
     .w24CardFan.fanRight .fanImage a:hover img {
         box-shadow: -5px 5px 0 0 var(--p100) !important;
         transition: var(--uxtransition);
    }
}
 @media (max-width: 767px) and (min-width: 450px) {
     .w24CardFan .fanImage, .w24CardFan .fanImage img {
    }
}
 @media (max-width: 991px) {
     .w24CardFan.fanLeft .fanImage img {
         box-shadow: -30px 30px 0 0 var(--p100);
    }
     .w24CardFan {
         margin-left: auto !important;
         margin-right: auto !important;
         margin-bottom: 40px;
         max-width: 280px !important;
    }
     .w24CardFan .fanImage {
         width: 280px !important;
         height: 280px !important;
         margin-left: auto !important;
         margin-right: auto !important;
    }
     .w24CardFan .fanText {
         display: flex;
         flex-direction: column 
    }
     .w24CardFan .fanText .fanTitle {
         order: -1 
    }
}
/*---END OF CARD FAN MODULE---*/
/*----PERIOD TOGGLE----*/
 .period-toggle span {
     font-size: 16px;
     padding: 8px 20px;
     outline: none;
     position: relative;
     transition: all 0.3s;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 50%;
     line-height: 18px;
     font-family: var(--primarybuttonfont);
     border-radius: 50px;
     transition: var(--uxtransition);
}
 .period-toggle {
     width: fit-content;
     margin: auto auto;
     background-color: var(--p1000);
     border-radius: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: row;
     padding: 0px 0px;
     border: 6px solid var(--p1000);
     position: relative;
     width: 200px;
     transition: var(--uxtransition);
     cursor: pointer;
     -webkit-user-select: none;
    /* Safari */
     -ms-user-select: none;
    /* IE 10 and IE 11 */
     user-select: none;
    /* Standard syntax */
}
 .period-toggle:hover {
     background-color: var(--p800);
     transiton: var(--uxtransition);
}
 .period-toggle.select1 span.option2, .period-toggle.select2 span.option1 {
     color: var(--n300);
}
 .period-toggle.select1:hover span.option2, .period-toggle.select2:hover span.option1 {
     color: var(--n0);
}
 .period-toggle::before {
     content: '';
     height: 100%;
     width: 50%;
     position: absolute;
     border-radius: 50px;
     background-color: var(--n0);
     pointer-events: none;
     left:0;
     box-shadow: 0px 0px 0px 4px var(--p1000);
     transition: var(--uxtransition);
}
 .period-toggle.select1::before {
     left: 0;
}
 .period-toggle.select2::before {
     left: 50%;
}
/*---END PERIOD TOGGLE---*/
/*---TESTIMONIALS---*/
 .w24Carousel .testimonial-item {
     max-width: 800px;
     margin: auto auto;
     text-align: center;
}
 .w24Carousel .flickity-slider {
     display: flex;
     align-items: center;
     align-content: center;
}
 .w24Carousel .testimonial-item span:last-child {
     font-size: 24px;
     font-weight: 600;
}
/*------END OF NEW MODULES------*/
/*---FORM TWEAKS---*/
 .form-row.fbTextBox label + input + input[type=checkbox] {
     margin-top: 20px;
}
 .w24FormPad {
     box-shadow: var(--dp12);
     padding: 15px 30px;
     background-color: var(--n0);
     border-radius: var(--hardradius);
     border-color: var(--n200) 1px solid;
    \ margin-bottom: 20px;
}
/*------END FORM TWEAKS------*/
/*------BLOG TWEAKS------*/
 div#blogLayout {
     padding: 0px 15px;
}
 .post-item-wrap {
     box-shadow: var(--dp4);
     border-radius: var(--uxradius);
     overflow: hidden;
}
 .post-content-single .post-info {
     margin-bottom: 40px;
}
 .post-content-single .post-title h2 {
     font-size: 32px;
}
 .post-content-single .post-category {
     opacity: 0;
     transition: var(--uxtransition);
}
 .post-content-single .post-info:hover .post-category {
     opacity: 1;
     transition: var(--uxtransition);
}
 .post-content-single .post-meta {
     margin-top: 40px;
}
 .post-content-single div.comment-form {
     padding-top: 20px;
     border-top: 2px solid var(--n100);
}
 .post-content-single #comments .heading, .post-content-single #comment .heading {
     text-align: left;
}
 .post-content.post-content-single.col-md-12 {
     display: flex;
     flex-direction: column;
     gap: 40px;
     --bodysize: 18px;
}
 .sharethis-inline-share-buttons .st-btn {
     background-color: var(--p1000) !important;
}
/*------END BLOG TWEAKS------*/
/*------FOOTER------*/
 .footer-content .container {
     border-bottom: 1px solid var(--n300);
     padding-bottom: 50px;
}
 .w24FooterLeft {
     display: flex;
     flex-direction: column;
     align-content: flex-start;
     flex-wrap: wrap;
     max-width: 250px;
}
 .w24FooterSoc {
     display: flex;
     width: 100%;
     justify-content: space-between;
}
 .w24FooterSoc a {
     color: var(--bodycolor) !important;
     transition: var(--uxtransition);
     font-size: 30px;
}
 .w24FooterSoc a:hover {
     color: var(--linkcolor) !important;
     transition: var(--uxtransition);
}
 .w24SiteMap {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     position: relative;
     width: 80%;
     margin: auto 0px auto auto;
     justify-content: space-between;
}
 .w24SiteMap a:not(.fbEntityAction):not(.fbAdminIFrame) {
     display: block;
     width:50%;
     text-align: left !important;
     position: relative;
     font-weight: 300 !important;
     margin-bottom: 8px;
     font-family: var(--bodyfont) !important;
}
 .w24FooterRight {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-items: flex-start;
     width: fit-content;
     margin: auto 0px auto auto;
}
 .footer-content .container > .row {
     align-items: flex-start 
}
 @media (max-width: 991px) {
     .w24SiteMap {
         margin: auto auto;
         max-width: 100%;
    }
     .w24SiteMap a:not(.fbEntityAction):not(.fbAdminIFrame) {
         text-align: center !important;
    }
     .w24FooterRight br {
         display: none;
    }
}
 @media (max-width: 767px) {
     .w24FooterLeft, .w24FooterCenter, .w24FooterRight {
         align-content: center;
         margin-bottom: 30px;
         margin: auto auto 30px auto;
    }
     .w24FooterRight * {
         text-align: center;
         width: 100%;
         margin: auto auto 16px auto;
    }
}
 .copyright-content .col-md-4 {
     width: 100% !important;
     flex: 0 0 100% !important;
     max-width: 100% !important;
}
 .copyright-content .col-md-4:not(:first-child) {
     display: none;
}
 @media (max-width: 991px) {
     nav#dotsMenu {
         display: none;
    }
}
/*------END OF FOOTER------*/

/*------COMPARISON TABLE------*/

.comparison-table {
  width: 100%;
  border-collapse: collapse;
}

.comparison-table th,
.comparison-table td {
  border: 1px solid #e5e5e5;
  padding: 14px;
  text-align: left;
}

.comparison-table thead {
  background: #f7f7f7;
  font-weight: 600;
}

.comparison-table td:nth-child(2) {
  background: #f2f8ff; /* highlight Wavoto column */
}

.comparison-table tr:nth-child(even) {
  background: #fafafa;
}