/* --- START OF FILE main6e.css (Corrected) --- */

/* Same as main2*/
html {
    font-family: sans-serif;
    text-size-adjust: 100%;
}

body {
    margin: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

a {
    background-color: transparent;
}

b,
strong {
    font-weight: bold;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

ul,
ol {
    padding-left: 20px;
}

.u-btn {
    display: table;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    font-weight: inherit;
    text-decoration: none;
    border: 0px none transparent;
    outline-width: 0px;
    background-color: transparent;
    margin: 0px;
    font-style: initial;
    white-space: nowrap;
    user-select: none;
    vertical-align: middle;
    text-align: center;
    padding: 10px 30px;
    border-radius: 0px;
    --border-radius: 0;
    align-self: flex-start;
}

.u-button-style {
    transition-property: background-color, color, border-color;
}

.u-text a,
.u-post-content a,
.u-tab-item a,
.u-nav-item a,
.u-filter-item a,
.u-product-control.u-text a {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.u-link,
a {
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.u-logo {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: none;
    border: 0px none transparent;
    outline-width: 0px;
    background-color: transparent;
    margin: 0px;
}

.u-image.u-logo {
    display: table;
    white-space: nowrap;
}

.u-image.u-logo img {
    display: block;
}

*,
::before,
::after {
    box-sizing: border-box;
}

html {
    height: 100%;
    overflow: hidden auto;
}

body {
    height: auto;
    min-height: 100%;
    overflow-x: clip;
}

body,
aside,
.u-sidebar-block,
section,
header,
footer {
    position: relative;
}

section>*,
header>*,
footer>*,
.u-sheet>*,
.u-section-row>* {
    position: relative;
}

a {
    color: rgb(37, 155, 202);
    text-decoration: none;
}

.u-border-none {
    border-width: 0px !important;
}

.u-text-default {
    display: table;
    align-self: flex-start;
    width: fit-content;
}

.u-image,
.u-background-effect-image,
.u-video-poster {
    object-fit: cover;
    display: block;
    vertical-align: middle;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

img.u-image,
.u-video-poster {
    overflow: hidden;
}

.u-back-image.u-image-contain,
.u-image.u-image-contain {
    object-fit: contain;
    background-size: contain;
}

section.u-image:not(.u-hover-box),
.u-sheet.u-image:not(.u-hover-box),
.u-group.u-image:not(.u-hover-box),
.u-layout-cell.u-image:not(.u-hover-box) {
    overflow: visible;
}

[data-post-link],
[data-href] {
    cursor: pointer;
}

.u-sheet {
    position: relative;
    margin: 0px auto;
}

.u-xl-mode .u-sheet {
    width: var(--theme-sheet-width-xl);
}

.u-container-layout {
    position: relative;
    flex: 1 1 0%;
    max-width: 100%;
    transition-duration: inherit;
}

.u-audio-main-layout-wrapper,
.u-audio-main-layout-wrapper>*,
.u-inner-container-layout,
.u-inner-container-layout>*,
.u-group-elements,
.u-group-elements>*,
.u-container-layout>* {
    position: relative;
}

.u-inner-container-layout {
    white-space: normal;
}

.u-expanded {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute !important;
}

.u-expanded-width {
    width: 100% !important;
}

.u-expanded-width:not(.custom-expanded) {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.u-valign-middle,
.u-valign-top,
.u-valign-bottom {
    display: flex;
    flex-direction: column;
}

.u-valign-middle>*,
.u-valign-top>*,
.u-valign-bottom>* {
    flex-shrink: 0;
}

.u-valign-middle {
    justify-content: center;
}

.u-valign-top {
    justify-content: flex-start;
}

.u-layout-col>.u-size-60 {
    flex: 60 0 auto;
}

.u-layout-row>.u-size-43 {
    flex: 0 0 71.6667%;
    max-width: 71.6667%;
    min-width: 71.6667%;
}

.u-layout-row>.u-size-30 {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 50%;
}

.u-layout-col>.u-size-20 {
    flex: 20 0 auto;
}

.u-layout-row>.u-size-17 {
    flex: 0 0 28.3333%;
    max-width: 28.3333%;
    min-width: 28.3333%;
}

.u-gutter-10 .u-layout {
    margin: -5px;
}

.u-gutter-10 .u-layout .u-layout-cell {
    border: 5px solid transparent;
}

.u-gutter-2 .u-layout {
    margin: -1px;
}

.u-gutter-2 .u-layout .u-layout-cell {
    border: 1px solid transparent;
}

.u-gutter-0 .u-layout {
    margin: 0px;
}

.u-gutter-0 .u-layout .u-layout-cell {
    border: 0px solid transparent;
}

.u-layout-col,
.u-layout-row,
.u-layout-col>*,
.u-layout-row>* {
    display: flex;
}

.u-layout-col,
.u-layout-row {
    flex: 1 1 auto;
}

.u-layout-row>* {
    max-height: 100%;
    min-height: fit-content;
}

.u-layout-col>* {
    min-height: fit-content;
    max-width: 100%;
}

.u-layout-col {
    flex-direction: column;
    min-height: fit-content;
}

.u-layout-row {
    flex-flow: wrap;
    min-height: fit-content;
    max-width: 100%;
}

.u-layout-cell {
    position: relative;
    display: flex;
    background-clip: padding-box;
    background-origin: padding-box;
}

.u-sheet:not(.u-image):not(.u-video) {
    pointer-events: none;
}

.u-sheet:not(.u-image):not(.u-video)>* {
    pointer-events: initial;
}

.u-group {
    display: flex;
}

.u-group,
.u-group .u-container-layout>* {
    position: relative;
}

[class*="u-border-"]:not(.u-shape-svg) {
    stroke: none;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0px;
    padding: 0px;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive video,
.embed-responsive object {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    border: 0px;
}

.u-map .embed-responsive {
    width: 100%;
    height: 100%;
}

.u-icon {
    display: block;
    line-height: 0;
    border-width: 0px;
}

.u-svg-link {
    width: 100%;
    height: 100%;
    fill: currentcolor;
}

.u-svg-content {
    width: 0px;
    height: 0px;
}

html {
    font-size: 16px;
}

.u-body {
    font-size: 1rem;
    line-height: 1.6;
}

.u-body h1,
.u-body h2,
.u-body h3,
.u-body h4,
.u-body h5,
.u-body h6 {
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: inherit;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

h4 {
    font-size: 1.25rem;
}

p {
    margin-top: 0px;
    padding: 0px;
    margin-bottom: 0.5rem;
}

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

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

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

.u-tabs:not([class*="u-align-"]),
.u-accordion:not([class*="u-align-"]),
.u-repeater-item:not([class*="u-align-"]),
.u-container-style:not([class*="u-align-"]) {
    text-align: left;
}

.u-text {
    overflow-wrap: break-word;
    position: relative;
}

section.u-opacity,
.u-opacity.u-container-style,
.u-hover-box>.u-opacity.u-container-layout,
.u-opacity>.u-container-layout,
.u-opacity>.u-audio-main-layout-wrapper,
.u-opacity>.u-inner-container-layout {
    opacity: 1;
}

.u-hover-box .u-opacity.u-container-layout,
.u-opacity.u-container-style {
    background-color: transparent !important;
}

a.u-opacity-70,
span.u-opacity-70,
img.u-opacity-70,
.u-opacity-70.u-line,
.u-opacity-70.u-shape,
.u-opacity-70.u-menu-overlay {
    opacity: 0.7;
}

.u-button-style[class*="u-custom-color-"],
.u-button-style[class*="u-palette-"],
.u-button-style[class*="u-gray-"],
.u-button-style.u-white,
.u-button-style.u-black {
    border-width: 0px;
}

.u-body {
    --animation-fade_in-opacity: 0;
    --animation-fade_in_up-opacity: 0;
    --animation-fade_in_left-opacity: 0;
    --animation-fade_in_right-opacity: 0;
    --animation-fade_in_down-opacity: 0;
    --animation-fade_in_up_big-opacity: 0;
    --animation-fade_in_left_big-opacity: 0;
    --animation-fade_in_right_big-opacity: 0;
    --animation-fade_in_down_big-opacity: 0;
    --animation-fade_out-opacity: 0;
    --animation-fade_out_up-opacity: 0;
    --animation-fade_out_left-opacity: 0;
    --animation-fade_out_right-opacity: 0;
    --animation-fade_out_down-opacity: 0;
    --animation-fade_out_up_big-opacity: 0;
    --animation-fade_out_left_big-opacity: 0;
    --animation-fade_out_right_big-opacity: 0;
    --animation-fade_out_down_big-opacity: 0;
    --animation-rotate_in-rotate: -200deg;
    --animation-rotate_in_down_left-rotate: -45deg;
    --animation-rotate_in_down_right-rotate: 45deg;
    --animation-rotate_in_up_left-rotate: 45deg;
    --animation-rotate_in_up_right-rotate: -90deg;
    --animation-rotate_out-rotate: 200deg;
    --animation-rotate_out_down_left-rotate: 45deg;
    --animation-rotate_out_down_right-rotate: -45deg;
    --animation-rotate_out_up_left-rotate: -45deg;
    --animation-rotate_out_up_right-rotate: 90deg;
    --animation-roll_in-rotate: -120deg;
    --animation-roll_in-translate_x: -100%;
    --animation-roll_out-rotate: 120deg;
    --animation-roll_out-translate_x: 100%;
    --animation-zoom_in-scale: 0.3;
    --animation-zoom_in_down-scale: 0.475;
    --animation-zoom_in_down-translate_y: 60px;
    --animation-zoom_in_up-scale: 0.475;
    --animation-zoom_in_up-translate_y: -60px;
    --animation-zoom_in_left-scale: 0.475;
    --animation-zoom_in_left-translate_x: 10px;
    --animation-zoom_in_right-scale: 0.475;
    --animation-zoom_in_right-translate_x: -10px;
    --animation-zoom_out-scale: 0.3;
    --animation-zoom_out_down-scale: 0.475;
    --animation-zoom_out_down-translate_y: -60px;
    --animation-zoom_out_up-scale: 0.475;
    --animation-zoom_out_up-translate_y: 60px;
    --animation-zoom_out_left-scale: 0.475;
    --animation-zoom_out_left-translate_x: 42px;
    --animation-zoom_out_right-scale: 0.475;
    --animation-zoom_out_right-translate_x: -42px;
    --animation-slide_in_down-translate_y: -100%;
    --animation-slide_in_up-translate_y: 100%;
    --animation-slide_in_left-translate_x: -100%;
    --animation-slide_in_right-translate_x: 100%;
    --animation-slide_out_down-translate_y: 100%;
    --animation-slide_out_up-translate_y: -100%;
    --animation-slide_out_left-translate_x: -100%;
    --animation-slide_out_right-translate_x: 100%;
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 0px;
    --animation-custom_in-scale: 1;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-opacity: 0;
}

.u-repeater {
    display: grid;
    grid-template-columns: repeat(3, 33.3333%);
}

.u-repeater-item {
    display: flex;
    position: relative;
}

.u-list:not(.u-repeater),
.u-blog:not(.u-repeater),
.u-products:not(.u-repeater) {
    display: flex;
    flex-direction: column;
}

.u-list:not(.u-repeater) .u-repeater,
.u-blog:not(.u-repeater) .u-repeater,
.u-products:not(.u-repeater) .u-repeater {
    flex: 1 1 auto;
}

.u-form-agree .u-btn,
.u-table-cell .u-btn,
.u-text .u-btn {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: baseline;
    white-space: normal;
    text-align: inherit;
}

.u-form-agree .u-btn.u-button-link,
.u-table-cell .u-btn.u-button-link,
.u-text .u-btn.u-button-link {
    display: inline;
}

[class*="u-border-"],
.u-input,
.u-field-input,
.u-link[class*="u-border-"] {
    border-style: solid;
}

.u-border-2,
.u-separator-2::after,
.u-text.u-border-2,
.u-input.u-border-2,
.u-field-input.u-field-input.u-border-2,
a.u-button-style.u-border-2 {
    border-width: 2px;
}

.u-border-9,
.u-separator-9::after,
.u-text.u-border-9,
.u-input.u-border-9,
.u-field-input.u-field-input.u-border-9,
a.u-button-style.u-border-9 {
    border-width: 9px;
}

[class*="-radius-"],
.u-radius {
    --border-radius: initial;
    --border-top-left-radius: initial;
    --border-top-right-radius: initial;
    --border-bottom-right-radius: initial;
    --border-bottom-left-radius: initial;
    --radius: initial;
    --top-left-radius: initial;
    --top-right-radius: initial;
    --bottom-right-radius: initial;
    --bottom-left-radius: initial;
}

[class*="-radius-"],
.u-radius,
[class*="-radius-"]::before,
.u-radius::before,
[class*="-radius-"] .u-background-effect,
.u-radius .u-background-effect,
[class*="-radius-"]:not(.u-hover-box)>.u-container-layout,
.u-radius:not(.u-hover-box)>.u-container-layout {
    border-radius: var(--top-left-radius, var(--border-top-left-radius, var(--radius, var(--border-radius, 0)))) var(--top-right-radius, var(--border-top-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-right-radius, var(--border-bottom-right-radius, var(--radius, var(--border-radius, 0)))) var(--bottom-left-radius, var(--border-bottom-left-radius, var(--radius, var(--border-radius, 0)))) !important;
}

.u-radius-20 {
    --border-radius: 20px;
}

.u-body {
    font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Titillium Web", sans-serif;
}

.u-overlap.u-overlap-transparent .u-header,
.u-image,
.u-gradient {
    color: rgb(17, 17, 17);
}

.u-shading,
.u-overlap.u-overlap-contrast .u-header {
    color: rgb(255, 255, 255);
}

.u-body {
    color: rgb(17, 17, 17);
    background-color: rgb(255, 255, 255);
    --effect-scale: 1.1;
}

.u-none.u-input,
.u-none.u-field-input,
.u-none.u-button-style,
.u-none.u-button-style:hover,
.u-none.u-button-style:focus,
.u-none.u-button-style:active,
.u-none.u-button-style.active,
.u-button-style.u-hover-none:hover,
.u-button-style.u-hover-none.hover,
.u-button-style.u-hover-none:focus,
.u-button-style.u-active-none:active,
.u-button-style.u-active-none.active,
li.active>.u-button-style.u-active-none {
    color: inherit !important;
    background-color: transparent !important;
}

.u-button-style.u-border-none,
.u-button-style.u-border-hover-none:hover,
.u-button-style.u-border-hover-none:focus,
.u-button-style.u-border-active-none:active,
.u-button-style.u-border-active-none.active,
li.active>.u-button-style.u-border-active-none {
    border-width: 0px;
    border-color: transparent !important;
}

.u-palette-1-base,
.u-body.u-palette-1-base,
section.u-palette-1-base::before,
.u-palette-1-base>.u-audio-main-layout-wrapper::before,
.u-palette-1-base>.u-container-layout::before,
.u-palette-1-base>.u-inner-container-layout::before,
.u-palette-1-base.u-sidenav::before,
.u-container-layout.u-container-layout.u-palette-1-base::before,
.u-table-alt-palette-1-base tr:nth-child(2n) {
    color: rgb(255, 255, 255);
    background-color: rgb(71, 138, 201);
}

.u-input.u-palette-1-base,
.u-field-input.u-palette-1-base,
.u-button-style.u-palette-1-base,
.u-button-style.u-palette-1-base[class*="u-border-"] {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(71, 138, 201) !important;
}

.u-palette-5-dark-3,
.u-body.u-palette-5-dark-3,
section.u-palette-5-dark-3::before,
.u-palette-5-dark-3>.u-audio-main-layout-wrapper::before,
.u-palette-5-dark-3>.u-container-layout::before,
.u-palette-5-dark-3>.u-inner-container-layout::before,
.u-palette-5-dark-3.u-sidenav::before,
.u-container-layout.u-container-layout.u-palette-5-dark-3::before,
.u-table-alt-palette-5-dark-3 tr:nth-child(2n) {
    color: rgb(255, 255, 255);
    background-color: rgb(41, 45, 51);
}

.u-grey-light-2,
.u-body.u-grey-light-2,
section.u-grey-light-2::before,
.u-grey-light-2>.u-audio-main-layout-wrapper::before,
.u-grey-light-2>.u-container-layout::before,
.u-grey-light-2>.u-inner-container-layout::before,
.u-grey-light-2.u-sidenav::before,
.u-container-layout.u-container-layout.u-grey-light-2::before,
.u-table-alt-grey-light-2 tr:nth-child(2n) {
    color: rgb(17, 17, 17);
    background-color: rgb(238, 238, 238);
}

.u-white,
.u-body.u-white,
section.u-white::before,
.u-white>.u-audio-main-layout-wrapper::before,
.u-white>.u-container-layout::before,
.u-white>.u-inner-container-layout::before,
.u-white.u-sidenav::before,
.u-container-layout.u-container-layout.u-white::before,
.u-table-alt-white tr:nth-child(2n) {
    color: rgb(17, 17, 17);
    background-color: rgb(255, 255, 255);
}

.u-black,
.u-body.u-black,
section.u-black::before,
.u-black>.u-audio-main-layout-wrapper::before,
.u-black>.u-container-layout::before,
.u-black>.u-inner-container-layout::before,
.u-black.u-sidenav::before,
.u-container-layout.u-container-layout.u-black::before,
.u-table-alt-black tr:nth-child(2n) {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

.u-border-palette-3-base,
.u-border-palette-3-base.u-input,
.u-border-palette-3-base.u-field-input.u-field-input,
.u-separator-palette-3-base::after {
    border-color: rgb(0, 62, 179);
    stroke: rgb(0, 62, 179);
}

.u-text-palette-2-base,
.u-input.u-text-palette-2-base,
.u-input.u-text-palette-2-base[class*="u-border-"],
li.active>a.u-button-style.u-text-palette-2-base,
li.active>a.u-button-style.u-text-palette-2-base[class*="u-border-"],
a.u-button-style.u-text-palette-2-base,
a.u-button-style.u-text-palette-2-base[class*="u-border-"] {
    color: rgb(238, 96, 55) !important;
}

.u-text-black,
.u-input.u-text-black,
.u-input.u-text-black[class*="u-border-"],
li.active>a.u-button-style.u-text-black,
li.active>a.u-button-style.u-text-black[class*="u-border-"],
a.u-button-style.u-text-black,
a.u-button-style.u-text-black[class*="u-border-"] {
    color: rgb(0, 0, 0) !important;
}

.u-text-grey-90,
.u-input.u-text-grey-90,
.u-input.u-text-grey-90[class*="u-border-"],
li.active>a.u-button-style.u-text-grey-90,
li.active>a.u-button-style.u-text-grey-90[class*="u-border-"],
a.u-button-style.u-text-grey-90,
a.u-button-style.u-text-grey-90[class*="u-border-"] {
    color: rgb(26, 26, 26) !important;
}

.u-custom-color-1,
.u-body.u-custom-color-1,
section.u-custom-color-1::before,
.u-custom-color-1>.u-audio-main-layout-wrapper::before,
.u-custom-color-1>.u-container-layout::before,
.u-custom-color-1>.u-inner-container-layout::before,
.u-custom-color-1.u-sidenav::before,
.u-container-layout.u-container-layout.u-custom-color-1::before,
.u-table-alt-custom-color-1 tr:nth-child(2n) {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 62, 179);
}

.u-body {
    --theme-sheet-width-xl: 1200px;
    --theme-sheet-width-lg: 940px;
    --theme-sheet-width-md: 720px;
    --theme-sheet-width-sm: 540px;
    --theme-sheet-width-xs: 360px;
}

h2:not(.u-subtitle) {
    font-size: 3rem;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

h3 {
    font-size: 2.25rem;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

h4 {
    font-size: 1.875rem;
    line-height: 1.2;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}

p:not(.u-text-variant) {
    margin-top: 20px;
    margin-bottom: 20px;
}

.u-btn {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item)>a,
.u-gradient>.u-container-layout>a,
.u-image:not(.u-shading)>.u-container-layout>a,
a {
    color: rgb(71, 138, 201);
}

.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item)>.u-btn,
.u-gradient>.u-container-layout>.u-btn,
.u-image:not(.u-shading)>.u-container-layout>.u-btn,
.u-btn {
    background-color: rgb(71, 138, 201);
    color: rgb(255, 255, 255);
}

.u-custom-color-1 a,
.u-custom-color-2 a,
.u-custom-color-3 a,
.u-custom-color-4 a,
.u-custom-color-5 a,
.u-custom-color-7 a,
.u-custom-color-17 a,
.u-body-color a,
.u-palette-1-base a,
.u-palette-1-dark-3 a,
.u-palette-1-dark-2 a,
.u-palette-1-dark-1 a,
.u-palette-1 a,
.u-palette-1-light-1 a,
.u-palette-2-base a,
.u-palette-2-dark-3 a,
.u-palette-2-dark-2 a,
.u-palette-2-dark-1 a,
.u-palette-2 a,
.u-palette-2-light-1 a,
.u-palette-3-base a,
.u-palette-3-dark-3 a,
.u-palette-3-dark-2 a,
.u-palette-3-dark-1 a,
.u-palette-3 a,
.u-palette-3-light-1 a,
.u-palette-4-base a,
.u-palette-4-dark-3 a,
.u-palette-4-dark-2 a,
.u-palette-4-dark-1 a,
.u-palette-5-dark-3 a,
.u-palette-5-dark-2 a,
.u-palette-5-dark-1 a,
.u-grey-40 a,
.u-grey-30 a,
.u-grey-90 a,
.u-grey-80 a,
.u-grey-75 a,
.u-black a,
.u-grey-70 a,
.u-grey-60 a,
.u-grey-50 a,
.u-grey-dark-3 a,
.u-grey-dark-2 a,
.u-grey-dark-1 a,
.u-grey a,
.u-shading a,
.u-overlap-contrast .u-header a:not(.u-nav-link):not(.u-btn) {
    color: rgb(173, 204, 233);
}

.u-custom-color-1 .u-btn,
.u-custom-color-2 .u-btn,
.u-custom-color-3 .u-btn,
.u-custom-color-4 .u-btn,
.u-custom-color-5 .u-btn,
.u-custom-color-7 .u-btn,
.u-custom-color-17 .u-btn,
.u-body-color .u-btn,
.u-palette-1-base .u-btn,
.u-palette-1-dark-3 .u-btn,
.u-palette-1-dark-2 .u-btn,
.u-palette-1-dark-1 .u-btn,
.u-palette-1 .u-btn,
.u-palette-1-light-1 .u-btn,
.u-palette-2-base .u-btn,
.u-palette-2-dark-3 .u-btn,
.u-palette-2-dark-2 .u-btn,
.u-palette-2-dark-1 .u-btn,
.u-palette-2 .u-btn,
.u-palette-2-light-1 .u-btn,
.u-palette-3-base .u-btn,
.u-palette-3-dark-3 .u-btn,
.u-palette-3-dark-2 .u-btn,
.u-palette-3-dark-1 .u-btn,
.u-palette-3 .u-btn,
.u-palette-3-light-1 .u-btn,
.u-palette-4-base .u-btn,
.u-palette-4-dark-3 .u-btn,
.u-palette-4-dark-2 .u-btn,
.u-palette-4-dark-1 .u-btn,
.u-palette-5-dark-3 .u-btn,
.u-palette-5-dark-2 .u-btn,
.u-palette-5-dark-1 .u-btn,
.u-grey-40 .u-btn,
.u-grey-30 .u-btn,
.u-grey-90 .u-btn,
.u-grey-80 .u-btn,
.u-grey-75 .u-btn,
.u-black .u-btn,
.u-grey-70 .u-btn,
.u-grey-60 .u-btn,
.u-grey-50 .u-btn,
.u-grey-dark-3 .u-btn,
.u-grey-dark-2 .u-btn,
.u-grey-dark-1 .u-btn,
.u-grey .u-btn,
.u-shading .u-btn,
.u-overlap-contrast .u-header .u-btn {
    background-color: rgb(173, 204, 233);
    color: rgb(0, 0, 0);
}

@media (min-width: 1400px) {
    .u-sheet {
        width: var(--theme-sheet-width-xxl) !important;
    }

    .u-layout-row>.u-size-39-xl {
        flex: 0 0 65%;
        max-width: 65%;
        min-width: 65%;
    }

    .u-layout-row>.u-size-31-xl {
        flex: 0 0 51.6667%;
        max-width: 51.6667%;
        min-width: 51.6667%;
    }

    .u-layout-row>.u-size-30-xl {
        flex: 0 0 50%;
        max-width: 50%;
        min-width: 50%;
    }

    .u-layout-row>.u-size-29-xl {
        flex: 0 0 48.3333%;
        max-width: 48.3333%;
        min-width: 48.3333%;
    }

    .u-layout-row>.u-size-21-xl {
        flex: 0 0 35%;
        max-width: 35%;
        min-width: 35%;
    }
}

@media (min-width: 1200px) {
    .u-xl-mode .u-text-default-xl {
        display: table;
        align-self: flex-start;
        width: fit-content;
    }

    .u-xl-mode .u-sheet {
        width: var(--theme-sheet-width-xl) !important;
    }

    .u-xl-mode .u-expanded-width-xl {
        width: 100% !important;
    }

    .u-xl-mode .u-valign-middle-xl,
    .u-xl-mode .u-valign-top-xl,
    .u-xl-mode .u-valign-bottom-xl {
        display: flex;
        flex-direction: column;
    }

    .u-xl-mode .u-valign-middle-xl {
        justify-content: center;
    }

    .u-xl-mode .u-valign-top-xl {
        justify-content: flex-start;
    }

    .u-xl-mode .u-layout-row>.u-size-39-xl {
        flex: 0 0 65%;
        max-width: 65%;
        min-width: 65%;
    }

    .u-xl-mode .u-layout-row>.u-size-31-xl {
        flex: 0 0 51.6667%;
        max-width: 51.6667%;
        min-width: 51.6667%;
    }

    .u-xl-mode .u-layout-row>.u-size-30-xl {
        flex: 0 0 50%;
        max-width: 50%;
        min-width: 50%;
    }

    .u-xl-mode .u-layout-row>.u-size-29-xl {
        flex: 0 0 48.3333%;
        max-width: 48.3333%;
        min-width: 48.3333%;
    }

    .u-xl-mode .u-layout-row>.u-size-21-xl {
        flex: 0 0 35%;
        max-width: 35%;
        min-width: 35%;
    }

    .u-xl-mode .u-align-left-xl {
        text-align: left;
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .u-layout-col>* {
        flex-basis: auto !important;
    }
}

@media (max-width: 1199px) {
    h2:not(.u-subtitle) {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 2.125rem;
    }
}

@media (max-width: 991px) {
    h2:not(.u-subtitle) {
        font-size: 2.25rem;
    }

    h3 {
        font-size: 2rem;
    }
}

@media (max-width: 767px) {
    h2:not(.u-subtitle) {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.75rem;
    }
}

/* From combined-used merged by Grok*/
@media (max-width: 575px) {

    /* Typography */
    h2:not(.u-subtitle) {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.375rem;
    }

    /* Layout and Alignment */
    .u-sheet {
        width: var(--theme-sheet-width-xs) !important;
    }

    .u-expanded-width-xs {
        width: 100% !important;
    }

    .u-valign-middle-xs,
    .u-valign-top-xs,
    .u-valign-bottom-xs {
        display: flex;
        flex-direction: column;
    }

    .u-valign-middle-xs {
        justify-content: center;
    }

    .u-layout-wrap:not(.u-layout-custom-xs) .u-layout-row>* {
        min-width: 100%;
    }

    .u-layout-wrap:not(.u-layout-custom-xs) .u-layout {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .u-layout-wrap:not(.u-layout-custom-xs) .u-layout .u-layout-cell {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .u-absolute-hcenter,
    .u-absolute-hcenter-xs {
        max-width: 100%;
    }

    .u-absolute-hcenter-xs {
        left: 50% !important;
        transform: translateX(-50%);
    }

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

    .u-align-center-xs {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .u-text-default-lg {
        display: table;
        align-self: flex-start;
        width: fit-content;
    }

    .u-sheet {
        width: var(--theme-sheet-width-lg) !important;
    }

    .u-expanded-width-lg {
        width: 100% !important;
    }

    .u-valign-middle-lg,
    .u-valign-top-lg,
    .u-valign-bottom-lg {
        display: flex;
        flex-direction: column;
    }

    .u-valign-middle-lg {
        justify-content: center;
    }

    .u-valign-top-lg {
        justify-content: flex-start;
    }

    .u-valign-bottom-lg {
        justify-content: flex-start;
    }

    .u-layout-row>.u-size-42-lg {
        flex: 0 0 70%;
        max-width: 70%;
        min-width: 70%;
    }

    .u-layout-row>.u-size-34-lg {
        flex: 0 0 56.6667%;
        max-width: 56.6667%;
        min-width: 56.6667%;
    }

    .u-layout-row>.u-size-31-lg {
        flex: 0 0 51.6667%;
        max-width: 51.6667%;
        min-width: 51.6667%;
    }

    .u-layout-row>.u-size-29-lg {
        flex: 0 0 48.3333%;
        max-width: 48.3333%;
        min-width: 48.3333%;
    }

    .u-layout-row>.u-size-26-lg {
        flex: 0 0 43.3333%;
        max-width: 43.3333%;
        min-width: 43.3333%;
    }

    .u-layout-row>.u-size-18-lg {
        flex: 0 0 30%;
        max-width: 30%;
        min-width: 30%;
    }

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

    .u-align-center-lg {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .u-text-default-md {
        display: table;
        align-self: flex-start;
        width: fit-content;
    }

    .u-sheet {
        width: var(--theme-sheet-width-md) !important;
    }

    .u-expanded-width-md {
        width: 100% !important;
    }

    .u-valign-middle-md,
    .u-valign-top-md,
    .u-valign-bottom-md {
        display: flex;
        flex-direction: column;
    }

    .u-valign-middle-md {
        justify-content: center;
    }

    .u-layout-row>.u-size-60-md {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .u-layout-row>.u-size-42-md {
        flex: 0 0 70%;
        max-width: 70%;
        min-width: 70%;
    }

    .u-layout-row>.u-size-34-md {
        flex: 0 0 56.6667%;
        max-width: 56.6667%;
        min-width: 56.6667%;
    }

    .u-layout-row>.u-size-26-md {
        flex: 0 0 43.3333%;
        max-width: 43.3333%;
        min-width: 43.3333%;
    }

    .u-layout-row>.u-size-18-md {
        flex: 0 0 30%;
        max-width: 30%;
        min-width: 30%;
    }

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

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

@media (min-width: 576px) and (max-width: 767px) {
    .u-text-default-sm {
        display: table;
        align-self: flex-start;
        width: fit-content;
    }

    .u-sheet {
        width: var(--theme-sheet-width-sm) !important;
    }

    .u-expanded-width-sm {
        width: 100% !important;
    }

    .u-valign-middle-sm,
    .u-valign-top-sm,
    .u-valign-bottom-sm {
        display: flex;
        flex-direction: column;
    }

    .u-valign-middle-sm {
        justify-content: center;
    }

    .u-layout-wrap:not(.u-layout-custom-sm) .u-layout-row>* {
        min-width: 100%;
    }

    .u-layout-wrap:not(.u-layout-custom-sm) .u-layout {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .u-layout-wrap:not(.u-layout-custom-sm) .u-layout .u-layout-cell {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .u-absolute-hcenter,
    .u-absolute-hcenter-sm {
        max-width: 100%;
    }

    .u-layout-row>.u-size-60-sm {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .u-layout-row>.u-size-42-sm {
        flex: 0 0 70%;
        max-width: 70%;
        min-width: 70%;
    }

    .u-layout-row>.u-size-34-sm {
        flex: 0 0 56.6667%;
        max-width: 56.6667%;
        min-width: 56.6667%;
    }

    .u-layout-row>.u-size-26-sm {
        flex: 0 0 43.3333%;
        max-width: 43.3333%;
        min-width: 43.3333%;
    }

    .u-layout-row>.u-size-18-sm {
        flex: 0 0 30%;
        max-width: 30%;
        min-width: 30%;
    }

    .u-absolute-hcenter-sm {
        left: 50% !important;
        transform: translateX(-50%);
    }

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

    .u-align-center-sm {
        text-align: center;
    }
}

/* New CSS */
/* New code for sections 4 to 7 */
/* Correctly adds space above the lists in sections 3-7 */
.u-list-1,
.u-list-2,
.u-list-3,
.u-list-4 {
    margin-top: 30px !important;
}

/* For screen reader accessibility */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* To eliminate w3c 100% error */
.responsive-iframe {
    width: 100%;
    border: none;
    /* This is the modern replacement for the frameborder="0" attribute */
}

/* Featured-posts iFrame */
.responsive-iframe {
    width: 100%;
    border: none;
    overflow: scroll;
    /* Replaces scrolling="yes" */
    /* This line is the specific fix for the frameborder error */
}

/* --- START: Custom Fixes for Header & Footer without nicepage.js --- */

/* --- HEADER & FOOTER CSS --- */
:root {
    --brand-blue: #003eb3;
    --brand-light-blue: #2579C6;
    --text-light: #ffffff;
    --text-dark: #111111;
}

/* === 1. SHARED FOUNDATION === */
.site-header,
.site-footer {
    background-color: var(--brand-blue);
    color: var(--text-light);
}

.header-container,
.footer-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

/* === 2. CONTENT STYLES === */

/* Logos */
.header-logo img {
    width: 175px;
    height: 73px;
    display: block;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 10px;
}

.footer-logo img {
    display: block;
    height: 40px;
    width: auto;
}

/* Action Buttons */
.header-actions,
.footer-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.whatsapp-link,
.phone-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    text-decoration: none;
}

.whatsapp-link img {
    width: 134px;
    height: 40px;
    display: block;
}

.phone-button {
    background-color: var(--brand-light-blue);
    color: var(--text-light)!important;
    padding: 0 17px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.875rem;
    white-space: nowrap;
    box-shadow: rgb(128, 128, 128) 2px 2px 8px 0px;
    width: 134px;
    border: 3px solid white;
}


/* Base Subtext Styles */
.header-subtext,
.footer-subtext {
    color: var(--text-light);
    text-align: center;
    font-size: 1rem;
}

.footer-subtext {
    font-style: italic;
}

.header-subtext p,
.footer-subtext p {
    margin: 0;
}


/* === 3. DESKTOP NAVIGATION & LAYOUT (> 991px) === */
@media (min-width: 992px) {

    /* The new wrapper is the center column */
    .navigation-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        /* This creates the space between nav and subtext */
        flex-grow: 1;
        max-width: 550px;
        margin: 0 20px;
    }

    .main-nav {
        display: block;
        width: 100%;
    }

    .main-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        gap: 5px;
    }

    .main-nav a {
        color: var(--text-light);
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 700;
        padding: 8px 5px;
        border-radius: 4px;
        text-decoration: none;
    }

    .mobile-menu-toggle {
        display: none;
    }
}


/* === 4. MOBILE NAVIGATION & LAYOUT (< 992px) === */
@media (max-width: 991px) {

    /* On mobile, the wrapper takes full width and puts the subtext at the end */
    .navigation-wrapper {
        order: 99;
        flex-basis: 100%;
        padding: 8px 15px;
    }

    /* Hide ONLY the nav menu inside the wrapper */
    .nav-group {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;
        background: none;
        border: none;
        color: var(--text-light);
        width: 40px;
        height: 40px;
        cursor: pointer;
        order: 3;
    }

    .mobile-menu-toggle svg {
        fill: currentColor;
        width: 28px;
        height: 28px;
    }

    .header-logo,
    .footer-logo {
        order: 1;
    }

    .header-actions,
    .footer-actions {
        order: 2;
    }
}


/* === 5. RESPONSIVE BREAKPOINT TWEAKS === */

@media (min-width: 992px) and (max-width: 1199px) {

    .header-actions,
    .footer-actions {
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .header-actions,
    .footer-actions {
        flex-direction: row;
    }
}

@media (max-width: 767px) {

    .header-actions,
    .footer-actions {
        flex-direction: row;
        align-items: flex-end;
        gap: 8px;
    }
}

@media (max-width: 575px) {

    .header-actions,
    .footer-actions {
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;
    }
}

@media (max-width: 420px) {
    .header-logo img {
        width: 140px;
        height: 58px;
    }

    .whatsapp-link img,
    .phone-button {
        width: 120px;
        height: 38px;
    }
}


/* === 6. SHARED MOBILE NAV PANEL === */
.mobile-nav-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background-color: #111;
    z-index: 1002;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    padding: 20px;
    text-align: center;
}

.mobile-nav-panel.is-open {
    transform: translateX(0);
}

.mobile-menu-close {
    color: #fff;
    font-size: 3rem;
    font-weight: 200;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 20px;
    background: none;
    border: none;
    cursor: pointer;
}

.mobile-nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.mobile-nav-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.mobile-nav ul {
    list-style: none;
    padding: 50px 0 0;
    margin: 0;
}

.mobile-nav a {
    display: block;
    padding: 15px;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
}

body.mobile-menu-is-open {
    overflow: hidden;
}

/* Moved form main template page. Last used there in front-end-last */

 body{background-color:#fff;font-family:'Open Sans',sans-serif;color:#111}
  .u-section-1{background-image:none}
  .carousel-container{position:relative;width:100%;max-width:1200px;margin:auto}
  .carousel-inner{position:relative;overflow:hidden;width:100%}
  .carousel-item{display:none}
  .carousel-item.active{display:block}
  .carousel-image{width:100%;height:auto;display:block}
  .arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;cursor:pointer;z-index:100}
  .arrow-prev{left:10px}
  .arrow-next{right:10px}

/* RK Custom Carousel Stylesheet - Version B */

/* Carousel section - Default styles for screens > 1300px */
#rk-custom-carousel {
    position: relative;
    min-height: 762px;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
}

/* Carousel container */
#rk-custom-carousel .carousel {
    position: relative;
    height: calc(100vw * 9 / 16);
    width: 100%;
    overflow: hidden;
    min-height: 100%;
}

/* Carousel inner container */
#rk-custom-carousel .carousel-inner {
    position: relative;
    height: 100%;
    width: 100%;
}

/* Carousel items */
#rk-custom-carousel .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1;
}

#rk-custom-carousel .carousel-item.active {
    opacity: 1;
    z-index: 2;
}

#rk-custom-carousel .carousel-item.fade-in {
    opacity: 1;
}

/* Carousel images */
#rk-custom-carousel .carousel-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Carousel controls */
#rk-custom-carousel .carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #808080;
    border-radius: 50%;
    opacity: 0.7;
    border: none;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
}

#rk-custom-carousel .carousel-control svg {
    width: 20px;
    height: 20px;
    fill: white;
}

#rk-custom-carousel .carousel-control-prev {
    left: 10px;
}

#rk-custom-carousel .carousel-control-next {
    right: 10px;
}

/* Info box (white rounded box) */
#rk-custom-carousel .info-box {
    position: absolute;
    width: 570px;
    min-height: 135px;
    background-color: white;
    border-radius: 50px;
    opacity: 0.6;
    top: 7px;
    right: calc((100% - 1200px) / 2);
    animation: rk-slideInFromLeft 1.5s ease-out;
    z-index: 5;
}

@keyframes rk-slideInFromLeft {
    0% {
        transform: translateX(-300px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 0.6;
    }
}

#rk-custom-carousel .info-box-content {
    padding: 1px 1px;
    text-align: center;
}

#rk-custom-carousel .info-title {
    font-family: 'Titillium Web', sans-serif;
    font-size: 2.75rem;
    margin-top: 1px;
    margin-bottom: 1px;

}

#rk-custom-carousel .info-text {
    font-weight: 700;
    font-size: 0.875rem;
    margin-top: 5px;
    margin-bottom: 1px;

}

#rk-custom-carousel .info-phone {
    font-size: 2.25rem;
    margin-top: 4px;
    margin-bottom: 1px;
}

#rk-custom-carousel .phone-link {
    color: black;
    text-decoration: none;
}

#rk-custom-carousel .phone-link:hover {
    color: #666;
}

/* Tagline box (grey rounded box) */
#rk-custom-carousel .tagline-box {
    position: absolute;
    width: 750px;
    min-height: 99px;
    background-color: #808080;
    opacity: 0.7;
    border-radius: 20px;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    z-index: 5;
}

#rk-custom-carousel .tagline-content {
    padding: 10px 30px;
    text-align: center;
}

#rk-custom-carousel .tagline-title {
    font-family: 'Titillium Web', sans-serif;
    font-size: 2.25rem;
    color: white;
    margin: 0;
}

#rk-custom-carousel .tagline-subtitle {
    font-size: 1.125rem;
    font-style: italic;
    color: white;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
}

/* --- Responsive breakpoints --- */

/* Screens up to 1300px */
@media (max-width: 1300px) {
    #rk-custom-carousel {
        min-height: 558px;
    }

    #rk-custom-carousel .info-box {
        width: 523px;
        min-height: 100px;
        top: 15px;
        right: calc(((100% - 940px) / 2) + -21px);
    }

    #rk-custom-carousel .info-text {
        margin-top: 4px;
    }

    #rk-custom-carousel .info-phone {
        font-size: 2rem;
        margin-top: 3px;

    }

    #rk-custom-carousel .tagline-box {
        width: 650px;
        min-height: 89px;
        bottom: 8px;
    }

    #rk-custom-carousel .tagline-content {
        padding: 12px;
    }

    #rk-custom-carousel .tagline-title {
        font-size: 2rem;
    }

    #rk-custom-carousel .tagline-subtitle {
        font-size: 0.9375rem;
        margin-top: 16px;
        margin-left: 30px;
        margin-right: 30px;
    }
}

/* Screens up to 991px */
@media (max-width: 991px) {
    #rk-custom-carousel {
        min-height: 432px;
        margin-top: -1px;
    }

    #rk-custom-carousel .carousel {
        margin-top: 1px;
    }

    #rk-custom-carousel .info-box {
        width: 436px;
        top: 12px;
        right: calc(((100% - 720px) / 2) + -32px);
    }

    #rk-custom-carousel .info-box-content {
        padding: 7px;
    }

    #rk-custom-carousel .info-title {
        font-size: 1.875rem;
    }

    #rk-custom-carousel .info-text {
        margin-top: 7px;
        font-size: 0.75rem;
    }

    #rk-custom-carousel .tagline-box {
        width: 690px;
        margin-top: 124px;
        bottom: 9px;
    }

    #rk-custom-carousel .tagline-content {
        padding: 10px;
    }

    #rk-custom-carousel .tagline-title {
        font-size: 1.625rem;
    }

    #rk-custom-carousel .tagline-subtitle {
        margin-top: 7px;
    }
}

/* Screens up to 767px */
@media (max-width: 767px) {
    #rk-custom-carousel {
        min-height: 325px;
        margin-top: -1px;
    }

    #rk-custom-carousel .carousel {
        margin-top: 1px;
    }

    #rk-custom-carousel .info-box {
        width: 426px;
        top: 7px;
        right: calc(((100% - 540px) / 2) + -30px);
    }

    #rk-custom-carousel .info-box-content {
        padding: 7px;
    }

    #rk-custom-carousel .info-title {
        font-size: 1.5rem;
    }

    #rk-custom-carousel .info-text {
        margin-top: 6px;
    }

    #rk-custom-carousel .tagline-box {
        width: 512px;
        margin-top: 124px;
        bottom: 3px;
    }

    #rk-custom-carousel .tagline-content {
        padding: 10px;
    }

    #rk-custom-carousel .tagline-title {
        font-size: 1.5rem;
    }

    #rk-custom-carousel .tagline-subtitle {
        margin-top: 7px;
        margin-bottom: 0px;
    }
}

/* Screens up to 575px */
@media (max-width: 575px) {
    #rk-custom-carousel {
        min-height: 325px;
        padding-bottom: 25px;
        background-color: #478ac9;
    }

    #rk-custom-carousel .carousel {
        margin-top: 0;
    }

    #rk-custom-carousel .info-box {
        position: relative;
        width: 382px;
        min-height: 100px;
        top: 8px;
        right: auto;
        margin: 0 auto;
    }

    #rk-custom-carousel .tagline-box {
        width: 375px;
        min-height: 61px;
        top: auto;
        bottom: 150px;
        margin-top: -179px;
    }

    #rk-custom-carousel .tagline-content {
        padding: 0;
    }

    #rk-custom-carousel .tagline-title {
        font-size: 1.125rem;
    }

    #rk-custom-carousel .tagline-subtitle {
        font-size: 0.75rem;
        margin-bottom: 3px;
    }
}

/* Screens 360px to 399px */
@media (min-width: 360px) and (max-width: 399px) {
    #rk-custom-carousel .info-box {
        width: 340px;
        word-wrap: break-word;
    }

    #rk-custom-carousel .tagline-box {
        width: 340px;
        bottom: 128px;
    }

    #rk-custom-carousel .tagline-title {
        font-size: 1rem;
    }

    #rk-custom-carousel .tagline-subtitle {
        font-size: 0.7rem;
    }

    #rk-custom-carousel .info-text {
        margin-top: 7px;
        font-size: 0.65rem;
    }
}
/* === End of CSS === */