@charset "UTF-8";
/*** LTR websites ***/
/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    a:not([href]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):hover {
            color: inherit;
            text-decoration: none;
        }

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button:not(:disabled),
    [type="button"]:not(:disabled),
    [type="reset"]:not(:disabled),
    [type="submit"]:not(:disabled) {
        cursor: pointer;
    }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "\2014\00A0";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

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

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    appearance: none;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

    .form-check-input[disabled] ~ .form-check-label,
    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d;
    }

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #28a745;
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #dc3545;
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light:focus, .btn-light.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
        }

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 1;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

    .dropdown-toggle-split::after,
    .dropup .dropdown-toggle-split::after,
    .dropright .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .btn-group-vertical > .btn:not(:first-child),
        .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px;
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .btn-group-vertical > .btn:not(:first-child),
        .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn input[type="radio"],
    .btn-group-toggle > .btn input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-control-plaintext,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
    }

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .custom-file,
        .input-group > .form-control-plaintext + .form-control,
        .input-group > .form-control-plaintext + .custom-select,
        .input-group > .form-control-plaintext + .custom-file,
        .input-group > .custom-select + .form-control,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control:focus,
        .input-group > .custom-select:focus,
        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

        .input-group > .form-control:not(:last-child),
        .input-group > .custom-select:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .form-control:not(:first-child),
        .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center;
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label,
        .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.input-group-prepend,
.input-group-append {
    display: flex;
}

    .input-group-prepend .btn,
    .input-group-append .btn {
        position: relative;
        z-index: 2;
    }

        .input-group-prepend .btn:focus,
        .input-group-append .btn:focus {
            z-index: 3;
        }

        .input-group-prepend .btn + .btn,
        .input-group-prepend .btn + .input-group-text,
        .input-group-prepend .input-group-text + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-append .btn + .btn,
        .input-group-append .btn + .input-group-text,
        .input-group-append .input-group-text + .input-group-text,
        .input-group-append .input-group-text + .btn {
            margin-left: -1px;
        }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff;
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff;
    }

    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d;
    }

        .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef;
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .custom-control-label::before {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50% / 50% 50%;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #007bff;
    background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: 0.5rem;
    }

    .custom-switch .custom-control-label::after {
        top: calc(0.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: 0.5rem;
        transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    appearance: none;
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff;
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef;
    }

    .custom-select::-ms-expand {
        display: none;
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057;
    }

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-file-input[disabled] ~ .custom-file-label,
    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #e9ecef;
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse";
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse);
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.75rem);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none;
}

    .custom-range:focus {
        outline: none;
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
    }

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

    .navbar .container,
    .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0, 0, 0, 0.9);
        }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-text a {
        color: #fff;
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff;
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(0.25rem - 1px);
            border-bottom-left-radius: calc(0.25rem - 1px);
        }

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-img-top,
                .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-img-bottom,
                .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-img-top,
                .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-img-bottom,
                .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0;
                }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.accordion > .card {
    overflow: hidden;
}

    .accordion > .card:not(:last-of-type) {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion > .card:not(:first-of-type) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .accordion > .card > .card-header {
        border-radius: 0;
        margin-bottom: -1px;
    }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item {
    display: flex;
}

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
    }

        .breadcrumb-item + .breadcrumb-item::before {
            display: inline-block;
            padding-right: 0.5rem;
            color: #6c757d;
            content: "/";
        }

        .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: underline;
        }

        .breadcrumb-item + .breadcrumb-item:hover::before {
            text-decoration: none;
        }

    .breadcrumb-item.active {
        color: #6c757d;
    }

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

    .alert-primary hr {
        border-top-color: #9fcdff;
    }

    .alert-primary .alert-link {
        color: #002752;
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

    .alert-secondary hr {
        border-top-color: #c8cbcf;
    }

    .alert-secondary .alert-link {
        color: #202326;
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

    .alert-success hr {
        border-top-color: #b1dfbb;
    }

    .alert-success .alert-link {
        color: #0b2e13;
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .alert-danger hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
        color: #491217;
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px;
        }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
    }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0;
    }

    .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0;
    }

        .list-group-horizontal > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px;
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

        .list-group-horizontal-sm > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

        .list-group-horizontal-md > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-md > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

        .list-group-horizontal-lg > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

        .list-group-horizontal-xl > .list-group-item:first-child {
            border-bottom-left-radius: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

.list-group-flush {
    border-radius: 0;
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085;
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41;
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724;
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460;
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404;
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24;
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182;
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close.disabled {
    pointer-events: none;
}

.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-header,
    .modal-dialog-scrollable .modal-footer {
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: min-content;
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none;
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none;
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: min-content;
        }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
        bottom: 0;
    }

        .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
            top: 0;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #000;
        }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
            right: 0;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #000;
        }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
        top: 0;
    }

        .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
            bottom: 0;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #000;
        }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
            left: 0;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.carousel {
    position: relative;
}

    .carousel.pointer-event {
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

    .carousel-item-next:not(.carousel-item-left),
    .active.carousel-item-right {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

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

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

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

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

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

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    user-select: all !important;
}

.user-select-auto {
    user-select: auto !important;
}

.user-select-none {
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

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

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

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

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.datepicker {
    border-radius: 0.25rem;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker-rtl {
    direction: rtl;
}

    .datepicker-rtl.dropdown-menu {
        left: auto;
    }

    .datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid rgba(0, 0, 0, 0.15);
        border-top: 0;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid rgba(0, 0, 0, 0.15);
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .datepicker table tr td,
    .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none;
    }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #6c757d;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #f8f9fa;
    cursor: pointer;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #6c757d;
    cursor: default;
}

.datepicker table tr td.highlighted {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    border-radius: 0;
}

    .datepicker table tr td.highlighted:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.highlighted:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.highlighted.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.highlighted:not(:disabled):not(.disabled).active:focus,
        .show > .datepicker table tr td.highlighted.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
        }

    .datepicker table tr td.highlighted.focused {
        background: #117a8b;
    }

    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
        opacity: 0.65;
    }

.datepicker table tr td.today {
    color: #212529;
    background-color: #fd7e14;
    border-color: #fd7e14;
}

    .datepicker table tr td.today:hover {
        color: #fff;
        background-color: #e96b02;
        border-color: #dc6502;
    }

    .datepicker table tr td.today:focus, .datepicker table tr td.today.focus {
        color: #fff;
        background-color: #e96b02;
        border-color: #dc6502;
        box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5);
    }

    .datepicker table tr td.today.disabled, .datepicker table tr td.today:disabled {
        color: #212529;
        background-color: #fd7e14;
        border-color: #fd7e14;
    }

    .datepicker table tr td.today:not(:disabled):not(.disabled):active, .datepicker table tr td.today:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.today.dropdown-toggle {
        color: #fff;
        background-color: #dc6502;
        border-color: #cf5f02;
    }

        .datepicker table tr td.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.today:not(:disabled):not(.disabled).active:focus,
        .show > .datepicker table tr td.today.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5);
        }

    .datepicker table tr td.today.focused {
        background: #feb679;
    }

    .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
        background: #773701;
        color: #6c757d;
    }

.datepicker table tr td.range {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    border-radius: 0;
}

    .datepicker table tr td.range:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .datepicker table tr td.range:focus, .datepicker table tr td.range.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .datepicker table tr td.range:not(:disabled):not(.disabled):active, .datepicker table tr td.range:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.range.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .datepicker table tr td.range:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range:not(:disabled):not(.disabled).active:focus,
        .show > .datepicker table tr td.range.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }

    .datepicker table tr td.range.focused {
        background: #dae0e5;
    }

    .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
        opacity: 0.65;
    }

    .datepicker table tr td.range.highlighted {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
        border-radius: 0;
    }

        .datepicker table tr td.range.highlighted:hover {
            color: #fff;
            background-color: #138496;
            border-color: #117a8b;
        }

        .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus {
            color: #fff;
            background-color: #138496;
            border-color: #117a8b;
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
        }

        .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted:disabled {
            color: #fff;
            background-color: #17a2b8;
            border-color: #17a2b8;
        }

        .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active,
        .show > .datepicker table tr td.range.highlighted.dropdown-toggle {
            color: #fff;
            background-color: #117a8b;
            border-color: #10707f;
        }

            .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active:focus,
            .show > .datepicker table tr td.range.highlighted.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
            }

        .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
            opacity: 0.65;
        }

    .datepicker table tr td.range.today {
        color: #212529;
        background-color: #fd7e14;
        border-color: #fd7e14;
    }

        .datepicker table tr td.range.today:hover {
            color: #fff;
            background-color: #e96b02;
            border-color: #dc6502;
        }

        .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus {
            color: #fff;
            background-color: #e96b02;
            border-color: #dc6502;
            box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5);
        }

        .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:disabled {
            color: #212529;
            background-color: #fd7e14;
            border-color: #fd7e14;
        }

        .datepicker table tr td.range.today:not(:disabled):not(.disabled):active, .datepicker table tr td.range.today:not(:disabled):not(.disabled).active,
        .show > .datepicker table tr td.range.today.dropdown-toggle {
            color: #fff;
            background-color: #dc6502;
            border-color: #cf5f02;
        }

            .datepicker table tr td.range.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.today:not(:disabled):not(.disabled).active:focus,
            .show > .datepicker table tr td.range.today.dropdown-toggle:focus {
                box-shadow: 0 0 0 0.2rem rgba(220, 113, 23, 0.5);
            }

        .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
            background: #773701;
            color: #6c757d;
        }

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .datepicker table tr td.selected:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.highlighted.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:disabled, .datepicker table tr td.selected.highlighted.disabled, .datepicker table tr td.selected.highlighted:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .datepicker table tr td.selected:not(:disabled):not(.disabled):active, .datepicker table tr td.selected:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.selected.dropdown-toggle, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.selected.highlighted.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .datepicker table tr td.selected:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected:not(:disabled):not(.disabled).active:focus,
        .show > .datepicker table tr td.selected.dropdown-toggle:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active:focus,
        .show > .datepicker table tr td.selected.highlighted.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .datepicker table tr td.active:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.highlighted.focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .datepicker table tr td.active.disabled, .datepicker table tr td.active:disabled, .datepicker table tr td.active.highlighted.disabled, .datepicker table tr td.active.highlighted:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .datepicker table tr td.active:not(:disabled):not(.disabled):active, .datepicker table tr td.active:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.active.dropdown-toggle, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.active.highlighted.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .datepicker table tr td.active:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.active:not(:disabled):not(.disabled).active:focus,
        .show > .datepicker table tr td.active.dropdown-toggle:focus, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.active.highlighted:not(:disabled):not(.disabled).active:focus,
        .show > .datepicker table tr td.active.highlighted.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

    .datepicker table tr td span:hover, .datepicker table tr td span.focused {
        background: #f8f9fa;
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: none;
        color: #6c757d;
        cursor: default;
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover {
            color: #fff;
            background-color: #0069d9;
            border-color: #0062cc;
        }

            .datepicker table tr td span.active:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover.focus {
                color: #fff;
                background-color: #0069d9;
                border-color: #0062cc;
                box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
            }

            .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:disabled {
                color: #fff;
                background-color: #007bff;
                border-color: #007bff;
            }

                .datepicker table tr td span.active:not(:disabled):not(.disabled):active, .datepicker table tr td span.active:not(:disabled):not(.disabled).active,
                .show > .datepicker table tr td span.active.dropdown-toggle, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active,
                .show > .datepicker table tr td span.active:hover.dropdown-toggle, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active,
                .show > .datepicker table tr td span.active.disabled.dropdown-toggle, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active,
                .show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle {
                    color: #fff;
                    background-color: #0062cc;
                    border-color: #005cbf;
                }

                    .datepicker table tr td span.active:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active:not(:disabled):not(.disabled).active:focus,
                    .show > .datepicker table tr td span.active.dropdown-toggle:focus, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active:hover:not(:disabled):not(.disabled).active:focus,
                    .show > .datepicker table tr td span.active:hover.dropdown-toggle:focus, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.disabled:not(:disabled):not(.disabled).active:focus,
                    .show > .datepicker table tr td span.active.disabled.dropdown-toggle:focus, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled):active:focus, .datepicker table tr td span.active.disabled:hover:not(:disabled):not(.disabled).active:focus,
                    .show > .datepicker table tr td span.active.disabled:hover.dropdown-toggle:focus {
                        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
                    }

    .datepicker table tr td span.old, .datepicker table tr td span.new {
        color: #6c757d;
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover,
    .datepicker tfoot tr th:hover {
        background: #f8f9fa;
    }

    .datepicker .prev.disabled,
    .datepicker .next.disabled {
        visibility: hidden;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.input-daterange {
    width: 100%;
}

    .input-daterange input {
        text-align: center;
    }

        .input-daterange input:first-child {
            border-radius: 3px 0 0 3px;
        }

        .input-daterange input:last-child {
            border-radius: 0 3px 3px 0;
        }

    .input-daterange .input-group-addon {
        width: auto;
        min-width: 16px;
        padding: 4px 5px;
        line-height: 1.5;
        border-width: 1px 0;
        margin-left: -5px;
        margin-right: -5px;
    }

/* Kotex custom font css */
@font-face {
    font-family: 'Kotex Bold';
    src: url("../fonts/Kotex-Bold.woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kotex Light';
    src: url("../fonts/Kotex-Light.woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ------------------- Need to cleanup these variables --------------------*/
/* Need to clean up these variable */
@font-face {
    font-family: "kotex-1";
    src: url("../fonts/kotex-1.svg?djspu5#kotex-1") format("svg");
    src: url("../fonts/kotex-1.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "kotex-1" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-FilledStar-15_37x37px .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-FilledStar-15_37x37px .path2:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-15_37x37px .path3:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-15_37x37px .path4:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-15_37x37px .path5:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-15_37x37px .path6:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-15_37x37px .path7:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-15_37x37px .path8:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-15_37x37px .path9:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-15_37x37px .path10:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-25_37x37px .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-FilledStar-25_37x37px .path2:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-25_37x37px .path3:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-25_37x37px .path4:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-25_37x37px .path5:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-25_37x37px .path6:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-25_37x37px .path7:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-25_37x37px .path8:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-25_37x37px .path9:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-25_37x37px .path10:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-2_37x37px .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-FilledStar-2_37x37px .path2:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-2_37x37px .path3:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-2_37x37px .path4:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-2_37x37px .path5:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-2_37x37px .path6:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-2_37x37px .path7:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-2_37x37px .path8:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-2_37x37px .path9:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-2_37x37px .path10:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-35_37x37px .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-FilledStar-35_37x37px .path2:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-35_37x37px .path3:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-35_37x37px .path4:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-35_37x37px .path5:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-35_37x37px .path6:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-35_37x37px .path7:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-35_37x37px .path8:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-35_37x37px .path9:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-35_37x37px .path10:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-35_37x37px .path11:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-3_37x37px .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-FilledStar-3_37x37px .path2:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-3_37x37px .path3:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-3_37x37px .path4:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-3_37x37px .path5:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-3_37x37px .path6:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-3_37x37px .path7:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-3_37x37px .path8:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-3_37x37px .path9:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-3_37x37px .path10:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-45_37x37px .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path2:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path3:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path4:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path5:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path6:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path7:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path8:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-45_37x37px .path9:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-45_37x37px .path10:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-45_37x37px .path11:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path2:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path3:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path4:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path5:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path6:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path7:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path8:before {
    content: "";
    margin-left: -6.029296875em;
    color: #ea1b23;
}

.icon-FilledStar-4_37x37px .path9:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-4_37x37px .path10:before {
    content: "";
    margin-left: -6.029296875em;
    color: #939598;
}

.icon-FilledStar-5_37x37px:before {
    content: "";
    color: #ea1b23;
}

.icon-Absorbency_Empty:before {
    content: "";
}

.icon-Absorbency_filled:before {
    content: "";
}

.icon-Arrow_down:before {
    content: "";
}

.icon-Arrow_left:before {
    content: "";
    color: #ea1b23;
}

.icon-Arrow_right {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 2px;
    font-weight: bold;
    transform: scaleX(1);
}

@media (max-width: 767.98px) {
    .icon-Arrow_right {
        font-size: 10px;
        margin-top: -1px;
    }
}

.icon-Arrow_right:before {
    content: "";
}

.icon-Arrow_up:before {
    content: "";
    color: #ea1b23;
}

.icon-Checkbox_default:before {
    content: "";
    color: #ea1b23;
}

.icon-Checkbox_selected .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-Checkbox_selected .path2:before {
    content: "";
    margin-left: -1em;
    color: #ea1b23;
}

.icon-Checkbox_selected .path3:before {
    content: "";
    margin-left: -1em;
    color: white;
}

.icon-close:before {
    content: "";
}

.icon-collapse:before {
    content: "";
    color: #fff;
}

.icon-Exclamation-Icon:before {
    content: "";
    color: #ea1b23;
}

.icon-Expand:before {
    content: "";
    color: #fff;
}

.icon-Icon_info .path1:before {
    content: "";
    color: white;
}

.icon-Icon_info .path2:before {
    content: "";
    margin-left: -1em;
    color: #ea1b23;
}

.icon-Icon_info .path3:before {
    content: "";
    margin-left: -1em;
    color: #ea1b23;
}

.icon-Phone-icon:before {
    content: "";
    color: #ea1b23;
}

.icon-Play .path1:before {
    content: "";
    color: #ea1b23;
    opacity: 0.8;
}

.icon-Play .path2:before {
    content: "";
    margin-left: -1.3056640625em;
    color: white;
}

.icon-post-icon:before {
    content: "";
    color: #ea1b23;
}

.icon-Radio-Button_default:before {
    content: "";
    color: #ea1b23;
}

.icon-Radio-Button_selected .path1:before {
    content: "";
    color: #ea1b23;
}

.icon-Radio-Button_selected .path2:before {
    content: "";
    margin-left: -1em;
    color: #ea1b23;
}

.icon-Radio-Button_selected .path3:before {
    content: "";
    margin-left: -1em;
    color: white;
}

.icon-Radio-Button_selected .path4:before {
    content: "";
    margin-left: -1em;
    color: #ea1b23;
}

.icon-Search:before,
.coveo-search-button:before {
    content: "";
}

.icon-star-1 {
    background-image: url("../img/FilledStar-1.svg");
}

.icon-star-1-5 {
    background-image: url("../img/FilledStar-1-5.svg");
}

.icon-star-2 {
    background-image: url("../img/FilledStar-2.svg");
}

.icon-star-2-5 {
    background-image: url("../img/FilledStar-2-5.svg");
}

.icon-star-3 {
    background-image: url("../img/FilledStar-3.svg");
}

.icon-star-3-5 {
    background-image: url("../img/FilledStar-3-5.svg");
}

.icon-star-4 {
    background-image: url("../img/FilledStar-4.svg");
}

.icon-star-4-5 {
    background-image: url("../img/FilledStar-4-5.svg");
}

.icon-star-5 {
    background-image: url("../img/FilledStar-5.svg");
}

.icon-star-1,
.icon-star-1-5,
.icon-star-2,
.icon-star-2-5,
.icon-star-3,
.icon-star-3-5,
.icon-star-4,
.icon-star-4-5,
.icon-star-5 {
    min-width: 90px;
    display: inline-block;
    margin: 0 3px 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 16px;
}

@media (min-width: 768px) {
    .icon-star-1,
    .icon-star-1-5,
    .icon-star-2,
    .icon-star-2-5,
    .icon-star-3,
    .icon-star-3-5,
    .icon-star-4,
    .icon-star-4-5,
    .icon-star-5 {
        min-width: 135px;
        min-height: 24px;
    }
}

.drop-1 {
    background-image: url("../img/Absorbency_1.svg");
}

.drop-2 {
    background-image: url("../img/Absorbency_2.svg");
}

.drop-3 {
    background-image: url("../img/Absorbency_3.svg");
}

.drop-4 {
    background-image: url("../img/Absorbency_4.svg");
}

.drop-5 {
    background-image: url("../img/Absorbency_5.svg");
}

.drop-6 {
    background-image: url("../img/Absorbency_6.svg");
}

.icon-Checkbox_selected-1:before {
    content: "";
    color: #ea1b23;
}

.icon-Checkbox_hover:before {
    content: "";
    color: #ff00bb;
}

.icon-Icon_info-1:before {
    content: "";
    color: #ea1b23;
}

.icon-Play-1:before {
    content: "";
}

.icon-Radio-Button_selected-1:before {
    content: "";
    color: #ea1b23;
}

/* Need to clean up these variable */
@media (min-width: 1200px) {
    .container,
    .container-xl {
        max-width: 1200px;
    }
}

.navbar-toggler .icon-bar {
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    position: relative;
    transition: 0.3s ease-in-out;
    width: 24px;
    display: block;
    border: 1px solid #FFF !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

    .navbar-toggler .icon-bar:nth-child(2) {
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: 9px;
        transform: rotate(45deg);
    }

    .navbar-toggler .icon-bar:nth-child(3) {
        opacity: 0;
    }

    .navbar-toggler .icon-bar:last-child {
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        top: -7px;
        transform: rotate(-45deg);
    }

    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 6px;
    }

.navbar-toggler.collapsed .icon-bar {
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    opacity: 1;
    top: 0;
    transform: rotate(0deg);
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active {
    background-color: #EA1B23 !important;
}

    .datepicker table tr td.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active:hover {
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EA1B23), to(#EA1B53)) !important;
    }

/*@import "base/grid";*/
body {
    background-color: #fff;
}

header {
    height: 61px;
}

@media (min-width: 992px) {
    header {
        height: 169px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header {
        height: 93px;
    }
}

.mb-lg-80-xs-30 {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .mb-lg-80-xs-30 {
        margin-bottom: 80px;
    }
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-banner-text {
    margin-bottom: 22px;
}

@media (min-width: 992px) {
    .mb-banner-text {
        margin-bottom: 44px;
    }
}

table > tbody > tr > td,
table > tbody > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th {
    vertical-align: middle;
}

.table {
    display: table;
    text-align: center;
}

    .table .table-cell {
        display: table-cell;
        vertical-align: middle;
    }

        .table .table-cell.width-20 {
            width: 20%;
            display: none;
        }

        .table .table-cell.width-60 {
            width: auto;
            text-align: left;
        }

        .table .table-cell:first-child {
            text-align: left;
        }

        .table .table-cell:last-child {
            text-align: right;
            font-size: 25px;
        }

        .table .table-cell button.navbar-toggle {
            display: inline-block;
            float: none;
        }

@media (max-width: 767.98px) {
    .table .table-cell.width-20 {
        display: table-cell;
    }

    .table .table-cell.width-60 {
        width: 60%;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .navbar-right .nav > li {
        position: relative;
        display: inline-block;
    }
}

.embed-responsive-item {
    max-width: 100%;
}

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

.custom-dropdown {
    width: 100%;
    height: 40px;
    border: 1px solid #BFCCDD;
    border-radius: 8px;
    background-color: #FFFFFF;
    position: relative;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .custom-dropdown {
        height: 60px;
    }
}

@media only screen and (max-width: 500px) {
    .custom-dropdown {
        height: 30px;
        max-width: 190px;
        border-radius: 4px;
    }
}

.custom-dropdown.open.show {
    border: 1px solid #424C5F;
}

@media (max-width: 991.98px) {
    .custom-dropdown > a {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .custom-dropdown > a {
        margin-top: 0;
    }
}

.custom-dropdown a {
    color: #273040;
    font-size: 20px;
    padding-left: 15px;
    font-family: "OmnesMedium";
    line-height: 28px;
    text-decoration: none;
    display: block;
    text-align: left;
}

@media only screen and (max-width: 500px) {
    .custom-dropdown a {
        padding-left: 10px;
        font-size: 14px;
    }
}

.custom-dropdown a #selected {
    vertical-align: sub;
}

@media only screen and (max-width: 500px) {
    .custom-dropdown a #selected {
        vertical-align: baseline;
    }
}

.custom-dropdown a .caret {
    float: right;
    padding: 2px 20px 0 0;
}

@media only screen and (max-width: 500px) {
    .custom-dropdown a .caret {
        padding: 0px 8px 0 0;
    }
}

.custom-dropdown a .caret img {
    transform: rotate(0deg);
}

@media only screen and (max-width: 500px) {
    .custom-dropdown a .caret img {
        width: 10px;
    }
}

.custom-dropdown a:after {
    display: none;
}

.custom-dropdown a:focus {
    color: #273040;
}

.custom-dropdown .dropdown-menu {
    border: 1px solid #BFCCDD;
    transform: none !important;
    top: 35px !important;
    z-index: 0;
    width: 100%;
    padding: 5px 10px;
}

@media (max-width: 991.98px) {
    .custom-dropdown .dropdown-menu {
        top: 56px !important;
    }
}

@media only screen and (max-width: 500px) {
    .custom-dropdown .dropdown-menu {
        top: 26px !important;
        padding: 0 10px;
    }
}

.custom-dropdown .dropdown-menu .dropdown-item {
    font-size: 18px;
    line-height: 24px;
    border-top: 1px solid #BFCCDD;
    padding: 9px 10px;
    border-radius: 0;
}

@media only screen and (max-width: 500px) {
    .custom-dropdown .dropdown-menu .dropdown-item {
        font-size: 12px;
        line-height: 14px;
        padding: 6px 0;
    }
}

.custom-dropdown .dropdown-menu .dropdown-item:first-child {
    border-top: 1px solid transparent;
}

.custom-dropdown .dropdown-menu .dropdown-item.active, .custom-dropdown .dropdown-menu .dropdown-item:focus, .custom-dropdown .dropdown-menu .dropdown-item:active, .custom-dropdown .dropdown-menu .dropdown-item:hover {
    background: #f6f8fb;
    color: #00205c;
    border-top: 1px solid transparent;
    border-radius: 8px;
}

.custom-dropdown .dropdown-menu .dropdown-divider {
    margin: 0.5rem 15px;
}

.custom-dropdown.show a .caret img {
    transform: rotate(180deg);
}

#loader-div,
#page-loader-div {
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    background: transparent;
}

#page-loader-div {
    background: #ffffff;
}

.grecaptcha-badge {
    visibility: visible !important;
}

.border-bottom-left-radius {
    border-radius: 0 0 0 15px;
}

.border-top {
    display: none;
}

@media (min-width: 768px) {
    .border-top {
        border-top: 1px solid #EEE;
        margin: 50px 0;
        display: block;
    }
}

.mt-30 {
    margin-top: 30px;
}

.radio-label {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-label:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        border: 6px solid #FF00BB;
        border-radius: 50px;
        opacity: 0;
    }

    .radio-label:hover::after {
        opacity: 1;
    }

    .radio-label:hover .checkmark {
        width: 16px;
        height: 16px;
        font-size: 16px;
        border: 0;
    }

@media (min-width: 768px) {
    .radio-label:hover .checkmark {
        width: 20px;
        height: 20px;
        border: 1px solid #FF00BB;
    }
}

.radio-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

    .radio-label input:checked ~ .checkmark {
        background-color: #fff;
        border: 4px solid #EA1B23;
    }

@media (min-width: 768px) {
    .radio-label input:checked ~ .checkmark {
        border: 4px solid #EA1B23;
        background-image: none;
    }
}

.radio-label input:checked ~ .checkmark:hover {
    background-image: none;
}

.radio-label .checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #EA1B23;
    background-color: #FFFFFF;
    border-radius: 50%;
}

@media (min-width: 768px) {
    .radio-label .checkmark {
        height: 20px;
        width: 20px;
    }
}

.radio-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

@media (max-width: 767.98px) {
    .title-description {
        font-size: 18px !important;
        line-height: 25px !important;
    }
}

.mb-25 {
    margin: 0 0 25px !important;
}

.mb-50 {
    margin: 0 0 50px !important;
}

.mb-30 {
    margin: 0 0 30px !important;
}

@media (min-width: 992px) {
    .familycare-faq + .explore-products {
        padding-bottom: 50px;
    }
}

.disabled {
    pointer-events: none;
    opacity: .8;
}

.btn.btn-secondary:active, .btn.btn-secondary:focus {
    box-shadow: none !important;
    background-color: transparent !important;
    outline: none;
    color: #FF00BB !important;
    border-color: #FF00BB !important;
}

.img-fullwidth .container {
    max-width: 100%;
    width: 100%;
}

    .img-fullwidth .container .col-12 {
        padding: 0;
    }

@media (max-width: 767.98px) {
    .mobile-spacing {
        margin: 0 15px !important;
    }
}

.modal .modal-dialog.modal-container.large-popup {
    width: 100%;
}

@media (min-width: 992px) {
    .modal .modal-dialog.modal-container.large-popup {
        width: 995px;
    }
}

.modal .modal-dialog.modal-container.small-popup {
    width: 100%;
}

@media (min-width: 992px) {
    .modal .modal-dialog.modal-container.small-popup {
        width: 800px;
    }
}

.modal .modal-dialog.modal-container.w-290-popup {
    width: 290px;
    margin: 40px auto 0 auto;
}

@media (min-width: 992px) {
    .modal .modal-dialog.modal-container.w-290-popup {
        width: 800px;
        margin-top: 78px;
    }
}

.morecontent span {
    display: none;
}

.morelink {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #009bde;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
}

    .morelink:focus {
        color: #009bde;
    }

    .morelink:hover {
        text-decoration: none;
        color: #006692;
    }

        .morelink:hover span.icon-Arrow-up_defaut::before {
            color: #006692;
        }

    .morelink span.icon-Arrow-up_defaut {
        display: inline-block !important;
        transform: rotate(90deg);
        font-size: 9px;
        margin-left: 5px;
        vertical-align: middle;
    }

.explore-item-1 {
    z-index: 2;
}

.small-text {
    font-size: 14px;
    font-style: italic;
}

@media (min-width: 576px) {
    .small-text {
        font-size: 16px;
    }
}

.product-section .baby-ages .baby-ages-category .age-weight-cont {
    display: none;
}

.primary-btn {
    background: #EA1B23;
    color: #FFF;
    border: 1px solid transparent;
    display: inline-block;
    min-width: 110px;
    font-size: 14px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 375px) {
    .primary-btn {
        min-width: 150px;
        font-size: 20px;
        height: 36px;
        line-height: 32px;
    }
}

.primary-btn:hover, .primary-btn:focus {
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
    color: #FFF !important;
}

@media (min-width: 768px) {
    .primary-btn {
        min-width: 150px;
        font-size: 20px;
        height: 36px;
        line-height: 32px;
        padding: 0 10px;
    }
}

.secondary-btn {
    border: 1px solid #EA1B23;
    background: #FFF;
    color: #EA1B23;
    display: inline-block;
    min-width: 110px;
    font-size: 14px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 375px) {
    .secondary-btn {
        min-width: 150px;
        font-size: 20px;
        height: 36px;
        line-height: 32px;
    }
}

.secondary-btn:hover, .secondary-btn:focus {
    border: 1px solid #FF00BB;
    color: #FF00BB !important;
}

@media (min-width: 768px) {
    .secondary-btn {
        min-width: 150px;
        font-size: 20px;
        height: 36px;
        line-height: 32px;
    }
}

.mobile-br {
    display: block;
}

@media (min-width: 768px) {
    .mobile-br {
        display: inline;
    }
}

@media (max-width: 767.98px) {
    .margin-top-mobile {
        margin-top: 55px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1366px) {
    .container {
        max-width: 1200px;
    }
}

nowrap {
    white-space: nowrap;
}

a {
    color: #EA1B23;
}

    a:focus {
        color: #FF00BB;
    }

    a:hover {
        color: #FF00BB;
    }

@media (max-width: 767.98px) {
    .breakmob,
    .x_breakmob {
        display: block;
    }
}

.novociclo .poster-rules-wrapper {
    margin-top: 70px;
}

    .novociclo .poster-rules-wrapper .img-holder {
        border: 0 !important;
    }

@media (max-width: 991.98px) {
    .novociclo .poster-rules-wrapper {
        margin-top: 40px;
    }
}

.home .coveo-list-layout.CoveoResult {
    border-bottom: 0;
}

.btn-section div[data-sc-id] {
    padding: 0;
    width: unset;
    max-width: unset;
    min-width: 150px;
    margin: 0 20px 0 0;
}

.btn-section .sc-btn-ec {
    min-width: 150px;
    font-size: 20px;
    line-height: 30px;
    min-height: 36px;
    padding: 0;
    color: #ea1b23;
    font-family: "Kotex Bold",Helvetica,Roboto,Arial,sans-serif;
    background-color: #fff !important;
    border: 1px solid #ea1b23;
    text-align: center;
    border-radius: 0;
}

.buy-now-social-share div[data-sc-id] {
    padding: 0;
    width: unset;
    max-width: unset;
    min-width: unset;
    margin: 0;
}

.buy-now-social-share .sc-btn-ec {
    width: 150px;
    font-size: 20px;
    line-height: 30px;
    min-height: 36px;
    padding: 0;
    color: #fff;
    transition: none;
    font-family: "Kotex Bold",Helvetica,Roboto,Arial,sans-serif;
    background-color: #ea1b23 !important;
    border-radius: 0;
}

    .buy-now-social-share .sc-btn-ec:hover {
        background: linear-gradient(124.81deg, #f0b 7.75%, #ea1b23 92.33%);
        color: #fff;
        box-shadow: none;
    }

.btn-section .sc-btn-ec:hover {
    border: 1px solid #f0b;
    color: #f0b;
}

.btn-section ul {
    position: relative !important;
}

.family-care-header {
    width: 100%;
    box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    position: fixed;
    top: 0;
    z-index: 5;
}

@media (min-width: 768px) {
    .family-care-header {
        background-color: #000;
    }
}

.family-care-header .header-wrapper {
    max-width: 960px;
    margin: 0 auto;
    background: #000;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper {
        padding: 0 15px;
    }
}

@media (min-width: 1200px) {
    .family-care-header .header-wrapper {
        max-width: 1140px;
    }
}

@media (min-width: 1366px) {
    .family-care-header .header-wrapper {
        max-width: 1200px;
    }
}

.family-care-header .header-wrapper.menu-open .search-icon-wrapper {
    top: -103px;
}

    .family-care-header .header-wrapper.menu-open .search-icon-wrapper.profile-page-icon {
        top: -100px;
    }

@media screen and (max-width: 991px) and (min-width: 640px) {
    .family-care-header .header-wrapper.menu-open .search-icon-wrapper.profile-page-icon {
        top: -148px;
    }
}

@media (min-width: 576px) {
    .family-care-header .header-wrapper.menu-open .search-icon-wrapper {
        top: -184px;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .family-care-header .header-wrapper.menu-open .search-icon-wrapper {
        top: -168px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .family-care-header .header-wrapper.menu-open .search-icon-wrapper {
        top: -184px;
    }
}

.family-care-header .header-wrapper .coveo-search-section #search-area-input {
    background-color: white;
}

.family-care-header .header-wrapper .coveo-search-section .icon-Search:before {
    font-size: 12px;
    line-height: 12px;
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .coveo-search-section .icon-Search:before {
        font-size: 19px;
        line-height: 38px;
        color: #000;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper {
    position: absolute;
    top: 0;
    width: calc(100% - 154px);
    padding: 4px 10px 15px 10px;
    border: 1px solid white;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 32, 92, 0.4);
    z-index: 2;
    right: 0;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper {
        right: -25px !important;
        top: 68px;
        padding: 0;
        border: 1px solid #F1F1F1;
        border-radius: 0 0 15px 15px;
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(0, 32, 92, 0.4);
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .search-selection-area {
    top: -84px;
    position: absolute;
    width: 75px;
    height: 84px;
    right: -1px;
    border-right: 2px solid #E5EBF1;
    border-left: 2px solid #E5EBF1;
    background-color: #fff;
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .search-selection-area {
        width: 49px;
    }
}

@media (min-width: 576px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .search-selection-area {
        top: -100px;
        height: 100px;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .search-selection-area {
        top: -69px;
        width: 90px;
        height: 68px;
    }
}

@media (min-width: 1200px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .search-selection-area {
        top: -69px;
        width: 96px;
        height: 68px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoSearchButton {
    border-color: #939598;
    background-color: white;
}

    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoSearchButton .coveo-search-button {
        color: #EA1B23;
        font-size: 12px;
        line-height: 22px;
    }

        .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoSearchButton .coveo-search-button:hover {
            color: #FF00BB;
        }

@media (min-width: 768px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoSearchButton .coveo-search-button {
        font-size: 19px;
        line-height: 39px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoSearchButton .coveo-search-button:before {
    font-size: inherit;
    color: inherit;
    content: "";
}

.family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper {
    top: -62px;
    position: absolute;
    right: 15px;
    padding: 0px;
    border-radius: 50%;
    width: 40px;
    z-index: 3;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: -68px;
    right: 15px;
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper {
        width: 22px;
        height: 22px;
        top: -37px;
        right: 15px !important;
        line-height: 18px;
    }
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper {
        top: 13px;
        right: 24px;
        border-color: #000;
        background-color: white;
        color: #000;
    }
}

@media (min-width: 1200px) {
    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper {
        right: 0;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper:not(.collapsed) {
    border-color: #939598;
}

    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper:not(.collapsed) .icon-Search:before {
        content: "";
        font-size: 15px;
        line-height: 40px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        color: #EA1B23;
    }

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper:not(.collapsed) .icon-Search:before {
        font-size: 10px;
        line-height: 22px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper:hover {
    border-color: #000;
    color: #EA1B23;
}

.family-care-header .header-wrapper .hamburger-icon-wrapper {
    position: absolute;
    top: 18px;
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .hamburger-icon-wrapper {
        top: 27px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    align-items: center;
}

    .family-care-header .header-wrapper .top-nav-wrapper .brand-logo-container {
        width: 100%;
        text-align: center;
        padding: 15px 0;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    }

        .family-care-header .header-wrapper .top-nav-wrapper .brand-logo-container img {
            width: 50px;
            height: auto;
            transition: width .2s ease-in;
        }

    .family-care-header .header-wrapper .top-nav-wrapper .sign-in-button-wrapper #signinClick {
        position: absolute;
        top: 18px;
        right: 46px;
        padding-right: 8px;
        border-right: 1px solid #939598;
        font-size: 16px;
        line-height: 23px;
        color: #FFF;
    }

@media (min-width: 768px) {
    .family-care-header .header-wrapper .top-nav-wrapper .sign-in-button-wrapper #signinClick {
        font-size: 25px;
        line-height: 40px;
        right: 66px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 20px 18px;
}

.family-care-header .header-wrapper .top-nav-wrapper .top-nav-links {
    color: #009BDE;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .top-nav-wrapper .brand-logo-container img {
        width: 100px;
        height: auto;
        transition: width .2s ease-in;
    }

    .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
        padding: 40px 36px;
    }

    .family-care-header .header-wrapper .top-nav-wrapper .top-nav-links {
        font-size: 25px;
        line-height: 30px;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper {
        flex-direction: row;
        padding: 20px 0;
    }

        .family-care-header .header-wrapper .top-nav-wrapper .brand-logo-container {
            box-shadow: none;
            text-align: left;
            padding: 0;
        }

        .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
            padding: 0;
            justify-content: flex-end;
        }

            .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper a:hover, .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper a:focus {
                color: #EA1B23 !important;
            }

        .family-care-header .header-wrapper .top-nav-wrapper .top-nav-links {
            font-size: 16px;
            line-height: 19px;
            color: #00205C;
        }
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu {
    padding: 0 15px;
    flex-direction: column;
    width: 100%;
}

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item {
        position: relative;
        padding: 14px 0;
        margin: 0;
    }

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item {
        padding: 5px 0 5px 0;
        border-top: 1px solid rgba(147, 149, 152, 0.3);
    }
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item:focus, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item:active {
    border-color: transparent;
    box-shadow: none;
    outline: 0;
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.campaign-links {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
}

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.campaign-links:first-child {
        border-top: 1px solid #939598;
        padding: 10px 0 0 0;
    }

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.campaign-links:nth-child(3) {
        padding: 0 0 10px 0;
    }

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus {
    box-shadow: none !important;
    outline: 0;
}

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus:focus, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus:active, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus:hover {
        border-color: transparent;
        box-shadow: none;
        outline: 0;
    }

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link.active {
        border: none;
        color: #EA1B23;
        font-weight: bold;
    }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link.active .icon-Arrow_down:before {
            color: #EA1B23;
        }

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link:hover {
        color: #EA1B23;
    }

@media (min-width: 992px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link:focus {
        color: #FFF;
    }
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link .icon-Arrow_down {
    float: right;
    font-size: 8px;
    line-height: inherit;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link .icon-Arrow_down::before {
        color: #EA1B23;
    }
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link .icon-Arrow_down::before {
        color: #FFF;
    }
}

@media (min-width: 576px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link .icon-Arrow_down {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link .icon-Arrow_down {
        color: #00205c;
        font-size: 8px;
        margin-left: 6px;
        font-weight: bold;
        line-height: 26px;
    }
}

@media (max-width: 1199.98px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show {
        margin: 0 -15px;
        padding: 6px 15px 12px 15px;
        background-color: #F1F1F1;
    }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show .nav-link {
            font-weight: bold;
            font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
            color: #000 !important;
        }

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu.show {
        background-color: transparent;
        margin: 0;
    }
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show .icon-Arrow_down {
    transform: scaleY(-1);
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu {
    padding: 0;
    right: auto;
    margin: 0;
    border: 0;
    box-shadow: none;
}

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul {
        list-style-type: none;
        padding: 0;
        padding-left: 15px;
        border: none;
        margin: 0;
    }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li a {
            font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
            text-decoration: none !important;
            white-space: nowrap;
            width: 100%;
            display: block;
            color: #000;
            font-size: 14px;
            padding: 7.5px 0;
            line-height: 30px;
            font-weight: 300;
            text-align: left;
        }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li a:hover, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li a:focus {
                color: #EA1B23 !important;
            }

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li a {
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    }
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li:first-child a {
    padding-top: 7.5px;
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li:last-child a {
    padding-bottom: 0;
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li:last-child {
    border: none;
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li::before, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li::after {
    content: '';
    display: none;
    box-sizing: content-box;
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mob-only-header-links {
    padding: 7.5px 0;
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .nav-link img {
    display: none !important;
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu {
    display: block;
    position: static;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu li {
        border-bottom: none !important;
    }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu li a {
            padding: 7.5px 0;
            font-weight: 300;
            font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
            color: #000;
            font-size: 14px;
        }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu li:first-child a {
            padding-top: 7.5px;
        }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu li:last-child a {
            padding-bottom: 0;
        }

@media (min-width: 576px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item {
        padding: 28px 0;
    }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link {
            font-size: 25px;
            line-height: 30px;
        }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul {
            padding-left: 30px;
        }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li a {
                font-size: 25px;
                line-height: 30px;
                padding: 14px 0;
            }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li:first-child a {
                padding-top: 15px;
            }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mob-only-header-links {
            padding: 14px 15px;
        }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu li a {
            padding: 14px 0;
        }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu li:first-child a {
            padding-top: 15px;
        }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu {
        padding: 0;
        flex-direction: row;
    }

        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item {
            padding: 0;
            border-top: none;
            margin: 0;
            border-left: 1px solid transparent;
            border-right: 1px solid transparent;
        }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link {
                color: #FFF;
                font-size: 16px;
                margin: 18px;
                letter-spacing: 0.47px;
            }

                .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link.active {
                    border-top: none;
                    padding: 0 0 2px 0;
                    border-bottom: 2px solid #EA1B23;
                }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item:first-child .nav-link {
                margin-left: 0;
            }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item:last-child .nav-link {
                margin-right: 0;
            }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown {
                border: 1px solid transparent;
                border-bottom: 0;
            }

                .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown:hover {
                    border: 1px solid #fff;
                    border-bottom: none;
                    box-shadow: 0 2px 4px 0 rgba(0, 32, 92, 0.4);
                }

                    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show a .icon-Arrow_down, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown:hover a .icon-Arrow_down {
                        transform: scaleY(-1);
                    }

                        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show a .icon-Arrow_down::before, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown:hover a .icon-Arrow_down::before {
                            color: #EA1B23;
                        }

                    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show a.nav-link.dropdown-toggle, .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown:hover a.nav-link.dropdown-toggle {
                        color: #EA1B23;
                    }

                        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.show a.nav-link.dropdown-toggle[aria-expanded="true"], .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown:hover a.nav-link.dropdown-toggle[aria-expanded="true"] {
                            font-weight: bold;
                            font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
                        }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu {
                border: 1px solid #FFF;
                border-top: 0;
                box-shadow: 0 2px 4px 0 rgba(0, 32, 92, 0.4);
                border-radius: 0 0 10px 10px;
                right: auto;
                left: -1px;
                z-index: 3;
            }

                .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul {
                    padding: 0 17px;
                    border-top: 1px solid #fff;
                }

                    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li {
                        border-bottom: 0.5px solid #DFDFDF;
                    }

                        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li a {
                            color: #FFF;
                            font-size: 18px;
                            font-weight: 500;
                            line-height: 22px;
                            padding: 15px 0;
                        }

                        .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item .dropdown-menu ul li:last-child a {
                            padding-bottom: 15px;
                        }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus:hover {
                border-color: transparent;
                box-shadow: none;
            }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .dropdown-menu {
                display: none;
                position: static;
                box-shadow: none;
                border: none;
                border-radius: 0;
            }

            .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.mobile-only-menus .icon-Arrow_down {
                display: none;
            }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item a.nav-link {
        font-size: 20px;
        margin: 22px 18px;
        line-height: 24px;
    }
}

.countryFlag {
    display: block;
    position: relative;
    height: 45px;
    z-index: 100;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 1025px) {
    .countryFlag {
        float: left;
    }
}

.countryFlag:before {
    content: '';
    display: block;
    position: relative;
    width: 55px;
    height: 55px;
    z-index: 1;
    background-image: url(../img/flags-sprite.png);
    -webkit-transform: translate(-50%, -47%) scale(0.5);
    transform: translate(-50%, -47%) scale(0.5);
    margin: 20px 0 0 20px;
}

@media (min-width: 600px) {
    .countryFlag:before {
        margin-left: 30px;
        margin-right: -40px;
    }
}

@media (min-width: 1025px) {
    .countryFlag:before {
        float: left;
        margin-top: 23px;
    }
}

.countryFlag.ar:before {
    background-position: 0 0;
}

.countryFlag.bo:before {
    background-position: 0 -56px;
}

.countryFlag.cl:before {
    background-position: 0 -112px;
}

.countryFlag.co:before {
    background-position: 0 -168px;
}

.countryFlag.cr:before {
    background-position: 0 -224px;
}

.countryFlag.ec:before {
    background-position: 0 -280px;
}

.countryFlag.sv:before {
    background-position: 0 -336px;
}

.countryFlag.gt:before {
    background-position: 0 -392px;
}

.countryFlag.hn:before {
    background-position: -56px 0;
}

.countryFlag.ni:before {
    background-position: -56px -56px;
}

.countryFlag.pa:before {
    background-position: -56px -112px;
}

.countryFlag.py:before {
    background-position: -56px -168px;
}

.countryFlag.pe:before {
    background-position: -56px -224px;
}

.countryFlag.pr:before {
    background-position: -56px -280px;
}

.countryFlag.do:before {
    background-position: -56px -336px;
}

.countryFlag.uy:before {
    background-position: -56px -392px;
}

.countryFlag.br:before {
    background-position: 0 -448px;
}

.countryFlag .country-list {
    display: none;
    background-color: #000;
    border: 1px solid #fff;
    width: 230px;
    border-radius: 10px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    top: 45px;
    right: -20px;
    z-index:1;
}

    .countryFlag .country-list .list-container {
        display: block;
        height: 210px;
        overflow: auto;
        width: 100%;
    }

        .countryFlag .country-list .list-container::-webkit-scrollbar {
            width: 10px;
        }

        .countryFlag .country-list .list-container::-webkit-scrollbar-track {
            border-radius: 10px;
        }

        .countryFlag .country-list .list-container::-webkit-scrollbar-thumb {
            background: gray;
        }

    .countryFlag .country-list .countryFlag {
        clear: both;
        margin: 0;
        width: 100%;
        padding: 10px 60px 10px 10px;
        text-align: right;
        color: #f3f3f3;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        height: auto;
    }

        .countryFlag .country-list .countryFlag:before {
            position: absolute;
            top: -4px;
            right: 12px;
        }

        .countryFlag .country-list .countryFlag:hover {
            text-decoration: none;
            background-color: rgba(0, 0, 0, 0.2);
        }

.currentCountry > p {
    display: none;
    position: absolute;
    height: 30px;
    min-width: 230px;
    top: 15px;
    right: -12px;
    text-align: right;
    color: #f3f3f3;
    padding: 0 56px 0 10px;
    margin: 0;
    z-index: 1;
}

/*.currentCountry:hover > p {
    display: block;
}*/

.currentCountry:hover .country-list {
    display: block;
}

.bottom-nav-wrapper .country-list {
    left: 0;
    top: -15px;
    background: rgba(147, 149, 152, 0.3);
}

.bottom-nav-wrapper .countryFlag:before {
    margin: 20px 15px 0 20px;
    position: relative;
    top: 10px;
}

.bottom-nav-wrapper .countryFlag .country-list .countryFlag {
    color: #000;
}

.bottom-nav-wrapper .currentCountry > p {
    left: 0;
    top: -10px;
    padding-top: 10px;
}

.bottom-nav-wrapper .countryFlag .country-list .countryFlag {
    text-align: left;
    padding: 10px 15px 10px 42px;
}

    .bottom-nav-wrapper .countryFlag .country-list .countryFlag:before {
        left: 0;
        top: -1px;
    }

.bottom-nav-wrapper .currentCountry > p {
    padding-left: 42px;
    text-align: left;
    color: #000;
}

.navbar {
    padding: 0;
}

@media (min-width: 992px) {
    .navbar {
        padding: 0 24px;
    }
}

.navbar-brand.brandLogo img {
    max-width: 150px;
}

.top-nav {
    border-radius: 0px 24px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

.top-nav-links {
    width: 20%;
}

    .top-nav-links:nth-child(1) {
        width: 38%;
    }

.top-nav-links-img {
    width: 20px;
}

.top-nav-links a,
.top-nav-links select {
    border: none;
    text-decoration: underline;
    color: #53565A;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    background-color: transparent;
}

select::-ms-expand {
    display: none;
}

a.top-nav-links-icons {
    display: inline-block;
    background-color: #EA1B23;
    padding: 0 5px;
    vertical-align: middle;
    border-radius: 8px;
    height: 30px;
}

.top-nav-links-icons img {
    max-width: 22px;
}

.bottom-nav-menu li a.nav-link {
    padding: 20px;
}

    .bottom-nav-menu li a.nav-link.btn-secondary {
        padding: 0 20px;
        margin-top: 6px;
    }

@media only screen and (min-width: 992px) {
    .bottom-nav-menu li:hover > .dropdown-menu {
        display: block;
        background: #000;
    }
}

.navbar-nav.bottom-nav-menu > li > a:not(.btn-secondary) {
    border: none;
    color: #53565A;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    background-color: transparent;
}

.navbar-nav.bottom-nav-menu a.view-categories-link {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}

a.btn-checkin {
    padding: 10px 30px;
}

.search-link img {
    max-width: 24px;
}

.top-nav-media-links {
    float: right;
    width: auto;
}

.view-categories-heading {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 22px;
    color: #939598;
    font-weight: normal;
}

.category-list {
    border-top: 1px solid #C8C9C7;
}

.category-list-sections {
    padding: 10px 15px;
}

    .category-list-sections ul {
        list-style-type: none;
        padding: 0;
        text-decoration: underline;
        line-height: 34px;
    }

    .category-list-sections a {
        border: none;
        color: #53565A;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        background-color: transparent;
    }

/* Search results page style start*/
.search-results-wrapper#search-results-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow-y: auto;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

    .search-results-wrapper#search-results-wrapper .search-results-header {
        background-color: #000;
        opacity: 0.9;
        padding: 20px 0;
    }

    .search-results-wrapper#search-results-wrapper .search-section {
        width: 70%;
        margin: 0 auto;
    }

    .search-results-wrapper#search-results-wrapper .search-field {
        border-bottom: 1px solid #ffffff;
        padding: 5px;
    }

        .search-results-wrapper#search-results-wrapper .search-field img {
            width: 24px;
            cursor: pointer;
        }

        .search-results-wrapper#search-results-wrapper .search-field input {
            border: none;
            width: 90%;
            background-color: #000;
            outline: none;
            color: #ffffff;
        }

    .search-results-wrapper#search-results-wrapper .search-title {
        color: #939598;
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 32px;
        letter-spacing: 0.8px;
        line-height: 40px;
    }

    .search-results-wrapper#search-results-wrapper .search-result-count {
        color: #939598;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.8px;
        line-height: 26px;
    }

    .search-results-wrapper#search-results-wrapper .search-result-text {
        color: #939598;
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 0.8px;
        line-height: 26px;
    }

    .search-results-wrapper#search-results-wrapper .search-input-box {
        background: url("./../../../../../../src/Project/andrexMB/code/Images/search.png") no-repeat 12px;
        background-size: 22px;
        width: 100%;
        border: 2px solid #C8C9C7;
        border-radius: 8px;
        color: #939598;
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        height: 48px;
        padding-left: 48px;
    }

    .search-results-wrapper#search-results-wrapper .search-results-content {
        padding: 0 6%;
        background-color: #FAFAFA;
    }

        .search-results-wrapper#search-results-wrapper .search-results-content a.advanced-search-link {
            color: #000;
            font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 18px;
            letter-spacing: 0.8px;
            line-height: 32px;
        }

    .search-results-wrapper#search-results-wrapper .breadcrumb .breadcrumb-item,
    .search-results-wrapper#search-results-wrapper .breadcrumb .breadcrumb-item a {
        font-size: 14px !important;
    }

    .search-results-wrapper#search-results-wrapper .search-result-item-wrapper {
        background-color: #ffffff;
        border-radius: 8px;
        padding: 20px;
    }

    .search-results-wrapper#search-results-wrapper .search-result-item-heading,
    .search-results-wrapper#search-results-wrapper .my-result-template-header {
        color: #000;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0.8px;
        line-height: 32px;
    }

        .search-results-wrapper#search-results-wrapper .search-result-item-heading .CoveoResultLink,
        .search-results-wrapper#search-results-wrapper .my-result-template-header .CoveoResultLink {
            color: #000;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 24px;
            font-weight: 500;
            letter-spacing: 0.8px;
            line-height: 32px;
        }

    .search-results-wrapper#search-results-wrapper .search-result-item-date {
        color: #C8C9C7;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.8px;
        line-height: 26px;
    }

    .search-results-wrapper#search-results-wrapper .search-result-item-desc {
        color: #939598;
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 0.8px;
        line-height: 26px;
    }

    .search-results-wrapper#search-results-wrapper .search-results-right-nav {
        list-style-type: none;
        margin-top: 38px;
        border-top: 4px solid #000;
        border-radius: 8px;
        padding: 0;
        margin-left: 10px;
        background-color: #ffffff;
    }

        .search-results-wrapper#search-results-wrapper .search-results-right-nav li {
            padding: 10px;
            color: #939598;
            font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 18px;
            letter-spacing: 0.8px;
            line-height: 42px;
            text-decoration: underline;
        }

            .search-results-wrapper#search-results-wrapper .search-results-right-nav li:first-child {
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 24px;
                text-decoration: none;
            }

            .search-results-wrapper#search-results-wrapper .search-results-right-nav li:nth-child(2) {
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            }

            .search-results-wrapper#search-results-wrapper .search-results-right-nav li:nth-child(2n+2) {
                background-color: #f5f5f5;
            }

            .search-results-wrapper#search-results-wrapper .search-results-right-nav li a {
                color: #939598;
            }

    .search-results-wrapper#search-results-wrapper .close-search {
        position: absolute;
        right: 5%;
        z-index: 1;
        top: 5%;
    }

        .search-results-wrapper#search-results-wrapper .close-search img {
            width: 20px;
        }

    .search-results-wrapper#search-results-wrapper input.search-input-box-top::placeholder {
        opacity: 0.85;
        color: #ffffff;
        opacity: 1;
        /* Firefox */
    }

    .search-results-wrapper#search-results-wrapper input.search-input-box-top:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        opacity: 0.85;
        color: #ffffff;
    }

    .search-results-wrapper#search-results-wrapper input.search-input-box-top::-ms-input-placeholder {
        /* Microsoft Edge */
        opacity: 0.85;
        color: #ffffff;
    }

#search-results-wrapper {
    background: #FAFAFA;
}

    #search-results-wrapper .coveo-results-header,
    #search-results-wrapper .coveo-tab-section {
        display: none;
    }

    #search-results-wrapper .CoveoSearchbox {
        flex-direction: row-reverse;
    }

        #search-results-wrapper .CoveoSearchbox .CoveoSearchButton,
        #search-results-wrapper .CoveoSearchbox .magic-box {
            border: 2px solid #C8C9C7;
            border-radius: 8px;
            color: #939598;
            font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 20px;
            height: 48px;
            position: relative;
        }

            #search-results-wrapper .CoveoSearchbox .CoveoSearchButton .magic-box-input,
            #search-results-wrapper .CoveoSearchbox .magic-box .magic-box-input {
                border-radius: unset;
                width: 99%;
                height: 100%;
                background-color: #FAFAFA;
            }

            #search-results-wrapper .CoveoSearchbox .CoveoSearchButton input,
            #search-results-wrapper .CoveoSearchbox .magic-box input {
                color: #939598;
                text-align: left;
                padding: 12px 49px 12px 0;
                line-height: 24px;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 48px;
                white-space: pre;
                overflow: auto;
                box-sizing: border-box;
                display: block;
            }

        #search-results-wrapper .CoveoSearchbox .CoveoSearchButton {
            border-right: none;
            border-top-right-radius: unset;
            border-bottom-right-radius: unset;
        }

        #search-results-wrapper .CoveoSearchbox .magic-box {
            border-left: none;
            border-top-left-radius: unset;
            border-bottom-left-radius: unset;
        }

    #search-results-wrapper .coveo-results-column {
        padding: 0;
    }

    #search-results-wrapper .coveo-facet-column {
        width: 100%;
        padding: 0;
        list-style-type: none;
        margin: 20px 0;
        border-top: 4px solid #000;
        border-radius: 8px;
        margin-left: 10px;
        background-color: #ffffff;
    }

        #search-results-wrapper .coveo-facet-column .CoveoFacet {
            border: none;
            margin: 0;
            border-radius: 8px;
        }

            #search-results-wrapper .coveo-facet-column .CoveoFacet .coveo-facet-header {
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 24px;
                text-decoration: none;
                color: #939598;
                padding: 10px;
                line-height: 42px;
                background-color: #ffffff;
            }

                #search-results-wrapper .coveo-facet-column .CoveoFacet .coveo-facet-header .coveo-facet-header-title-section .coveo-facet-header-title {
                    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                    font-size: 24px;
                    text-decoration: none;
                    color: #939598;
                    padding-left: 28px;
                }

            #search-results-wrapper .coveo-facet-column .CoveoFacet .coveo-facet-values .coveo-facet-value {
                padding: 10px;
                color: #939598;
                font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 18px;
                letter-spacing: 0.8px;
                line-height: 42px;
                text-decoration: underline;
                background-color: #ffffff;
            }

                #search-results-wrapper .coveo-facet-column .CoveoFacet .coveo-facet-values .coveo-facet-value:nth-child(2n+1) {
                    background-color: #f5f5f5;
                }

    #search-results-wrapper .coveo-list-layout.CoveoResult {
        background-color: #ffffff;
        border-radius: 8px;
        padding: 20px;
        margin-top: 1rem;
        border: none;
    }

        #search-results-wrapper .coveo-list-layout.CoveoResult > div > div:first-child {
            display: none !important;
        }

    #search-results-wrapper .coveo-facet-value .coveo-facet-value-checkbox {
        top: 14px;
        border: 1px solid #C8C9C7;
    }

        #search-results-wrapper .coveo-facet-value .coveo-facet-value-checkbox > svg {
            position: absolute;
            left: 0;
        }

    #search-results-wrapper .coveo-facet-value-label-wrapper {
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
    }

    #search-results-wrapper .coveo-facet-more.coveo-active:hover, #search-results-wrapper .coveo-facet-more.coveo-active:focus {
        background: none;
    }

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .brand-logo-container {
        padding: 20px 0;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown {
    position: absolute;
    right: 55px;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown {
        right: 50px;
        border: 1px solid transparent;
        border-top: none;
        border-bottom: none;
    }

        .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown:hover {
            border: 1px solid #FFF;
            border-top: none;
            border-bottom: none;
        }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name {
    margin-right: 0px;
    padding: 15px 10px 15px 10px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name {
        margin-right: 14px;
        padding: 16px 10px 20px 10px;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name {
        padding: 23px 10px 20px;
        margin: -1px;
        display: flex;
        align-items: center;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name.show {
    box-shadow: 0 2px 4px 0 rgba(0, 32, 92, 0.4);
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name.show {
        border: 1px solid #fff;
        border-top-color: transparent;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name.show .nav-link.dropdown-toggle .profile-name {
    color: #FFF;
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name.show .nav-link.dropdown-toggle .icon-Arrow_down {
    transform: scaleY(-1);
    margin-top: -5px !important;
    line-height: 24px;
    vertical-align: middle;
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name.show::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 15px;
    left: 0;
    bottom: -6px;
    background-color: #000;
    z-index: 10;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name.show::before {
        content: none;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name.show::after {
    border-color: transparent;
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name:focus, .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name:active {
    outline: 0;
    border-color: transparent;
}

    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name:focus > .dropdown-menu, .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name:active > .dropdown-menu {
        display: block;
    }

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name::after {
    content: '';
    border-right: 2px solid #939598;
    height: 22px;
    top: 30%;
    margin-left: 9px;
    display: inline-block;
    position: absolute;
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name::after {
        height: 34px;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name::after {
        content: none;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name img {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name img {
        width: 27px;
        height: 27px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .nav-link.dropdown-toggle {
    display: inline-block;
    padding: 0;
}

    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .nav-link.dropdown-toggle .icon-Arrow_down {
        font-size: 6px;
        margin: 0;
        padding: 0;
        display: inline-block;
        color: #ffffff;
    }

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .nav-link.dropdown-toggle .icon-Arrow_down {
        font-size: 10px;
        margin-left: 3px;
        font-weight: bold;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .nav-link.dropdown-toggle::after {
    content: none;
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .nav-link.dropdown-toggle .profile-name {
    display: none;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .nav-link.dropdown-toggle .profile-name {
        display: inline-block;
        padding-left: 10px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 300;
        line-height: 40px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu {
    border: 1px solid #FFF;
    border-top: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 32, 92, 0.4);
    border-radius: 0 0 10px 10px;
    right: -1px;
    left: auto;
    margin: 0;
    z-index: 5;
    padding: 0;
    margin-top: -3px;
    background: #000;
    min-width: 120px;
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu {
        right: -1px;
        left: -1px;
        margin-top: -4px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul {
    list-style: none;
    border: 0;
    margin: 0;
    padding: 0 15px;
    text-align: left;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul {
        padding: 0 24px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul li {
    padding: 15px 0 14px;
    border-bottom: 1px solid #939598;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul li {
        padding: 16px 0 19px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul li:last-child {
    padding-top: 13px;
    border-bottom: 0;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul li:last-child {
        padding-top: 21px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul li a {
    color: #FFF;
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 18px;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul li a {
        font-size: 18px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu ul li a:hover {
    color: #EA1B23;
    text-decoration: none;
}

.family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name {
    padding: 10px 10px 15px 15px;
}

@media (min-width: 768px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name {
        padding: 7px 10px 15px 15px;
    }
}

@media (min-width: 992px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name {
        padding: 15px 10px 20px;
    }
}

.family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu {
    margin-top: -5px;
}

@media (min-width: 768px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name .dropdown-menu {
        margin-top: -8px;
    }
}

@media screen and (max-width: 991px) and (min-width: 576px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name::after {
        top: 25%;
        margin: 0 9px;
    }
}

body {
    direction: ltr;
    text-align: left;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper {
        top: -58px;
        right: 15px !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .family-care-header.sqeezed-header .header-wrapper .coveo-search-section .search-icon-wrapper {
        top: -47px;
    }
}

.family-care-header.sqeezed-header .header-wrapper .hamburger-icon-wrapper {
    top: 14px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .family-care-header.sqeezed-header .header-wrapper .hamburger-icon-wrapper {
        top: 17px;
    }
}

@media (max-width: 767.98px) {
    .family-care-header.sqeezed-header .header-wrapper.menu-open .search-icon-wrapper {
        top: -113px;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .family-care-header.sqeezed-header .header-wrapper.menu-open .search-icon-wrapper {
        top: -153px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .family-care-header.sqeezed-header .header-wrapper.menu-open .search-icon-wrapper {
        top: -168px;
    }
}

@media (max-width: 767.98px) {
    .family-care-header.sqeezed-header .header-wrapper.menu-open .search-icon-wrapper.profile-page-icon {
        top: -94px;
    }
}

@media screen and (min-width: 640px) and (max-width: 991px) {
    .family-care-header.sqeezed-header .header-wrapper.menu-open .search-icon-wrapper.profile-page-icon {
        top: -132px;
    }
}

.family-care-header.sqeezed-header .header-wrapper .search-icon-wrapper {
    top: -36px;
}

@media (min-width: 992px) {
    .family-care-header.sqeezed-header .header-wrapper .search-icon-wrapper {
        top: 12px;
    }
}

@media (max-width: 767.98px) {
    .family-care-header.sqeezed-header .header-wrapper .search-icon-wrapper {
        top: -35px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .family-care-header.sqeezed-header .header-wrapper .search-icon-wrapper {
        top: -47px;
    }
}

.family-care-header.sqeezed-header .header-wrapper .search-icon-wrapper.profile-page-icon {
    top: -35px !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .family-care-header.sqeezed-header .header-wrapper .search-icon-wrapper.profile-page-icon {
        top: -47px !important;
    }
}

@media (max-width: 767.98px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .brand-logo-container {
        padding: 12px 0;
    }
}

.family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .brand-logo-container img {
    width: 50px;
    height: auto;
}

@media (min-width: 992px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .brand-logo-container img {
        width: 75px;
    }
}

@media (max-width: 991.98px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper.loggedin-topnav .user-name-dropdown .signedin-user-name:after {
        top: 19%;
    }
}

.family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .sign-in-button-wrapper .signinClick {
    top: 13px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .sign-in-button-wrapper .signinClick {
        top: 7px;
    }
}

.family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .profile-details {
    padding: 4px 8px;
}

@media (max-width: 991.98px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .profile-details {
        margin-top: 10px;
        padding: 0;
        top: 9px;
    }
}

@media screen and (max-width: 500px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .profile-details {
        margin-top: 14px;
        padding: 0;
    }
}

.family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .top-nav-links.buy-now-button {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .top-nav-links.buy-now-button {
        margin: 10px 0;
    }
}

.family-care-header.sqeezed-header .header-wrapper .bottom-nav-wrapper li.nav-item .dropdown-submenu a.nav-link {
    margin: 0;
}

.family-care-header .header-separator {
    border-top: 1px solid #939598;
    width: 100%;
}

@media (max-width: 991.98px) {
    .family-care-header .header-separator {
        display: none;
    }
}

.family-care-header .header-wrapper .search-icon-wrapper img.search-icon-large,
.family-care-header .header-wrapper .search-icon-wrapper img.search-icon-close-large {
    display: none;
}

.family-care-header .header-wrapper .search-icon-wrapper img.search-icon-close-small {
    display: block;
}

.family-care-header .header-wrapper .search-icon-wrapper img.search-icon-small {
    display: none;
}

.family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-close-small {
    display: none;
}

.family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-small {
    display: block;
}

.family-care-header .header-wrapper .search-area-wrapper::before {
    width: 100% !important;
    position: absolute;
    border-top: 1px solid #939598;
    opacity: 0.5;
    content: "";
    left: 0;
    top: 85px;
}

@media only screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper::before {
        top: 56px;
    }
}

.family-care-header .header-wrapper .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions {
    position: relative;
    width: 100%;
    top: 0;
    margin-top: 20px;
    border: none;
    margin-left: 12px;
    border-bottom: 1px solid #BFCCDD;
}

    .family-care-header .header-wrapper .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions * {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 24px;
        line-height: 40px;
        color: #273040;
    }

@media screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions * {
        font-size: 16px;
        line-height: 20px;
    }
}

.family-care-header .header-wrapper .search-area-wrapper img.search-icon-active-small {
    padding: 12px;
    float: right;
}

.family-care-header .header-wrapper .search-area-wrapper img.search-icon-active-large {
    display: none;
}

.family-care-header .header-wrapper .search-area-wrapper input {
    width: 85%;
    padding: 10px;
    border: none;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .search-area-wrapper input {
        width: 70%;
    }
}

@media only screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper input {
        width: 50%;
        padding: 0;
        height: 40px;
        top: 0px;
        font-size: 16px;
        line-height: 20px;
    }
}

.family-care-header .header-wrapper .search-area-wrapper input::-webkit-input-placeholder {
    /* Edge */
    color: #BFCCDD;
    font-weight: 500;
    line-height: 26px;
    font-size: 24px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    padding: 0 !important;
}

.family-care-header .header-wrapper .search-area-wrapper input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BFCCDD !important;
    font-weight: 500;
    line-height: 26px;
    font-size: 24px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    padding: 0 !important;
}

.family-care-header .header-wrapper .search-area-wrapper input::placeholder {
    color: #BFCCDD;
    font-weight: 500;
    line-height: 26px;
    font-size: 24px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    padding: 0 !important;
}

@media screen and (max-width: 767px) {
    .family-care-header .header-wrapper .search-area-wrapper input::-webkit-input-placeholder, .family-care-header .header-wrapper .search-area-wrapper input::placeholder, .family-care-header .header-wrapper .search-area-wrapper input::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 17px;
    }
}

.family-care-header .header-wrapper .search-area-wrapper .trending-section {
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #424C5F;
    padding: 25px 0 19px;
    margin-left: 30px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .search-area-wrapper .trending-section {
        margin-right: 14px;
        flex-direction: column;
    }
}

@media screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper .trending-section {
        font-size: 12px;
        margin-top: 0;
        padding-top: 8px;
    }
}

.family-care-header .header-wrapper .search-area-wrapper .trending-section > span {
    line-height: 40px;
    margin-right: 15px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .search-area-wrapper .trending-section > span {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper .trending-section > span {
        margin-bottom: 8px;
    }
}

.family-care-header .header-wrapper .search-area-wrapper .trending-section a {
    margin-right: 15px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    display: inline-block;
    width: 240px;
    background-color: #DFDFDF;
    height: 40px;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 25px;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .search-area-wrapper .trending-section a {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper .trending-section a {
        font-size: 14px;
        height: 30px;
        width: 180px;
        margin-bottom: 15px;
    }
}

.family-care-header .header-wrapper .search-area-wrapper .trending-section a span {
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #424C5F;
    margin-left: 0;
}

@media screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper .trending-section a span {
        font-size: 12px;
        line-height: 20px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details {
    display: inline-flex;
    padding: 15px 8px;
    justify-content: center;
    align-items: center;
    border-top: 2px solid transparent;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: 20%;
    margin-right: 12px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details {
        border: none;
    }
}

@media only screen and (max-width: 1200px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details {
        right: 22%;
    }
}

@media only screen and (min-width: 1350px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details {
        right: 18%;
    }
}

@media only screen and (min-width: 1600px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details {
        right: 15%;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details::after {
    content: " ";
    display: block;
    position: absolute;
    height: 36px;
    background: #bfccdd;
    width: 2px;
    right: -12px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details::after {
        right: -2px;
    }
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details.dropdown.show {
        background-color: #fff;
        padding: 37px 0 31px 0;
        top: 0;
        border-left: 1px solid rgba(191, 204, 221, 0.3);
    }

        .family-care-header .header-wrapper .top-nav-wrapper .profile-details.dropdown.show::after {
            height: 100px;
            background: #f6f8fb;
        }

        .family-care-header .header-wrapper .top-nav-wrapper .profile-details.dropdown.show .profile-username .down-arrow-selected {
            display: block;
            transform: scaleY(-1);
        }

        .family-care-header .header-wrapper .top-nav-wrapper .profile-details.dropdown.show .profile-username .down-arrow {
            display: none;
        }
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details.dropdown.show {
        border-left: 1px solid rgba(191, 204, 221, 0.3);
        padding: 30px 0;
        margin-top: 0;
        top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details.dropdown.show {
        top: 20px;
        margin: 10px 0;
        right: 15%;
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details {
        top: 20px;
        margin: 10px 0;
        right: 15%;
        padding: 0;
    }
}

@media only screen and (max-width: 500px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details {
        top: 0;
        border-bottom: none;
        border-top: none;
        padding: 30px 0;
        margin-top: 0;
    }
}

@media screen and (max-width: 400px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details {
        right: 16%;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username {
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding: 0 10px 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 0;
}

@media only screen and (max-width: 500px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username {
        padding: 0 4px;
    }
}

@media only screen and (max-width: 350px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username {
        padding: 0;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username:after {
    display: none;
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username .profile-image-wrapper {
    width: 40px;
    height: 40px;
    background-color: rgba(191, 204, 221, 0.4);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
}

@media only screen and (max-width: 500px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username .profile-image-wrapper {
        width: 48px;
        height: 31px;
        margin-left: 12%;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username .profile-image-wrapper img {
    width: 85%;
    height: 85%;
    border-radius: 50%;
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username > img {
    margin-left: 12px;
}

@media only screen and (max-width: 500px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username > img {
        margin-left: 12%;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username .down-arrow-selected {
    display: none;
    width: 14px;
    height: 8px;
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username .down-arrow {
    display: block;
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username span {
    padding-left: 10px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .profile-username span {
        display: none;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu {
    padding: 0;
    width: 100%;
    border: 2px dotted #F5ECD9;
    border-top: none;
    box-shadow: 0px 5px 5px #b9b7b7;
    z-index: 3;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu {
        position: fixed;
        top: 78px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu {
        top: 85px;
    }
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu {
        top: 81px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu .user-profile-dropdown-list {
    list-style-type: none;
    padding: 0 15px;
    margin: 0;
}

    .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu .user-profile-dropdown-list li {
        padding: 16px 0;
        border-bottom: 2px solid #F6F8FB;
    }

        .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu .user-profile-dropdown-list li:last-child {
            border: none;
        }

        .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu .user-profile-dropdown-list li a {
            color: #273040;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 18px;
            font-weight: 500;
            line-height: 19px;
            text-align: center;
            text-decoration: none;
            width: 100%;
            display: block;
            text-align: left;
        }

            .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu .user-profile-dropdown-list li a:hover, .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu .user-profile-dropdown-list li a:focus {
                color: #00205c;
            }

            .family-care-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu .user-profile-dropdown-list li a span {
                float: right;
                width: 28px;
                height: 28px;
                background-color: #424C5F;
                border-radius: 50%;
                color: #FFFFFF;
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 18px;
                font-weight: 500;
                line-height: 19px;
                padding-top: 4px;
                text-align: center;
            }

.family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus {
    border: 2px solid #F6F8FB;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus {
        border: none;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover .profile-username, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus .profile-username {
    color: #FFF;
}

    .family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover .profile-username .down-arrow-selected, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus .profile-username .down-arrow-selected {
        display: block;
    }

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover .profile-username .down-arrow-selected, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus .profile-username .down-arrow-selected {
        display: none;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover .profile-username .down-arrow, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus .profile-username .down-arrow {
    display: none;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover .profile-username .down-arrow, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus .profile-username .down-arrow {
        display: block;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover > .dropdown-menu, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus > .dropdown-menu {
    display: block;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover > .dropdown-menu, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus > .dropdown-menu {
        display: none;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .profile-details:hover > .dropdown-menu.show, .family-care-header .header-wrapper .top-nav-wrapper .profile-details:focus > .dropdown-menu.show {
    display: block !important;
}

.family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media screen and (min-width: 640px) and (max-width: 991px) {
    .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
        flex-direction: row-reverse;
    }
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
        background: #FFF;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .top-nav-links {
    display: inline-block;
    width: auto;
    color: #FFF;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    border-right: 2px solid #939598;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .top-nav-links {
        font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        line-height: 30px;
        border-left: 2px solid #939598;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .top-nav-links:last-child {
    border: none;
}

.family-care-header .header-wrapper .top-nav-wrapper .registerClick,
.family-care-header .header-wrapper .top-nav-wrapper .signinClick {
    line-height: 37px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .registerClick,
    .family-care-header .header-wrapper .top-nav-wrapper .signinClick {
        padding: 0 28px;
        color: #000;
        line-height: 20px;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .registerClick {
    padding-right: 10px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .registerClick {
        padding: 0 10px;
        text-align: left;
        border-right: 0;
    }
}

.family-care-header .header-wrapper .top-nav-wrapper .signinClick {
    padding-left: 10px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .top-nav-wrapper .signinClick {
        padding: 0 10px;
        text-align: right;
    }
}

.family-care-header .header-wrapper .bottom-nav-wrapper {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0px;
}

@media (max-width: 991.98px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper ul.navbar-nav {
        overflow-y: auto;
        background: #fff;
    }
}

.family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item .dropdown-toggle::after {
    content: none;
}

.family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item .dropdown-submenu a.nav-link {
    margin: 0;
}

@media only screen and (min-width: 992px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu {
        border-bottom: 2px solid #f6f8fb;
    }

        .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu:hover a.nav-link, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu:focus a.nav-link, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu:hover a.nav-link, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu:focus a.nav-link {
            color: #FFF;
        }

            .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu:hover a.nav-link img.down-arrow, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu:focus a.nav-link img.down-arrow, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu:hover a.nav-link img.down-arrow, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu:focus a.nav-link img.down-arrow {
                display: none;
            }

            .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu:hover a.nav-link img.down-arrow-selected, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu:focus a.nav-link img.down-arrow-selected, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu:hover a.nav-link img.down-arrow-selected, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu:focus a.nav-link img.down-arrow-selected {
                display: inline-block;
                transform: scaleY(-1);
            }

        .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu .dropdown-menu, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu .dropdown-menu {
            position: relative;
            border: none;
            box-shadow: none;
        }

            .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu .dropdown-menu ul, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu .dropdown-menu ul {
                padding: 0;
            }

                .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover .dropdown-submenu .dropdown-menu ul li, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus .dropdown-submenu .dropdown-menu ul li {
                    padding-left: 5px;
                }

    .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:hover > .dropdown-menu, .family-care-header .header-wrapper .bottom-nav-wrapper li.nav-item:focus > .dropdown-menu {
        display: block;
        min-width: 199px;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown:hover::before {
        content: '';
        width: 100%;
        position: absolute;
        height: 15px;
        left: 0;
        bottom: -10px;
        background-color: #000;
        z-index: 10;
    }
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.dropdown.mobile-only-menus:hover::before {
        content: none;
    }
}

.family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.DesktopFirstMenu {
    border-left: 0 !important;
}

    .family-care-header .header-wrapper .bottom-nav-wrapper .bottom-nav-menu li.nav-item.DesktopFirstMenu .nav-link {
        margin-left: 0 !important;
    }

.menu-open .sign-in-button-wrapper,
.menu-open .search-icon-wrapper {
    display: none;
}

@media only screen and (max-width: 991px) {
    .family-care-header .header-wrapper .search-icon-wrapper img.search-icon-small,
    .family-care-header .header-wrapper .search-icon-wrapper img.search-icon-close-small {
        display: none;
    }

    .family-care-header .header-wrapper .search-icon-wrapper img.search-icon-large {
        display: none;
    }

    .family-care-header .header-wrapper .search-icon-wrapper img.search-icon-close-large {
        display: block;
        margin-right: 0px;
        margin-top: 0px;
        padding: 10px 10px;
        background: #F6F8FB;
        border-radius: 50%;
    }
}

@media only screen and (max-width: 991px) and (max-width: 767px) {
    .family-care-header .header-wrapper .search-icon-wrapper img.search-icon-close-large {
        margin-right: 0px;
        margin-top: -6px;
        padding: 7px 7px;
    }
}

@media only screen and (max-width: 991px) {
    .family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-small,
    .family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-close-small {
        display: none;
    }

    .family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-large {
        display: block;
    }

    .family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-close-large {
        display: none;
    }

    .family-care-header .header-wrapper .search-area-wrapper img.search-icon-active-large {
        float: right;
        display: block;
    }

    .family-care-header .header-wrapper .search-area-wrapper img.search-icon-active-small {
        display: none;
    }

    .family-care-header .header-wrapper .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 991px) and (max-width: 767.98px) {
    .family-care-header .header-wrapper .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        margin-right: 18px;
    }
}

@media only screen and (max-width: 991px) {
    .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
        display: none;
        width: 100%;
        justify-content: center;
        padding: 20px 18px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 992px) {
    .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
        padding: 40px 35px;
    }
}

@media only screen and (max-width: 991px) {
    .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper .top-nav-links:nth-child(2) {
        border: none;
    }
}

@media only screen and (max-width: 500px) {
    .family-care-header .header-wrapper .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        margin-right: 4px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 420px) {
    .family-care-header .header-wrapper .top-nav-wrapper .buy-now-button-wrapper {
        padding: 20px 0;
        flex-direction: row-reverse;
    }

    .family-care-header .header-wrapper .top-nav-wrapper .top-nav-links {
        min-width: 100px;
        white-space: nowrap;
    }

        .family-care-header .header-wrapper .top-nav-wrapper .top-nav-links.buy-now-button {
            min-width: 95px;
            margin-left: 0;
        }
}

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-large {
        width: 33px;
        height: 33px;
    }
}

@media only screen and (max-width: 991px) and (max-width: 500px) {
    .family-care-header .header-wrapper .search-icon-wrapper.collapsed img.search-icon-large {
        width: 26px;
        height: 26px;
    }
}

@media screen and (max-width: 991px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .profile-details .dropdown.show {
        padding: 23px 0 30px;
    }

    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu {
        top: 67px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .family-care-header.sqeezed-header .header-wrapper .top-nav-wrapper .profile-details .dropdown-menu {
        top: 73px;
    }
}

@supports (-ms-ime-align: auto) {
    .family-care-header .header-wrapper .search-area-wrapper input {
        text-indent: 3px;
    }

        .family-care-header .header-wrapper .search-area-wrapper input:-ms-input-placeholder {
            text-indent: 3px;
        }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before, .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "kotex-1";
        font-size: 20px;
        line-height: 1;
        color: white;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "kotex-1";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: black;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: black;
            opacity: 0.75;
        }

.slick-slide {
    float: left;
}

    .slick-slide img {
        width: 100%;
    }

ul.slick-dots {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-content: center;
}

    ul.slick-dots li {
        margin: 0 4px !important;
        height: 11px;
        width: 11px;
        border: 1px solid #EEEEEE;
        background-color: #EEEEEE;
        border-radius: 7px;
        vertical-align: middle;
        cursor: pointer;
    }

        ul.slick-dots li:hover, ul.slick-dots li:focus {
            background-color: #FF00BB !important;
            outline: none;
        }

@media (max-width: 575.98px) {
    ul.slick-dots li {
        width: 7.5px !important;
        height: 7.41px !important;
        margin: 0 3px !important;
        padding: 0;
    }
}

ul.slick-dots li.slick-active {
    cursor: default;
    margin-right: 23px !important;
}

@media (max-width: 575.98px) {
    ul.slick-dots li.slick-active {
        width: 21.01px !important;
        height: 7.64px !important;
        margin-right: 6px !important;
    }
}

ul.slick-dots li.slick-active button {
    width: 30px !important;
    height: 11px !important;
    border-radius: 7px;
    background: #EA1B23;
    color: transparent;
}

@media (max-width: 575.98px) {
    ul.slick-dots li.slick-active button {
        width: 21.01px !important;
        height: 7.64px !important;
        margin: 0 !important;
    }
}

ul.slick-dots li.slick-active button:before {
    color: transparent;
}

@media (max-width: 575.98px) {
    ul.slick-dots li button {
        width: 7.64px !important;
        height: 7.64px !important;
        margin: 0 3px !important;
        padding: 0;
    }
}

ul.slick-dots li button:before {
    color: transparent;
}

.slick-prev,
.slick-next {
    background: #FFF !important;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #EA1B23;
    z-index: 3;
}

@media (min-width: 576px) {
    .slick-prev,
    .slick-next {
        height: 40px;
        width: 40px;
    }
}

.slick-prev:before,
.slick-next:before {
    font-family: "kotex-1";
    font-size: 10px;
    line-height: 25px;
    color: #EA1B23;
    opacity: 1;
    display: flex;
    justify-content: center;
}

@media (min-width: 576px) {
    .slick-prev:before,
    .slick-next:before {
        font-size: 16px;
        line-height: 40px;
    }
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    border: 1px solid #FF00BB;
}

    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
        color: #FF00BB;
    }

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    background: #FFF;
    opacity: 0.5;
    border: 1px solid #EA1B23;
}

    .slick-prev.slick-disabled:hover,
    .slick-next.slick-disabled:hover {
        cursor: default;
    }

button.slick-prev {
    left: 4px;
    z-index: 1;
    transform: scaleX(1);
}

@media (min-width: 576px) {
    button.slick-prev {
        left: -70px;
    }
}

@media (min-width: 768px) {
    button.slick-prev {
        left: -66px;
    }
}

@media (min-width: 992px) {
    button.slick-prev {
        left: -108px;
    }
}

button.slick-prev:before {
    content: "";
}

@media (min-width: 992px) {
    button.slick-prev:before {
        position: relative;
        right: 1px;
        top: -1px;
    }
}

button.slick-next {
    right: 20px;
    transform: scaleX(1);
}

@media (min-width: 576px) {
    button.slick-next {
        right: -60px;
    }
}

@media (min-width: 768px) {
    button.slick-next {
        right: -66px;
    }
}

@media (min-width: 992px) {
    button.slick-next {
        right: -74px;
    }
}

@media (max-width: 991.98px) {
    button.slick-next {
        right: 0;
    }
}

button.slick-next:before {
    content: "";
}

@media (min-width: 992px) {
    button.slick-next:before {
        font-size: 16px;
        position: relative;
        left: 1px;
        top: -1px;
    }
}

@media (max-width: 991.98px) {
    button.slick-next {
        right: 0;
    }
}

/*CoveoFullSearch.css*/
.CoveoSearchInterface.coveo-small-tabs .coveo-dropdown-header, .CoveoSearchInterface.coveo-small-facets .coveo-dropdown-header, .CoveoSearchInterface.coveo-small-recommendation .coveo-dropdown-header {
    font-size: 12px;
    display: inline-block;
    padding: 0 7px;
    height: 22px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .09px;
    vertical-align: middle;
    white-space: normal;
    color: #1d4f76;
    cursor: pointer;
    text-transform: uppercase;
}

.CoveoSearchInterface.coveo-small-tabs .coveo-tab-section > a:last-of-type, .CoveoSearchInterface.coveo-small-facets .coveo-tab-section > a:last-of-type, .CoveoSearchInterface.coveo-small-recommendation .coveo-tab-section > a:last-of-type {
    margin-right: 20px;
}

.CoveoSearchInterface {
    min-width: 300px;
}

    .CoveoSearchInterface > * {
        display: none;
        visibility: hidden;
    }

    .CoveoSearchInterface .coveo-main-section {
        *zoom: 1;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

        .CoveoSearchInterface .coveo-main-section:before, .CoveoSearchInterface .coveo-main-section:after {
            content: " ";
            display: table;
        }

        .CoveoSearchInterface .coveo-main-section:after {
            clear: both;
        }

    .CoveoSearchInterface .coveo-results-column {
        overflow: hidden;
        padding: 10px 10px 10px 15px;
    }

        .CoveoSearchInterface .coveo-results-column.coveo-no-results {
            max-width: 75%;
            margin: auto;
            text-align: center;
        }

.coveo-after-initialization > * {
    display: inherit;
    visibility: inherit;
}

.coveo-after-initialization link, .coveo-after-initialization script, .coveo-after-initialization template {
    display: none;
}

.coveo-summary-section {
    display: inline-block;
    font-size: 14px;
    margin-right: auto;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

.CoveoLogo {
    float: right;
    display: inline-block;
    margin: 0 0 0 20px;
}

    .CoveoLogo.coveo-hidden {
        display: none;
    }

.CoveoSearchButton {
    color: #fff;
    border: 1px solid #bcc3ca;
    border-left: none;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    height: 50px;
    width: 60px;
    cursor: pointer;
    line-height: 0;
}

    .CoveoSearchButton:before {
        content: '';
        vertical-align: middle;
        height: 100%;
        display: inline-block;
    }

    .CoveoSearchButton .coveo-search-button, .CoveoSearchButton .coveo-search-button-loading {
        vertical-align: middle;
        animation: none;
        display: inline-block;
    }

    .CoveoSearchButton .coveo-search-button-loading-svg {
        display: none;
    }

.coveo-search-button-svg {
    width: 18px;
    height: 18px;
    color: #1d4f76;
}

.coveo-after-initialization meter, .coveo-after-initialization progress, .coveo-after-initialization input, .coveo-after-initialization textarea, .coveo-after-initialization keygen, .coveo-after-initialization select, .coveo-after-initialization button {
    display: inline-block;
}

.CoveoSearchInterface {
    min-height: 100%;
    position: relative;
    margin: 0;
    font-family: lato,helvetica neue,Helvetica,Arial,sans-serif,sans-serif;
    font-size: 15px;
    color: #313a45;
}

    .CoveoSearchInterface * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.coveo-highlight {
    font-weight: 700;
}

.coveo-placeholder-icon {
    width: 64px;
    height: 64px;
    margin-left: 2px;
}

.coveo-placeholder-title {
    height: 16px;
    margin-bottom: 20px;
}

.coveo-placeholder-text {
    height: 8px;
    margin-bottom: 12px;
}

.coveo-placeholder-result, .coveo-result-frame.coveo-placeholder-result {
    margin: 20px 0 20px 20px;
}

.coveo-placeholder-title, .coveo-placeholder-text, .coveo-placeholder-icon, .coveo-placeholder-icon-small {
    -webkit-animation-name: placeholderColorChange;
    -moz-animation-name: placeholderColorChange;
    animation-name: placeholderColorChange;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.CoveoResultList.coveo-during-initialization {
    display: none;
}

    .CoveoResultList.coveo-during-initialization.coveo-with-placeholder {
        display: block;
    }

.coveo-visible-to-screen-reader-only {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.CoveoResultLink, a.CoveoResultLink, .CoveoResult a.CoveoResultLink {
    color: #004990;
    text-decoration: none;
    cursor: pointer;
    word-wrap: break-word;
}

    .CoveoResultLink:hover, .CoveoResultLink:hover a, a.CoveoResultLink:hover, a.CoveoResultLink:hover a, .CoveoResult a.CoveoResultLink:hover, .CoveoResult a.CoveoResultLink:hover a {
        text-decoration: underline;
    }

.coveo-accessible-button:hover {
    cursor: pointer;
}

.magic-box {
    position: relative;
    text-align: left;
    color: #212121;
    border: 1px solid #9e9e9e;
}

    .magic-box .magic-box-input {
        background: #fff;
        height: 48px;
        overflow: hidden;
        position: relative;
    }

        .magic-box .magic-box-input .magic-box-underlay, .magic-box .magic-box-input > input {
            color: #212121;
            text-align: left;
            padding: 12px 49px 12px 0;
            text-indent: 12px;
            font-family: arial,sans-serif;
            font-size: 16px;
            line-height: 24px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 48px;
            white-space: pre;
            overflow: auto;
            box-sizing: border-box;
            display: block;
        }

        .magic-box .magic-box-input input {
            background: 0 0;
            border: none;
            resize: none;
            outline: 0;
        }

            .magic-box .magic-box-input input::-ms-clear {
                width: 0;
                height: 0;
            }

        .magic-box .magic-box-input .magic-box-underlay {
            color: transparent;
            overflow: hidden;
        }

            .magic-box .magic-box-input .magic-box-underlay > span {
                text-indent: 0;
            }

            .magic-box .magic-box-input .magic-box-underlay span {
                display: inline-block;
                vertical-align: top;
            }

                .magic-box .magic-box-input .magic-box-underlay span[data-value=''] {
                    height: 24px;
                }

            .magic-box .magic-box-input .magic-box-underlay .magic-box-ghost-text {
                visibility: hidden;
                color: #bdbdbd;
            }

            .magic-box .magic-box-input .magic-box-underlay .magic-box-error {
                border-bottom: solid #f44336 2px;
            }

                .magic-box .magic-box-input .magic-box-underlay .magic-box-error.magic-box-error-empty {
                    position: relative;
                }

                    .magic-box .magic-box-input .magic-box-underlay .magic-box-error.magic-box-error-empty:before {
                        content: ' ';
                        border-bottom: solid #f44336 2px;
                        position: absolute;
                    }

            .magic-box .magic-box-input .magic-box-underlay:after {
                content: '';
                display: inline-block;
            }

    .magic-box .magic-box-clear {
        position: relative;
        float: right;
        height: 48px;
        line-height: 48px;
        text-align: center;
        font-size: 24px;
        transition: width .3s;
        cursor: pointer;
        background: #fff;
        width: 0;
        overflow: hidden;
    }

        .magic-box .magic-box-clear .magic-box-icon:before {
            color: #9e9e9e;
            font-family: arial,sans-serif;
            font-size: 24px;
        }

        .magic-box .magic-box-clear:before {
            content: '';
            border-left: #e0e0e0 1px solid;
            position: absolute;
            top: 15%;
            bottom: 15%;
            left: 0;
        }

    .magic-box.magic-box-notEmpty .magic-box-clear {
        width: 48px;
    }

    .magic-box.magic-box-hasFocus .magic-box-underlay .magic-box-ghost-text {
        visibility: visible;
    }

    .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
        display: block;
    }

    .magic-box .magic-box-suggestions {
        clear: both;
        position: absolute;
        top: 100%;
        left: -1px;
        right: -1px;
        overflow: hidden;
        background: #fff;
        z-index: 1;
        display: none;
        font-family: arial,sans-serif;
        border: 1px solid #9e9e9e;
    }

.CoveoOmnibox.magic-box .magic-box-suggestions {
    z-index: 3;
}

.CoveoResult a {
    color: #004990;
    text-decoration: none;
    cursor: pointer;
}

    .CoveoResult a:visited, .CoveoResult a:visited:hover {
        color: #609;
    }

.coveo-list-layout.CoveoResult {
    border-bottom: thin solid #bcc3ca;
    padding: 16px 0 16px 16px;
}

.coveo-result-frame, .CoveoResult.coveo-result-frame {
    margin-left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

    .coveo-result-frame .coveo-result-row, .CoveoResult.coveo-result-frame .coveo-result-row {
        width: 100%;
        display: table;
        table-layout: fixed;
        margin: .25em 0;
    }

    .coveo-result-frame .coveo-result-cell, .CoveoResult.coveo-result-frame .coveo-result-cell {
        line-height: 1.25em;
        display: table-cell;
        vertical-align: top;
    }

        .coveo-result-frame .coveo-result-cell > *, .CoveoResult.coveo-result-frame .coveo-result-cell > * {
            vertical-align: middle;
        }

.CoveoResultList {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .CoveoResultList .coveo-fade-out {
        opacity: .5;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        transition: opacity .5s;
    }

.CoveoQuerySummary {
    color: #67768b;
    text-align: left;
}

    .CoveoQuerySummary div {
        margin-bottom: 5px;
    }

    .CoveoQuerySummary ul {
        margin-top: 0;
    }

        .CoveoQuerySummary ul li {
            font-size: 14px;
        }

    .CoveoQuerySummary.coveo-hidden {
        display: none;
    }

    .CoveoQuerySummary .coveo-show-if-no-results {
        display: none;
    }

        .CoveoQuerySummary .coveo-show-if-no-results.coveo-no-results {
            display: block;
        }

.coveo-query-summary-no-results-string {
    font-size: 16px;
}

.coveo-query-summary-search-tips-info {
    font-size: 16px;
}

.CoveoSearchbox {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

    .CoveoSearchbox.coveo-inline {
        overflow: hidden;
    }

        .CoveoSearchbox.coveo-inline .magic-box {
            overflow: visible;
        }

    .CoveoSearchbox .CoveoSearchButton {
        z-index: 2;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .CoveoSearchbox .magic-box {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        border: thin solid #bcc3ca;
        border-radius: 2px;
    }

        .CoveoSearchbox .magic-box .magic-box-clear-svg {
            width: 15px;
            height: 15px;
            color: #1d4f76;
        }

        .CoveoSearchbox .magic-box .magic-box-clear:before {
            border-left: none;
        }

        .CoveoSearchbox .magic-box .magic-box-clear .magic-box-icon:before {
            content: '';
        }

        .CoveoSearchbox .magic-box .magic-box-input {
            border-radius: 2px;
        }

            .CoveoSearchbox .magic-box .magic-box-input > input {
                color: #67768b;
            }

.CoveoSettings ~ .CoveoSearchbox {
    margin-right: 76px;
}

.CoveoSearchInterface.coveo-waiting-for-query .CoveoSearchbox {
    margin: 0;
}

    .CoveoSearchInterface.coveo-waiting-for-query .CoveoSearchbox .coveo-media-max-width-480 {
        margin: 0 20px;
    }

@media (max-width: 480px) {
    .CoveoSearchInterface.coveo-waiting-for-query .CoveoSearchbox {
        margin: 0 20px;
    }
}

.magic-box .magic-box-input .magic-box-underlay .magic-box-ghost-text, .magic-box.magic-box-hasFocus .magic-box-input .magic-box-underlay .magic-box-ghost-text {
    display: none;
}

.coveo-query-syntax-disabled.magic-box .magic-box-input .magic-box-underlay span, .coveo-query-syntax-disabled .magic-box-highlight-container {
    display: none;
}

.CoveoTab {
    color: #67768b;
    text-decoration: none;
    cursor: pointer;
    height: 52px;
    display: inline-block;
    font-size: 15px;
    padding: 0 10px 2px;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: normal;
}

    .CoveoTab * {
        display: inline-block;
        vertical-align: middle;
        line-height: 52px;
        margin: 0;
    }

    .CoveoTab p {
        height: 100%;
        color: #004990;
    }

    .CoveoTab.coveo-selected, .CoveoTab.coveo-selected:hover {
        border-bottom: 2px solid #263e55;
        padding-bottom: 0;
    }

.coveo-tab-section {
    width: 100%;
    min-height: 52px;
    background-color: #f7f8f9;
    text-align: center;
    border-bottom: 1px solid #bcc3ca;
    font-size: 0;
    white-space: nowrap;
}

.coveo-small-tabs .CoveoTab {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    font-size: 12px;
    color: #1d4f76;
    font-weight: 400;
    letter-spacing: .25px;
}

    .coveo-small-tabs .CoveoTab.coveo-selected, .coveo-small-tabs .CoveoTab.coveo-selected:hover {
        font-weight: 700;
    }

        .coveo-small-tabs .CoveoTab.coveo-selected, .coveo-small-tabs .CoveoTab.coveo-selected:hover {
            border-bottom: 0;
        }

            .coveo-small-tabs .CoveoTab.coveo-selected p, .coveo-small-tabs .CoveoTab.coveo-selected:hover p {
                border-bottom: 2px solid #263e55;
            }

    .coveo-small-tabs .CoveoTab p {
        max-width: 240px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.coveo-more-tabs-svg {
    width: 7px;
    height: 4px;
    color: #1d4f76;
}

.CoveoResult a {
    color: #004990;
    text-decoration: none;
    cursor: pointer;
}

    .CoveoResult a:visited, .CoveoResult a:visited:hover {
        color: #609;
    }

.coveo-list-layout.CoveoResult {
    border-bottom: thin solid #bcc3ca;
    padding: 16px 0 16px 16px;
}

/*CoveoForSitecore.css*/
.CoveoSearchInterface {
    background-color: #fff;
}

.coveo-tab-component-container {
    display: inline-block;
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat);
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: calc(1 * 2);
        animation-iteration-count: calc(1 * 2);
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
        animation-iteration-count: calc(var(--animate-repeat) * 2);
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: calc(1 * 3);
        animation-iteration-count: calc(1 * 3);
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
        animation-iteration-count: calc(var(--animate-repeat) * 3);
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay);
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: calc(1s * 2);
        animation-delay: calc(1s * 2);
        -webkit-animation-delay: calc(var(--animate-delay) * 2);
        animation-delay: calc(var(--animate-delay) * 2);
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: calc(1s * 3);
        animation-delay: calc(1s * 3);
        -webkit-animation-delay: calc(var(--animate-delay) * 3);
        animation-delay: calc(var(--animate-delay) * 3);
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: calc(1s * 4);
        animation-delay: calc(1s * 4);
        -webkit-animation-delay: calc(var(--animate-delay) * 4);
        animation-delay: calc(var(--animate-delay) * 4);
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: calc(1s * 5);
        animation-delay: calc(1s * 5);
        -webkit-animation-delay: calc(var(--animate-delay) * 5);
        animation-delay: calc(var(--animate-delay) * 5);
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: calc(1s / 2);
        animation-duration: calc(1s / 2);
        -webkit-animation-duration: calc(var(--animate-duration) / 2);
        animation-duration: calc(var(--animate-duration) / 2);
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: calc(1s * 0.8);
        animation-duration: calc(1s * 0.8);
        -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
        animation-duration: calc(var(--animate-duration) * 0.8);
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: calc(1s * 2);
        animation-duration: calc(1s * 2);
        -webkit-animation-duration: calc(var(--animate-duration) * 2);
        animation-duration: calc(var(--animate-duration) * 2);
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: calc(1s * 3);
        animation-duration: calc(1s * 3);
        -webkit-animation-duration: calc(var(--animate-duration) * 3);
        animation-duration: calc(var(--animate-duration) * 3);
    }

@media print, (prefers-reduced-motion: reduce) {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
    }

        .animate__animated[class*='Out'] {
            opacity: 0;
        }
}

/* Attention seekers  */
@-webkit-keyframes bounce {
    from, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

@keyframes bounce {
    from, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
        transform: translate3d(0, 0, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shakeX {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
}

@-webkit-keyframes shakeY {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes shakeY {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(1s * 1.3);
    animation-duration: calc(1s * 1.3);
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

/* Back entrances */
@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown;
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft;
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight;
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp;
}

/* Back exits */
@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown;
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft;
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateX(0px) scale(0.7);
        transform: translateX(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight;
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    20% {
        -webkit-transform: translateY(0px) scale(0.7);
        transform: translateY(0px) scale(0.7);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp;
}

/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.animate__bounceIn {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

/* Bouncing exits  */
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.animate__bounceOut {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

/* Fading entrances  */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInTopLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft;
}

@-webkit-keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInTopRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight;
}

@-webkit-keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInBottomLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft;
}

@-webkit-keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInBottomRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight;
}

/* Fading exits */
@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

@keyframes fadeOutTopLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0);
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft;
}

@-webkit-keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

@keyframes fadeOutTopRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0);
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight;
}

@-webkit-keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

@keyframes fadeOutBottomRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0);
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight;
}

@-webkit-keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

@keyframes fadeOutBottomLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0);
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft;
}

/* Flippers */
@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.animate__flipOutX {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.animate__flipOutY {
    -webkit-animation-duration: calc(1s * 0.75);
    animation-duration: calc(1s * 0.75);
    -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
    animation-duration: calc(var(--animate-duration) * 0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes lightSpeedInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutRight {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutLeft {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

/* Rotating entrances */
@-webkit-keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

/* Rotating exits */
@-webkit-keyframes rotateOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

/* Specials */
@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.animate__hinge {
    -webkit-animation-duration: calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

/* Sliding entrances */
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

/* Sliding exits */
@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.banner-content-container .container-fluid, .banner-content-container .container-sm, .banner-content-container .container-md, .banner-content-container .container-lg, .banner-content-container .container-xl {
    width: 1366px;
    height: 320px;
}

@media (max-width: 1199.98px) {
    .banner-content-container .container-fluid, .banner-content-container .container-sm, .banner-content-container .container-md, .banner-content-container .container-lg, .banner-content-container .container-xl {
        width: 100%;
        height: 320px;
    }
}

.banner-content-container .container-fluid .intro-banner-carousal, .banner-content-container .container-sm .intro-banner-carousal, .banner-content-container .container-md .intro-banner-carousal, .banner-content-container .container-lg .intro-banner-carousal, .banner-content-container .container-xl .intro-banner-carousal {
    max-height: 320px;
}

    .banner-content-container .container-fluid .intro-banner-carousal picture img, .banner-content-container .container-sm .intro-banner-carousal picture img, .banner-content-container .container-md .intro-banner-carousal picture img, .banner-content-container .container-lg .intro-banner-carousal picture img, .banner-content-container .container-xl .intro-banner-carousal picture img {
        height: 320px !important;
    }

    .banner-content-container .container-fluid .intro-banner-carousal .slick-prev, .banner-content-container .container-sm .intro-banner-carousal .slick-prev, .banner-content-container .container-md .intro-banner-carousal .slick-prev, .banner-content-container .container-lg .intro-banner-carousal .slick-prev, .banner-content-container .container-xl .intro-banner-carousal .slick-prev,
    .banner-content-container .container-fluid .intro-banner-carousal button.slick-prev:hover,
    .banner-content-container .container-sm .intro-banner-carousal button.slick-prev:hover,
    .banner-content-container .container-md .intro-banner-carousal button.slick-prev:hover,
    .banner-content-container .container-lg .intro-banner-carousal button.slick-prev:hover,
    .banner-content-container .container-xl .intro-banner-carousal button.slick-prev:hover,
    .banner-content-container .container-fluid .intro-banner-carousal button.slick-prev:focus,
    .banner-content-container .container-sm .intro-banner-carousal button.slick-prev:focus,
    .banner-content-container .container-md .intro-banner-carousal button.slick-prev:focus,
    .banner-content-container .container-lg .intro-banner-carousal button.slick-prev:focus,
    .banner-content-container .container-xl .intro-banner-carousal button.slick-prev:focus {
        width: 64px;
        height: 66px;
        border: 2px solid black;
        border-radius: 60%;
        top: 43% !important;
        left: 40px !important;
    }

    .banner-content-container .container-fluid .intro-banner-carousal .slick-next, .banner-content-container .container-sm .intro-banner-carousal .slick-next, .banner-content-container .container-md .intro-banner-carousal .slick-next, .banner-content-container .container-lg .intro-banner-carousal .slick-next, .banner-content-container .container-xl .intro-banner-carousal .slick-next,
    .banner-content-container .container-fluid .intro-banner-carousal button.slick-next:hover,
    .banner-content-container .container-sm .intro-banner-carousal button.slick-next:hover,
    .banner-content-container .container-md .intro-banner-carousal button.slick-next:hover,
    .banner-content-container .container-lg .intro-banner-carousal button.slick-next:hover,
    .banner-content-container .container-xl .intro-banner-carousal button.slick-next:hover,
    .banner-content-container .container-fluid .intro-banner-carousal button.slick-next:focus,
    .banner-content-container .container-sm .intro-banner-carousal button.slick-next:focus,
    .banner-content-container .container-md .intro-banner-carousal button.slick-next:focus,
    .banner-content-container .container-lg .intro-banner-carousal button.slick-next:focus,
    .banner-content-container .container-xl .intro-banner-carousal button.slick-next:focus {
        width: 64px;
        height: 66px;
        border: 2px solid black;
        border-radius: 60%;
        top: 43% !important;
        right: 40px !important;
    }

    .banner-content-container .container-fluid .intro-banner-carousal .slick-dots, .banner-content-container .container-sm .intro-banner-carousal .slick-dots, .banner-content-container .container-md .intro-banner-carousal .slick-dots, .banner-content-container .container-lg .intro-banner-carousal .slick-dots, .banner-content-container .container-xl .intro-banner-carousal .slick-dots {
        bottom: 10px !important;
    }

        .banner-content-container .container-fluid .intro-banner-carousal .slick-dots li button:before, .banner-content-container .container-sm .intro-banner-carousal .slick-dots li button:before, .banner-content-container .container-md .intro-banner-carousal .slick-dots li button:before, .banner-content-container .container-lg .intro-banner-carousal .slick-dots li button:before, .banner-content-container .container-xl .intro-banner-carousal .slick-dots li button:before {
            color: #BFCCDD;
        }

        .banner-content-container .container-fluid .intro-banner-carousal .slick-dots li .slick-active button:before, .banner-content-container .container-sm .intro-banner-carousal .slick-dots li .slick-active button:before, .banner-content-container .container-md .intro-banner-carousal .slick-dots li .slick-active button:before, .banner-content-container .container-lg .intro-banner-carousal .slick-dots li .slick-active button:before, .banner-content-container .container-xl .intro-banner-carousal .slick-dots li .slick-active button:before {
            color: #424C5F !important;
        }

    .banner-content-container .container-fluid .intro-banner-carousal .slick-list .intro-banner-carousal-caption, .banner-content-container .container-sm .intro-banner-carousal .slick-list .intro-banner-carousal-caption, .banner-content-container .container-md .intro-banner-carousal .slick-list .intro-banner-carousal-caption, .banner-content-container .container-lg .intro-banner-carousal .slick-list .intro-banner-carousal-caption, .banner-content-container .container-xl .intro-banner-carousal .slick-list .intro-banner-carousal-caption {
        right: -30%;
    }

    .banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption {
        position: relative;
        right: 66%;
        bottom: 20px;
        z-index: 10;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        color: #273040;
        z-index: 9999;
        color: #273040;
    }

@media (max-width: 1199.98px) {
    .banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption {
        right: 70%;
    }
}

.banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details {
    position: absolute;
    top: -228px;
    right: -55%;
}

@media (max-width: 1199.98px) {
    .banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details {
        right: -66%;
    }
}

.banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

@media (max-width: 1199.98px) {
    .banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2 {
        font-size: 20px;
        line-height: 20px;
    }
}

.banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details h2 span {
    font-style: italic;
}

.banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details p {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 20px;
}

    .banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details p span {
        padding: 10px;
    }

@media (max-width: 1199.98px) {
    .banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details p {
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 10px;
    }
}

.banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn {
    line-height: 22px;
    padding: 10px 20px 0px 20px;
}

@media (max-width: 1199.98px) {
    .banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn {
        line-height: 11px;
        padding: 5px 10px 0px 10px;
        font-size: 10px;
        height: 24px;
    }
}

.banner-content-container .container-fluid .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-sm .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-md .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-lg .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-xl .intro-banner-carousal .intro-banner-carousal-caption .caption-details .btn a {
    color: #ffffff;
}

.banner-content-container .container-fluid #intro-banner-carousal, .banner-content-container .container-sm #intro-banner-carousal, .banner-content-container .container-md #intro-banner-carousal, .banner-content-container .container-lg #intro-banner-carousal, .banner-content-container .container-xl #intro-banner-carousal {
    max-height: 320px;
}

    .banner-content-container .container-fluid #intro-banner-carousal .carousel-indicators .active, .banner-content-container .container-sm #intro-banner-carousal .carousel-indicators .active, .banner-content-container .container-md #intro-banner-carousal .carousel-indicators .active, .banner-content-container .container-lg #intro-banner-carousal .carousel-indicators .active, .banner-content-container .container-xl #intro-banner-carousal .carousel-indicators .active {
        background-color: #424C5F !important;
        height: 12px;
        width: 20px !important;
        border-radius: 45% !important;
    }

    .banner-content-container .container-fluid #intro-banner-carousal .carousel-indicators li, .banner-content-container .container-sm #intro-banner-carousal .carousel-indicators li, .banner-content-container .container-md #intro-banner-carousal .carousel-indicators li, .banner-content-container .container-lg #intro-banner-carousal .carousel-indicators li, .banner-content-container .container-xl #intro-banner-carousal .carousel-indicators li {
        background-color: #BFCCDD;
        height: 12px;
        width: 12px;
        border-radius: 90%;
    }

    .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item {
        transition: transform 0.6s ease-in-out;
    }

        .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item picture img, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item picture img, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item picture img, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item picture img, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item picture img {
            height: 320px !important;
        }

        .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption {
            position: relative;
            right: 66%;
            bottom: 20px;
            z-index: 10;
            padding-bottom: 20px;
            color: #fff;
            text-align: center;
            color: #273040;
            z-index: 9999;
            color: #273040;
        }

@media (max-width: 991.98px) {
    .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption {
        right: 80%;
    }
}

.banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details {
    position: absolute;
    top: -228px;
    right: -55%;
}

@media (max-width: 991.98px) {
    .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details {
        right: -66%;
    }
}

.banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #273040;
}

@media (max-width: 991.98px) {
    .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2 {
        font-size: 34px;
        line-height: 20px;
    }
}

.banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2 span, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details h2 span {
    font-style: italic;
}

.banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 20px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

    .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p span, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p span {
        padding: 10px;
    }

@media (max-width: 991.98px) {
    .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details p {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 10px;
    }
}

.banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn {
    line-height: 22px;
    padding: 10px 20px 0px 20px;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn {
        line-height: 30px;
        padding: 5px 10px 0px 10px;
        width: 200px;
    }
}

.banner-content-container .container-fluid #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-sm #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-md #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-lg #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn a, .banner-content-container .container-xl #intro-banner-carousal .carousel-inner .carousel-item .intro-banner-carousal-caption .caption-details .btn a {
    color: #ffffff;
}

.banner-content-container .container-fluid .carousel-control-prev, .banner-content-container .container-sm .carousel-control-prev, .banner-content-container .container-md .carousel-control-prev, .banner-content-container .container-lg .carousel-control-prev, .banner-content-container .container-xl .carousel-control-prev,
.banner-content-container .container-fluid .carousel-control-next,
.banner-content-container .container-sm .carousel-control-next,
.banner-content-container .container-md .carousel-control-next,
.banner-content-container .container-lg .carousel-control-next,
.banner-content-container .container-xl .carousel-control-next {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.banner-content-container .container-fluid .carousel-control-next,
.banner-content-container .container-sm .carousel-control-next,
.banner-content-container .container-md .carousel-control-next,
.banner-content-container .container-lg .carousel-control-next,
.banner-content-container .container-xl .carousel-control-next,
.banner-content-container .container-fluid .active.carousel-control-right,
.banner-content-container .container-sm .active.carousel-control-right,
.banner-content-container .container-md .active.carousel-control-right,
.banner-content-container .container-lg .active.carousel-control-right,
.banner-content-container .container-xl .active.carousel-control-right {
    -webkit-transform: translate3d(-100%, 0);
    transform: translate3d(-100%, 0);
}

.banner-content-container .container-fluid .carousel-control-prev, .banner-content-container .container-sm .carousel-control-prev, .banner-content-container .container-md .carousel-control-prev, .banner-content-container .container-lg .carousel-control-prev, .banner-content-container .container-xl .carousel-control-prev,
.banner-content-container .container-fluid .active.carousel-control-left,
.banner-content-container .container-sm .active.carousel-control-left,
.banner-content-container .container-md .active.carousel-control-left,
.banner-content-container .container-lg .active.carousel-control-left,
.banner-content-container .container-xl .active.carousel-control-left {
    -webkit-transform: translate3d(100%, 0);
    transform: translate3d(100, 0);
}

.artical-tiles-content-container .tiles {
    margin: 100px 0px 0px;
}

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles {
        margin: 50px 0px 0px;
    }
}

.artical-tiles-content-container .tiles .artical-tiles-icon {
    position: absolute;
    top: 15%;
    z-index: 99;
    left: 38%;
}

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles .artical-tiles-icon {
        top: 14%;
        left: 38%;
    }
}

.artical-tiles-content-container .tiles .artical-tiles-icon img {
    width: 70px;
    height: 70px;
}

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles .artical-tiles-icon img {
        width: 40px;
        height: 40px;
    }
}

.artical-tiles-content-container .tiles .artical-tiles-icon .img-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.artical-tiles-content-container .tiles .artical-tiles-icon:hover .img-hover {
    display: inline;
}

.artical-tiles-content-container .tiles .artical-tiles-icon:focus .img-hover {
    display: inline;
}

.artical-tiles-content-container .tiles .artical-tiles-icon:active .img-hover {
    display: inline;
}

.artical-tiles-content-container .tiles .artical-tiles-caption {
    position: absolute;
    left: 25%;
    top: 30%;
}

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles .artical-tiles-caption {
        top: 36%;
    }
}

.artical-tiles-content-container .tiles .artical-tiles-caption h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles .artical-tiles-caption h2 {
        font-size: 16px;
        line-height: 20px;
    }
}

.artical-tiles-content-container .tiles .artical-tiles-caption p {
    color: #424C5F;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles .artical-tiles-caption p {
        font-size: 10px;
        line-height: 20px;
    }
}

.artical-tiles-content-container .tiles .artical-tiles-details:hover img {
    opacity: .5;
}

.artical-tiles-content-container .tiles .artical-tiles-details:hover .artical-tiles-btn {
    display: block;
}

.artical-tiles-content-container .tiles .artical-tiles-details:focus img {
    opacity: .5;
}

.artical-tiles-content-container .tiles .artical-tiles-details:focus .artical-tiles-btn {
    display: block;
}

.artical-tiles-content-container .tiles .artical-tiles-details:active img {
    opacity: .5;
}

.artical-tiles-content-container .tiles .artical-tiles-details:active .artical-tiles-btn {
    display: block;
}

.artical-tiles-content-container .tiles .artical-tiles-details .artical-tiles-btn {
    position: absolute;
    top: 80%;
    left: 25%;
    display: none;
}

    .artical-tiles-content-container .tiles .artical-tiles-details .artical-tiles-btn .btn {
        background: #ffffff !important;
        color: #B02116 !important;
        border: 2px solid #B02116 !important;
    }

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles .artical-tiles-details .artical-tiles-btn {
        display: block;
        top: 72%;
        left: 18%;
    }

        .artical-tiles-content-container .tiles .artical-tiles-details .artical-tiles-btn .btn {
            padding: 5px 5px;
            line-height: 13px;
            font-size: 12px;
            height: 30px;
        }
}

.artical-tiles-content-container .tiles .artical-tiles-details .artical-tiles-btn a {
    color: #00205c;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 991.98px) {
    .artical-tiles-content-container .tiles .artical-tiles-details .artical-tiles-btn a {
        color: #00205c;
    }
}

.component-title {
    text-align: center;
    margin-bottom: 15px;
}

@media (max-width: 575.98px) {
    .component-title {
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .component-title {
        line-height: 34px;
    }
}

.component-title span {
    font-size: 30px;
    line-height: 34px;
    color: #000000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
}

@media (min-width: 576px) {
    .component-title span {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .component-title span {
        font-size: 40px;
        line-height: 42px;
    }
}

.component-title p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 768px) {
    .component-title p {
        font-size: 20px;
        line-height: 24px;
    }
}

.read-all {
    margin-bottom: 15px;
}

    .read-all a {
        font-size: 16px;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
        color: #EA1B23;
    }

@media (min-width: 768px) {
    .read-all a {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 30px;
    }
}

.read-all a:hover {
    color: #FF00BB !important;
}

.read-all a:focus {
    color: #EA1B23 !important;
}

a:hover {
    text-decoration: none;
}

a:focus {
    color: #000;
}

.hero-banner-section {
    position: relative;
}

    .hero-banner-section picture img {
        width: 100%;
    }

    .hero-banner-section.bg-overlay-botom:before {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0;
        height: 65%;
        background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    }

@media (min-width: 992px) {
    .hero-banner-section.bg-overlay-left picture:before {
        position: absolute;
        content: "";
        width: 55%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
        left: 0;
    }

    .hero-banner-section.bg-overlay-right picture:before {
        position: absolute;
        content: "";
        width: 55%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
        right: 0;
    }
}

.hero-banner-section .hero-captions-block {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    bottom: 16px;
    align-items: flex-end;
}

@media (max-width: 991.98px) {
    .hero-banner-section .hero-captions-block {
        left: 15px;
    }
}

@media (min-width: 992px) {
    .hero-banner-section .hero-captions-block {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
    }
}

@media (min-width: 992px) {
    .hero-banner-section .hero-captions-block {
        width: 930px;
    }
}

@media (min-width: 1200px) {
    .hero-banner-section .hero-captions-block {
        width: 1110px;
    }
}

@media screen and (min-width: 1366px) {
    .hero-banner-section .hero-captions-block {
        width: 1200px;
    }
}

.hero-banner-section .hero-captions-block img {
    max-height: 50px;
}

@media screen and (max-width: 500px) {
    .hero-banner-section .hero-captions-block img {
        max-width: 50px;
        max-height: 83px;
    }
}

.hero-banner-section .hero-captions-block h1,
.hero-banner-section .hero-captions-block h1 span {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding-top: 5px;
    margin: 0;
    color: #000;
}

@media (min-width: 576px) {
    .hero-banner-section .hero-captions-block h1,
    .hero-banner-section .hero-captions-block h1 span {
        font-size: 40px;
        line-height: normal;
    }
}

.hero-banner-section .hero-captions-block p {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
    margin-top: 5px;
}

@media (min-width: 576px) {
    .hero-banner-section .hero-captions-block p {
        font-size: 20px;
        line-height: normal;
        margin-top: 10px;
    }
}

.hero-banner-section .hero-captions-block .hero-caption-wrapper.w-25 {
    width: 25%;
}

@media (min-width: 992px) {
    .hero-banner-section .hero-captions-block .hero-caption-wrapper {
        max-width: 48%;
    }

        .hero-banner-section .hero-captions-block .hero-caption-wrapper.w-25 {
            width: 100%;
        }
}

.hero-banner-section .hero-captions-block .hero-caption-wrapper .icon-Arrow_right {
    background-image: linear-gradient(#FF00BB, #EA1B23);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    font-size: 12px;
}

@media (min-width: 768px) {
    .hero-banner-section .hero-captions-block .hero-caption-wrapper .icon-Arrow_right {
        font-size: 22px;
    }
}

.hero-banner-section .hero-captions-block.left-md-top-xs {
    top: 20px;
    justify-content: center;
    right: unset;
    text-align: left;
    align-items: flex-start;
}

    .hero-banner-section .hero-captions-block.left-md-top-xs h1,
    .hero-banner-section .hero-captions-block.left-md-top-xs h1 span,
    .hero-banner-section .hero-captions-block.left-md-top-xs p {
        text-align: left;
    }

@media (max-width: 991.98px) {
    .hero-banner-section .hero-captions-block.left-md-top-xs {
        left: 15px;
    }
}

@media (min-width: 992px) {
    .hero-banner-section .hero-captions-block.left-md-top-xs {
        top: 50%;
        right: unset;
        justify-content: center;
    }
}

.hero-banner-section .hero-captions-block.right-md-top-xs {
    top: 20px;
    justify-content: center;
    left: unset;
    text-align: left;
    align-items: flex-end;
}

    .hero-banner-section .hero-captions-block.right-md-top-xs h1,
    .hero-banner-section .hero-captions-block.right-md-top-xs h1 span,
    .hero-banner-section .hero-captions-block.right-md-top-xs p {
        text-align: left;
    }

@media (max-width: 991.98px) {
    .hero-banner-section .hero-captions-block.right-md-top-xs {
        right: 15px;
    }
}

@media (min-width: 992px) {
    .hero-banner-section .hero-captions-block.right-md-top-xs {
        top: 50%;
        left: unset;
        justify-content: center;
    }
}

.hero-banner-section .hero-captions-block.left-md-bottom-xs {
    text-align: left;
    align-items: flex-start;
}

@media (max-width: 991.98px) {
    .hero-banner-section .hero-captions-block.left-md-bottom-xs {
        left: 15px;
    }
}

.hero-banner-section .hero-captions-block.left-md-bottom-xs h1,
.hero-banner-section .hero-captions-block.left-md-bottom-xs h1 span,
.hero-banner-section .hero-captions-block.left-md-bottom-xs p {
    text-align: left;
}

@media (min-width: 992px) {
    .hero-banner-section .hero-captions-block.left-md-bottom-xs {
        top: 50%;
        right: unset;
        justify-content: center;
    }
}

.hero-banner-section .hero-captions-block.right-md-bottom-xs {
    text-align: left;
    align-items: flex-end;
}

@media (max-width: 991.98px) {
    .hero-banner-section .hero-captions-block.right-md-bottom-xs {
        right: 15px;
    }
}

.hero-banner-section .hero-captions-block.right-md-bottom-xs h1,
.hero-banner-section .hero-captions-block.right-md-bottom-xs h1 span,
.hero-banner-section .hero-captions-block.right-md-bottom-xs p {
    text-align: left;
}

@media (min-width: 992px) {
    .hero-banner-section .hero-captions-block.right-md-bottom-xs {
        top: 50%;
        right: unset;
        justify-content: center;
    }
}

.hero-banner-section .hero-captions-block.bottom-center {
    text-align: center;
    align-items: center;
    top: 50%;
    left: 0;
    right: 0;
    justify-content: center;
}

@media (min-width: 768px) {
    .hero-banner-section .hero-captions-block.bottom-center {
        left: unset;
        right: unset;
        top: 82%;
    }
}

.hero-banner-section .hero-captions-block.bottom-center h1,
.hero-banner-section .hero-captions-block.bottom-center h1 span,
.hero-banner-section .hero-captions-block.bottom-center p {
    text-align: center;
}

.hero-banner-section .hero-captions-block.text-white h1,
.hero-banner-section .hero-captions-block.text-white h1 span,
.hero-banner-section .hero-captions-block.text-white p {
    color: #FFF;
}

.hero-banner-section .hero-captions-block h1.text-red,
.hero-banner-section .hero-captions-block h1 span.text-red,
.hero-banner-section .hero-captions-block p.text-red {
    color: #EA1B23;
}

.history-banner-wrapper .hero-banner-section .hero-captions-block h1,
.history-banner-wrapper .hero-banner-section .hero-captions-block h1 span {
    text-align: center;
}

@media (max-width: 991.98px) {
    .history-banner-wrapper .hero-banner-section .hero-captions-block {
        top: 50%;
        transform: translateY(-50%);
        max-width: 55%;
    }
}

@media (max-width: 991.98px) {
    .contact-us .hero-captions-block h1 {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .contact-us .hero-captions-block h1 span {
        white-space: nowrap;
    }
}

/*article page*/
.article-detail .bread-nav {
    padding: 0 5rem;
    margin-top: 1.5rem;
}

.article-detail .article-top-banner {
    padding: 55px 20px;
    margin: 0 auto;
    overflow: hidden;
}

    .article-detail .article-top-banner .bg-container {
        position: absolute;
        top: 0;
        max-width: 100%;
        max-height: 370px;
        overflow: hidden;
    }

    .article-detail .article-top-banner .left-image {
        position: relative;
        margin: 0;
        width: 35%;
        padding: 0 4%;
        float: left;
    }

        .article-detail .article-top-banner .left-image img {
            width: 400px;
            height: 250px;
        }

    .article-detail .article-top-banner .right-desc {
        float: left;
        width: 62%;
        padding: 3% 2%;
    }

        .article-detail .article-top-banner .right-desc h4 {
            font-size: 40px;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            color: #53565A;
            font-weight: normal;
        }

        .article-detail .article-top-banner .right-desc p {
            font-size: 18px;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            color: #53565A;
            margin-top: 15px;
        }

.article-detail .left-content {
    margin: 40px 0;
}

    .article-detail .left-content h5 {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 22px;
        color: #53565A;
        font-weight: normal;
        margin: 20px 0;
    }

    .article-detail .left-content p {
        font-size: 16px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #53565A;
        letter-spacing: 0.8px;
        line-height: 26px;
        padding: 0 20px 0 0;
    }

    .article-detail .left-content .middle-content {
        margin: 30px 0;
    }

        .article-detail .left-content .middle-content .left-thumb img {
            height: 250px;
            width: 293px;
            border-radius: 8px;
            object-fit: cover;
        }

        .article-detail .left-content .middle-content .description h5 {
            margin-top: 0;
        }

.article-detail .right-content {
    margin: 40px 0;
}

    .article-detail .right-content .side-banner1,
    .article-detail .right-content .side-banner2 {
        width: 297px;
        text-align: center;
        margin: 25px auto 35px;
    }

        .article-detail .right-content .side-banner1 img,
        .article-detail .right-content .side-banner2 img {
            border-radius: 8px;
        }

    .article-detail .right-content .other-articles {
        position: absolute;
        overflow: hidden;
        left: 10%;
    }

    .article-detail .right-content .other-article-content {
        position: relative;
        max-width: 294px;
        margin: 0 auto;
    }

        .article-detail .right-content .other-article-content ul li {
            display: inline-block;
            list-style-type: none;
            padding: 12px 15px;
        }

            .article-detail .right-content .other-article-content ul li:nth-child(odd) {
                background-color: #f5f5f5;
            }

            .article-detail .right-content .other-article-content ul li a,
            .article-detail .right-content .other-article-content ul li a:hover {
                font-size: 16px;
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                color: #53565A;
                letter-spacing: 0.8px;
                line-height: 32px;
                text-decoration: underline;
                font-weight: bold;
            }

.sitemap-section {
    padding: 30px 0 0;
    max-width: 88%;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .sitemap-section {
        max-width: 97%;
    }
}

@media screen and (max-width: 500px) {
    .sitemap-section {
        padding-top: 15px;
    }
}

.sitemap-section h1 {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #273040;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 20px;
    margin: 0;
}

@media only screen and (max-width: 500px) {
    .sitemap-section h1 {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
}

.sitemap-section .sitemap-content {
    background-color: #F1F1F1;
    padding: 15px 10px;
}

@media (min-width: 768px) {
    .sitemap-section .sitemap-content {
        padding: 50px 0 50px 50px;
    }
}

.sitemap-section .sitemap-content .card-columns {
    column-count: 2;
}

@media (max-width: 991.98px) {
    .sitemap-section .sitemap-content .card-columns {
        column-count: 1;
    }
}

.sitemap-section .sitemap-content .card-columns .card {
    border: none;
    background-color: transparent;
    display: block;
}

    .sitemap-section .sitemap-content .card-columns .card .card-body {
        padding: 0;
    }

        .sitemap-section .sitemap-content .card-columns .card .card-body ul {
            margin-bottom: 0;
            padding-left: 15px;
            list-style-type: none;
        }

            .sitemap-section .sitemap-content .card-columns .card .card-body ul li {
                margin-bottom: 30px;
            }

@media screen and (max-width: 500px) {
    .sitemap-section .sitemap-content .card-columns .card .card-body ul li {
        margin-bottom: 10px;
    }
}

.sitemap-section .sitemap-content .card-columns .card .card-body ul li a,
.sitemap-section .sitemap-content .card-columns .card .card-body ul li span {
    color: #000;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .sitemap-section .sitemap-content .card-columns .card .card-body ul li a,
    .sitemap-section .sitemap-content .card-columns .card .card-body ul li span {
        font-size: 24px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .sitemap-section .sitemap-content .card-columns .card .card-body ul li a,
    .sitemap-section .sitemap-content .card-columns .card .card-body ul li span {
        font-size: 14px;
        line-height: 14px;
    }
}

.sitemap-section .sitemap-content .card-columns .card .card-body ul li a {
    text-decoration: underline;
}

.sitemap-section .sitemap-content .card-columns .card .card-body ul .accordion {
    border: none;
    border-radius: initial;
    overflow: visible;
}

    .sitemap-section .sitemap-content .card-columns .card .card-body ul .accordion .children > li a {
        border: 0;
    }

    .sitemap-section .sitemap-content .card-columns .card .card-body ul .accordion .collapse .children li a {
        border-bottom: 1px solid #000;
    }

.sitemap-section .sitemap-content .card-columns .card .card-body ul.children {
    list-style-type: disc;
    margin-top: 0px;
}

    .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li {
        margin-bottom: 20px;
        /*div {
                                        &.collapse {
                                            ul {
                                                li {
                                                    a {
                                                        text-decoration: none;

                                                    }
                                                }
                                            }
                                        }
                                    }*/
    }

        .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a {
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            margin-right: 20px;
            text-decoration: none;
            border-bottom: 1px solid #424C5F;
        }

@media (max-width: 991.98px) {
    .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a {
        margin-right: 0;
    }
}

.sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="false"]::after {
    background: url("./../../../../../../src/Project/andrexMB/code/Images/sitemap_down_arrow.svg") no-repeat;
    text-decoration: none;
    border: 0;
    content: '';
    width: 12px;
    height: 7.56px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

@media screen and (max-width: 500px) {
    .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="false"]::after {
        background-size: 9px 7px;
        margin-top: 2px;
    }
}

.sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="true"]::after {
    background: url("./../../../../../../src/Project/andrexMB/code/Images/sitemap_up_arrow.svg") no-repeat;
    text-decoration: none;
    border: 0;
    content: '';
    width: 12px;
    height: 7.56px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

@media screen and (max-width: 500px) {
    .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="true"]::after {
        background-size: 9px 7px;
        margin-top: 2px;
    }
}

/* Products */
.prod-question {
    margin: 30px auto;
}

    .prod-question h3 {
        color: #939598;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 32px;
        font-weight: 500;
        letter-spacing: 0.8px;
        line-height: 40px;
        padding: 30px;
    }

    .prod-question .begin-wrap {
        min-height: 500px;
        border-radius: 8px;
        background-color: #ffffff;
        display: flex;
        max-width: 1060px;
        margin: 0 auto;
    }

        .prod-question .begin-wrap h2 {
            color: #939598;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 40px;
            font-weight: 500;
            letter-spacing: 0.8px;
            line-height: 48px;
            padding: 30px 0px 0;
            margin: 0;
        }

        .prod-question .begin-wrap p {
            color: #939598;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 22px;
            letter-spacing: 0.8px;
            line-height: 30px;
            padding: 40px 0;
            margin: 0;
        }

        .prod-question .begin-wrap .btn-primary {
            padding: 10px 30px;
            line-height: normal;
            width: auto;
        }

        .prod-question .begin-wrap .grey-bg {
            border-radius: 8px;
            background-color: #E8E8E8;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .prod-question .question-wrap, .prod-question .recommend-wrap {
        min-height: 500px;
        border-radius: 8px;
        background-color: #ffffff;
        max-width: 1060px;
        margin: 30px auto;
        padding: 30px;
        position: relative;
    }

        .prod-question .question-wrap h2, .prod-question .recommend-wrap h2 {
            color: #939598;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 40px;
            font-weight: 500;
            letter-spacing: 0.8px;
            line-height: 48px;
            padding: 50px 0 0;
            margin: 0;
            text-align: center;
        }

        .prod-question .question-wrap .back-option, .prod-question .recommend-wrap .back-option {
            color: #939598;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.8px;
            line-height: 32px;
            text-decoration: underline;
        }

        .prod-question .question-wrap .back-arrow:before, .prod-question .recommend-wrap .back-arrow:before {
            content: '\276E';
            font-size: 18px;
            color: #C8C9C7;
            padding: 0 10px;
            text-decoration: none;
        }

        .prod-question .question-wrap .btn-grp, .prod-question .recommend-wrap .btn-grp {
            margin: 50px auto;
            display: block;
            text-align: center;
        }

            .prod-question .question-wrap .btn-grp .female, .prod-question .question-wrap .btn-grp .male, .prod-question .recommend-wrap .btn-grp .female, .prod-question .recommend-wrap .btn-grp .male {
                border: 2px solid #C8C9C7;
                border-radius: 8px;
                padding: 20px 70px;
                color: #53565A;
                font-family: Omnes;
                font-size: 20px;
                font-weight: 500;
                text-align: center;
                margin-left: 40px;
                display: inline-block;
            }

        .prod-question .question-wrap .progress-section, .prod-question .recommend-wrap .progress-section {
            position: absolute;
            bottom: 30px;
            width: 94%;
        }

            .prod-question .question-wrap .progress-section .progress, .prod-question .recommend-wrap .progress-section .progress {
                height: 12px;
                border-radius: 6px;
                background-color: #C8C9C7;
            }

            .prod-question .question-wrap .progress-section .labels, .prod-question .recommend-wrap .progress-section .labels {
                margin-top: 4px;
            }

                .prod-question .question-wrap .progress-section .labels span, .prod-question .recommend-wrap .progress-section .labels span {
                    color: #C8C9C7;
                    font-family: Omnes;
                    font-size: 20px;
                    font-weight: 500;
                    letter-spacing: 0.8px;
                    line-height: 26px;
                }

        .prod-question .recommend-wrap .btn-grp {
            min-height: 56px;
            box-shadow: inset 0 -1px 0 0 #E8E8E8, inset 0 1px 0 0 #E8E8E8;
        }

        .prod-question .recommend-wrap .progress-section .progress .bg-completed {
            background-color: #1F7C98;
        }

@media screen and (max-width: 991px) {
    .prod-question .begin-wrap {
        display: block;
    }

        .prod-question .begin-wrap .grey-bg {
            margin: 20px 0;
        }

            .prod-question .begin-wrap .grey-bg img {
                max-width: 260px;
            }

    .prod-question .question-wrap .btn-grp .female, .prod-question .question-wrap .btn-grp .male {
        margin: 0 0 0 10px;
        padding: 10px 20px;
    }

    .prod-question .question-wrap .progress-section, .prod-question .recommend-wrap .progress-section {
        width: 92%;
    }
}

.product-slider-image-container {
    padding: 50px;
}

    .product-slider-image-container img {
        width: 50%;
        margin: 0 auto;
    }

.product-slider-wrapper button.slick-prev,
.product-slider-wrapper button.slick-next {
    top: 150px;
}

.product-container {
    background: url("./../../../../../../src/Project/andrexMB/code/Images/life-stage-form-bg.png");
}

    .product-container .text-input-wrapper {
        display: inline-block;
    }

    .product-container a.btn-primary {
        min-width: 186px;
    }

.product-title {
    color: #53565A;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: 0.8px;
    line-height: 72px;
}

.product-star-rating,
.customer-star-rating {
    position: relative;
    font-size: 25px;
    width: 100px;
    display: inline-block;
    color: #ffffff;
}

.product-star-rating-top,
.customer-star-rating-top {
    position: absolute;
    z-index: auto;
    color: #000;
}

.review-count {
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 26px;
    display: inline-block;
}

    .review-count a {
        line-height: 72px;
        color: #53565A;
    }

        .review-count a:hover {
            text-decoration: none;
        }

        .review-count a img {
            width: 20px;
            margin-right: 10px;
            padding-bottom: 3px;
        }

.product-desc {
    color: #53565A;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 22px;
    letter-spacing: 0.8px;
    line-height: 30px;
}

.product-video-wrapper {
    width: 80%;
    margin: 100px auto;
    border: 2px solid #E8E8E8;
    border-radius: 8px;
}

iframe {
    border: none;
}

.comment-owner {
    color: #53565A;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.72px;
    line-height: 26px;
}

.comment-header .comment-owner + span {
    color: #707070;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 26px;
}

.comment-section {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
}

.comment-description, .comment-title, .product-feature p {
    color: #939598;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.8px;
    line-height: 26px;
}

.comment-title {
    font-weight: 600;
}

.product-features-section {
    width: 93%;
    margin: 80px auto;
    border: 2px solid #E8E8E8;
    border-radius: 8px;
    background-color: #FFFFFF;
}

.product-feature {
    margin-bottom: 30px;
}

    .product-feature p {
        width: 65%;
        display: inline-block;
        padding-left: 1rem;
        vertical-align: middle;
    }

.desc-notes {
    color: #C8C9C7;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.8px;
    margin-top: 50px;
}

    .desc-notes p {
        margin-bottom: 8px;
    }

.CoveoSearchInterface {
    max-width: 100%;
    margin: 0 auto !important;
}

    .CoveoSearchInterface.coveo-small-tabs .coveo-tab-section > a:last-of-type {
        display: none;
    }

    .CoveoSearchInterface .coveo-main-section {
        max-width: 100% !important;
    }

        .CoveoSearchInterface .coveo-main-section .coveo-header .find-product-section-wrapper .find-product-section {
            padding: 0 !important;
        }

        .CoveoSearchInterface .coveo-main-section .coveo-results-column {
            padding: 0 15px 0px;
            max-width: 100%;
            margin: 0 auto;
            background: #f6f8fb;
        }

@media (max-width: 991.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column {
        padding: 0 15px 25px;
    }
}

@media only screen and (max-width: 500px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column {
        padding: 0 15px 0px;
    }
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoLogo {
    display: none;
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList {
    max-width: 1440px;
    margin: 0 auto;
}

    .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout {
        margin: 0 auto 40px;
    }

        .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout:last-child {
            margin: 0 auto 0;
        }

@media (max-width: 767.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout {
        margin: 0 auto 16px;
    }
}

@media (max-width: 991.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout {
        margin: 0 auto 22px;
    }
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult {
    border: none;
    padding: 0;
}

    .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult .find-product-section-wrapper {
        background: none;
    }

        .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult .find-product-section-wrapper .find-product-section {
            padding: 0;
        }

            .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult .find-product-section-wrapper .find-product-section .product-item-section .row {
                display: flex;
                flex-direction: row;
            }

.CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout:nth-child(even) .find-product-section-wrapper .find-product-section .product-item-section .row {
    flex-direction: row-reverse;
}

    .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout:nth-child(even) .find-product-section-wrapper .find-product-section .product-item-section .row .promo-image-wrapper {
        text-align: right;
        padding-right: 0;
        padding-left: 30px;
        border-bottom-left-radius: 0;
    }

@media (max-width: 991.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .CoveoResultList .coveo-list-layout:nth-child(even) .find-product-section-wrapper .find-product-section .product-item-section .row .promo-image-wrapper {
        border-bottom-right-radius: 0;
    }
}

a.firstreview {
    color: #00205c !important;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    text-decoration: none !important;
}

.modal.show {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

form.was-validated .form-control#feedback:invalid {
    line-height: 40px;
}

.bg-light-grey {
    background-color: #F6F8FB !important;
}

.content-container {
    width: 100%;
}

.no-review {
    padding-top: 30px;
    text-align: center;
}

@media (max-width: 767.98px) {
    .no-review {
        padding-top: 20px;
    }
}

.no-review .heading-content-sub-text {
    margin-bottom: 10px;
}

.prod-buy-container {
    width: 100%;
}

@media (min-width: 768px) {
    .prod-buy-container.mb-lg-80-xs-30 {
        margin-bottom: 70px;
    }
}

.prod-buy-container .prod-slider-section {
    min-height: 535px;
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-slider-section {
        min-height: 330px;
    }
}

.prod-buy-container .prod-slider-section .prod-view-slider {
    padding-top: 76px;
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-slider-section .prod-view-slider {
        padding-top: 30px;
    }
}

.prod-buy-container .prod-slider-section .prod-view-slider .carousel-inner {
    width: 59%;
    margin: 0 auto;
    max-height: 336px;
}

    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-inner .carousel-item {
        min-height: 300px;
        transition: ease-out;
        text-align: center;
    }

        .prod-buy-container .prod-slider-section .prod-view-slider .carousel-inner .carousel-item figure img {
            max-height: 336px;
            max-width: unset;
        }

@media (max-width: 991.98px) {
    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-inner .carousel-item {
        min-height: auto;
    }

        .prod-buy-container .prod-slider-section .prod-view-slider .carousel-inner .carousel-item figure img {
            max-width: 100%;
        }
}

.prod-buy-container .prod-slider-section .prod-view-slider .carousel-control-prev {
    justify-content: center;
    left: 0px;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-control-prev {
        left: 6px;
    }
}

.prod-buy-container .prod-slider-section .prod-view-slider .carousel-control-next {
    justify-content: center;
    right: 0px;
    opacity: 0.7;
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-control-next {
        right: 6px;
    }
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-control-next,
    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-control-prev {
        display: block;
        top: 50%;
    }
}

.prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators {
    position: static;
    width: 60%;
    z-index: 3;
}

    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li {
        width: 0px;
        text-indent: 0;
        margin: 0px 40px;
    }

        .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li.active .slider-indicator-img {
            border: 2px solid #00205c;
        }

        .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li .slider-indicator-img {
            width: fit-content;
            height: 63px;
            width: 63px;
            border: 2px solid #BFCCDD;
            background-color: #FFFFFF;
            border-radius: 50%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

@media screen and (max-width: 500px) {
    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li .slider-indicator-img {
        height: 63px;
        width: 63px;
    }
}

.prod-buy-container .prod-buy-section {
    padding-left: 15px;
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section {
        padding-top: 30px;
        padding-left: 0px;
    }
}

.prod-buy-container .prod-buy-section .content-header .heading-text {
    margin-top: 30px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .prod-buy-container .prod-buy-section .content-header .heading-text {
        margin-top: 0;
    }
}

.prod-buy-container .prod-buy-section + hr {
    border: none;
    border-bottom: 1px solid #00205c;
}

@media screen and (max-width: 500px) {
    .prod-buy-container .prod-buy-section + hr {
        margin: 15px 0 18px;
    }
}

.prod-buy-container .prod-buy-section .prod-rating {
    display: flex;
    align-items: center;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .prod-rating {
        padding-top: 10px;
    }
}

.prod-buy-container .prod-buy-section .prod-rating .product-star-rating {
    display: flex;
    align-items: center;
    width: 160px;
}

    .prod-buy-container .prod-buy-section .prod-rating .product-star-rating .rate {
        padding-left: 0px;
        width: 49px;
        text-align: right;
    }

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .prod-rating .product-star-rating .rate {
        line-height: 40px !important;
    }
}

.prod-buy-container .prod-buy-section .prod-rating .prod-review-count {
    display: flex;
    align-items: center;
}

    .prod-buy-container .prod-buy-section .prod-rating .prod-review-count p {
        margin-bottom: 0px;
        font-size: 1px;
        border-left: 1px solid #424C5F;
        height: 20px;
        margin: 0px 10px;
        text-indent: -2px;
    }

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .prod-rating .prod-review-count p {
        line-height: 18px;
        text-indent: -1px;
    }
}

.prod-buy-container .prod-buy-section .prod-rating .prod-review-count a {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 19px;
    text-decoration: none;
    color: #00205c;
    border-bottom: 1px solid #00205c;
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section .prod-rating .prod-review-count a {
        font-size: 20px;
        line-height: 40px;
        font-weight: 500;
    }
}

.prod-buy-container .prod-buy-section .prod-desc {
    padding: 40px 0px 37px;
}

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .prod-desc {
        font-size: 20px;
        line-height: 26px;
    }
}

.prod-buy-container .prod-buy-section .prod-select {
    display: flex;
    align-items: flex-end;
}

    .prod-buy-container .prod-buy-section .prod-select .select-wrapper {
        width: 59%;
    }

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper {
        width: 58%;
    }
}

.prod-buy-container .prod-buy-section .prod-select .select-wrapper label {
    line-height: 24px !important;
}

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper label {
        font-size: 20px;
        font-weight: 400;
        font-style: normal;
        /*font-family:$font-family-italic;*/
        line-height: 26px !important;
        padding-bottom: 9px;
    }
}

.prod-buy-container .prod-buy-section .prod-select .select-wrapper select {
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 23px;
}

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper select {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper select {
        font-size: 18px;
        line-height: 30px;
    }
}

.prod-buy-container .prod-buy-section .prod-select .select-wrapper select.input-dropdown {
    background: url("../../Images/Down_Arrow.svg") no-repeat right 15px center;
    border: 1px solid #BFCCDD;
    padding: 8px 10px;
    height: 41px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper select.input-dropdown {
        background: url("../../Images/Down_Arrow.svg") no-repeat right 7px center;
    }
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper select.input-dropdown {
        height: 42px;
        line-height: 20px;
    }
}

@media screen and (max-width: 500px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper select.input-dropdown {
        height: 40px;
        line-height: 16px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1025px) {
    .prod-buy-container .prod-buy-section .prod-select .select-wrapper select.input-dropdown {
        font-size: 16px;
    }
}

.prod-buy-container .prod-buy-section .prod-select .buy-prod {
    margin-left: 30px;
    width: 30%;
}

    .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod {
        padding: 12px 0px;
    }

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section .prod-select .buy-prod {
        padding: 0px;
        margin-bottom: 7px;
    }

        .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod {
            padding: 15px 16px;
            outline: none;
        }

            .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod:focus, .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod:hover, .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod:active {
                outline: none;
            }
}

@media only screen and (max-width: 767.98px) and (max-width: 500px) {
    .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod {
        font-size: 18px;
        line-height: 14px;
    }
}

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .prod-select .buy-prod {
        width: 39%;
        padding: 0px;
        margin-bottom: 0px;
        margin-left: 15px;
    }

        .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod {
            padding: 8px 11px;
        }
}

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section .prod-select .buy-prod {
        margin-bottom: 0px;
    }

        .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod {
            padding: 7px 16px;
        }
}

@media screen and (max-width: 500px) {
    .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod {
        padding: 12px 16px;
    }
}

@media (min-width: 992px) {
    .prod-buy-container .prod-buy-section .social-icons-section {
        position: absolute;
        bottom: 0;
        margin: 20px 0;
    }

        .prod-buy-container .prod-buy-section .social-icons-section figure {
            margin: 0;
        }
}

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .social-icons-section {
        padding-top: 28px;
    }
}

@media screen and (max-width: 500px) {
    .prod-buy-container .prod-buy-section .social-icons-section {
        padding-top: 15px;
    }
}

.prod-buy-container .prod-buy-section .social-icons-section .social-icon-title {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    line-height: 24px;
    margin-bottom: 4px;
}

@media screen and (max-width: 500px) {
    .prod-buy-container .prod-buy-section .social-icons-section .social-icon-title {
        line-height: 16px;
        color: #273040;
    }
}

.prod-buy-container .prod-buy-section .social-icons-section .social-icon {
    width: 28px;
    margin-right: 10px;
}

@media (max-width: 991.98px) {
    .prod-buy-container .prod-buy-section .social-icons-section .social-icon {
        width: 42px;
        height: 42px;
    }
}

.prod-buy-container .prod-buy-section .btn-group {
    display: flex;
    flex-wrap: wrap;
}

    .prod-buy-container .prod-buy-section .btn-group a {
        margin: 20px 20px 0 0;
    }

@media (max-width: 767.98px) {
    .prod-buy-container .prod-buy-section .btn-group {
        justify-content: center;
    }
}

.prod-buy-container hr {
    margin: 0;
}

@media (min-width: 768px) {
    .prod-buy-container hr {
        margin: 0;
    }
}

.prod-video-container .component-title {
    margin: 0 0 15px 0;
}

@media (min-width: 768px) {
    .prod-video-container .component-title {
        margin: 0 0 35px 0;
    }
}

.prod-video-container .prod-video-wrapper {
    padding: 0px;
}

    .prod-video-container .prod-video-wrapper iframe {
        border-left: 0;
        height: 630px;
    }

@media only screen and (min-width: 1450px) and (max-width: 2000px) {
    .prod-video-container .prod-video-wrapper iframe {
        height: 750px;
    }
}

@media (max-width: 991.98px) {
    .prod-video-container .prod-video-wrapper iframe {
        height: 400px;
    }
}

@media only screen and (max-width: 500px) {
    .prod-video-container .prod-video-wrapper iframe {
        height: 220px;
    }
}

.prod-feature-container {
    width: 100%;
    padding-top: 0;
}

@media (max-width: 991.98px) {
    .prod-feature-container {
        padding-top: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .prod-feature-container .features-section {
        text-align: center;
    }

        .prod-feature-container .features-section img.d-lg-none {
            width: 70%;
        }
}

@media (max-width: 767.98px) {
    .prod-feature-container {
        padding-top: 40px;
    }
}

.prod-feature-container .features-section .feature-prod-wrapper {
    display: flex;
    flex-wrap: wrap;
}

    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature {
        color: #424C5F;
        margin-bottom: 31px;
        width: 45%;
        margin-right: 5%;
    }

        .prod-feature-container .features-section .feature-prod-wrapper .prod-feature .features-part {
            display: flex;
        }

            .prod-feature-container .features-section .feature-prod-wrapper .prod-feature .features-part .features-text {
                padding-left: 30px;
                align-items: center;
                justify-content: center;
                display: flex;
            }

@media (max-width: 991.98px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
    }

        .prod-feature-container .features-section .feature-prod-wrapper .prod-feature img {
            max-width: 100%;
        }
}

@media screen and (max-width: 500px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature img {
        width: 80px;
        height: 80px;
    }
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature p {
    font-size: 20px;
    line-height: 26px;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature p {
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 10px;
    }
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature em {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature .ilatic-heading {
    font-family: "OmnesMediumItalic", Helvetica, Roboto, Arial, sans-serif;
    line-height: 26px;
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature .desc-text-tile {
    display: inline;
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature .know-more {
    display: inline-block;
}

@media (max-width: 767.98px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature .know-more {
        display: block;
    }
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full {
    width: 100%;
    border-top: 1px solid #BFCCDD;
    padding-top: 40px;
    margin-top: 10px;
    text-align: center;
}

    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full {
        display: flex;
    }

@media screen and (max-width: 500px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .img-portion {
        width: 80px;
        height: 80px;
        display: flex;
    }
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .img-portion .bg-circle {
    padding: 32px 0px 23px 0px;
    border-radius: 50%;
    margin: 0;
    width: 107px;
    height: 107px;
    margin: 0 auto;
    border: 2px solid #424C5F;
    background-color: #fff;
}

    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .img-portion .bg-circle img {
        width: 76px;
        height: 52px;
    }

@media (max-width: 991.98px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .img-portion .bg-circle {
        height: auto;
        padding: 32px 20px 23px 20px;
    }

        .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .img-portion .bg-circle img {
            width: auto;
            height: auto;
        }
}

@media screen and (max-width: 500px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .img-portion .bg-circle {
        padding: 23px 10px 15px 10px;
    }
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .feature-part-full-desc {
    padding-left: 30px;
}

    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .feature-part-full-desc .desc-tile {
        text-align: left;
    }

        .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .feature-part-full-desc .desc-tile .ilatic-heading {
            line-height: 40px;
        }

@media (max-width: 767.98px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .feature-part-full-desc .desc-tile {
        padding-bottom: 10px;
    }

        .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full .feature-part-full-desc .desc-tile .ilatic-heading {
            line-height: 20px;
        }
}

.prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full p {
    text-align: left;
}

@media (max-width: 991.98px) {
    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature-full .feature-part-full {
        margin-top: 0px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
    .prod-feature-container .features-section {
        padding: 0 75px;
    }
}

.prod-feature-container .features-section.features-partial .features-section-left {
    padding-top: 40px;
}

@media screen and (max-width: 500px) {
    .prod-feature-container .features-section.features-partial .features-section-left {
        padding-top: 0;
    }
}

.prod-feature-container .features-section.features-partial .features-section-right {
    width: 90%;
    margin: 0 auto;
}

@media screen and (max-width: 500px) {
    .prod-feature-container .features-section.features-partial .features-section-right {
        width: 96%;
    }
}

.prod-feature-container .features-section.features-partial .features-section-right .img-wrapper {
    text-align: center;
}

    .prod-feature-container .features-section.features-partial .features-section-right .img-wrapper .feature-logo {
        margin: 0 auto;
    }

.prod-feature-container .features-section.features-partial .features-section-right .features-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    border-top: 2px solid #dfcbb7;
    justify-content: center;
}

    .prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature {
        display: flex;
        max-width: 50%;
        min-width: 50%;
        padding-bottom: 50px;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature {
        min-width: 50%;
    }
}

.prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-img {
    height: 100px;
    padding-right: 20px;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-img {
        padding-right: 6px;
        height: 60px;
    }
}

.prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-text {
    width: 54%;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-text {
        width: 100%;
        text-align: left;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-text {
        width: 60%;
    }
}

.prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-text h4 {
    color: #58585A;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    width: 76%;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-text h4 {
        width: 100%;
        font-size: 14px;
    }
}

.prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-text .desc {
    font-size: 14px;
    line-height: 20px;
    color: #58585A;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    max-width: 85%;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-partial .features-section-right .features-wrapper .feature .feature-text .desc {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
    }
}

.prod-feature-container .features-section.features-complete .features-section-top {
    text-align: center;
    border-bottom: 2px solid #dfcbb7;
    width: 85%;
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-top {
        width: 96%;
    }
}

.prod-feature-container .features-section.features-complete .features-section-top .feature-diaper {
    width: 30%;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-top .feature-diaper {
        width: 100%;
    }
}

.prod-feature-container .features-section.features-complete .features-section-bottom {
    width: 85%;
    margin: 0 auto;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-bottom {
        width: 96%;
    }
}

.prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    border-top: 2px solid #dfcbb7;
    justify-content: center;
}

    .prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature {
        display: flex;
        max-width: 25%;
        padding-bottom: 50px;
    }

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature {
        max-width: 50%;
        min-width: 50%;
    }
}

.prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-img {
    height: 100px;
    padding-right: 20px;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-img {
        padding-right: 6px;
        height: 60px;
    }
}

.prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-text {
    width: 54%;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-text {
        width: 100%;
        text-align: left;
    }
}

.prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-text h4 {
    color: #58585A;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    width: 80%;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-text h4 {
        width: 100%;
        font-size: 14px;
    }
}

.prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-text p {
    font-size: 14px;
    line-height: 20px;
    color: #58585A;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-bottom .features-wrapper .feature .feature-text p {
        width: 100%;
        font-size: 12px;
        line-height: 12px;
    }
}

.prod-feature-container .features-section.features-complete .features-section-left {
    width: 80%;
    margin: 0 auto;
}

.prod-feature-container .features-section.features-complete .features-section-right {
    padding-top: 80px;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-right {
        padding-top: 0;
    }
}

.prod-feature-container .features-section.features-complete .features-section-right .feature-logo {
    width: 60%;
}

@media screen and (max-width: 991px) {
    .prod-feature-container .features-section.features-complete .features-section-right .feature-logo {
        width: 100%;
    }
}

.what-goesin-container {
    padding: 30px 0 60px;
    border-top: 1px solid #00205c;
    border-bottom: 1px solid #00205c;
}

@media (max-width: 991.98px) {
    .what-goesin-container {
        padding: 40px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .what-goesin-container .new-main-heading {
        width: 70%;
        margin: 25px auto;
        line-height: 50px;
    }
}

@media only screen and (max-width: 500px) {
    .what-goesin-container {
        padding: 0 0 10px 0;
    }

        .what-goesin-container .new-main-heading {
            width: 60%;
            margin: 20px auto 11px;
            line-height: 35px;
        }
}

@media screen and (max-width: 320px) {
    .what-goesin-container .new-main-heading {
        width: 65%;
    }
}

.what-goesin-container p {
    width: 80%;
    margin: 10px auto;
    text-align: center;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #424C5F;
}

@media (max-width: 991.98px) {
    .what-goesin-container p {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .what-goesin-container p {
        font-size: 12px;
        line-height: 16px;
        text-align: left;
    }
}

.what-goesin-container .read-more-link {
    text-align: center;
}

.prod-review-container {
    width: 100%;
    padding: 30px 0 60px;
    margin-bottom: 14px;
    background-color: #F6F8FB;
}

@media (max-width: 991.98px) {
    .prod-review-container {
        padding: 20px 0 40px;
    }
}

.prod-review-container .new-main-heading {
    margin-bottom: 13px;
}

@media screen and (max-width: 500px) {
    .prod-review-container {
        padding-top: 0;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

        .prod-review-container .new-main-heading {
            margin-bottom: 4px;
        }
}

.prod-review-container .carousel-inner {
    width: 75%;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .prod-review-container .carousel-inner {
        width: 100%;
    }
}

.prod-review-container .content-header .heading-text {
    margin-bottom: 10px;
}

.prod-review-container .carousel-item {
    min-height: 200px;
}

@media (max-width: 991.98px) {
    .prod-review-container .carousel-item {
        min-height: 250px;
    }
}

@media (max-width: 767.98px) {
    .prod-review-container .carousel-item {
        min-height: 135px;
    }
}

.prod-review-container .user-review-carousal-header {
    margin-bottom: 20px;
}

@media screen and (max-width: 500px) {
    .prod-review-container .user-review-carousal-header {
        margin-bottom: 14px;
    }
}

.prod-review-container .user-review-carousal-header .profile-img-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

    .prod-review-container .user-review-carousal-header .profile-img-wrapper figure {
        width: 60px;
        height: 60px;
        background-color: rgba(191, 204, 221, 0.4);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

@media screen and (max-width: 500px) {
    .prod-review-container .user-review-carousal-header .profile-img-wrapper figure {
        width: 52px;
        height: 52px;
    }
}

.prod-review-container .user-review-carousal-header .profile-img-wrapper .user-name {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #424c5f;
    padding-left: 10px;
}

@media (max-width: 767.98px) {
    .prod-review-container .user-review-carousal-header .profile-img-wrapper .user-name {
        font-size: 24px;
        line-height: 40px;
    }
}

@media (max-width: 991.98px) {
    .prod-review-container .user-review-carousal-header .profile-img-wrapper .user-name {
        padding-left: 0px;
        margin-left: 5px;
        max-width: 50%;
    }
}

@media screen and (max-width: 500px) {
    .prod-review-container .user-review-carousal-header .profile-img-wrapper .user-name {
        margin-left: 9px;
        word-break: break-all;
        font-size: 12px;
        line-height: 16px;
        padding-left: 0px;
    }
}

.prod-review-container .user-review-carousal-header .user-star-review {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 991.98px) {
    .prod-review-container .user-review-carousal-header .user-star-review {
        flex-direction: column;
        align-items: flex-end;
    }
}

.prod-review-container .user-review-carousal-header .user-star-review .date {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 24px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 767.98px) {
    .prod-review-container .user-review-carousal-header .user-star-review .date {
        font-size: 18px;
        line-height: 40px;
    }
}

@media (max-width: 767.98px) {
    .prod-review-container .user-review-carousal-header .user-star-review .date {
        font-weight: 500;
    }
}

.prod-review-container .user-review-caption {
    margin-bottom: 30px;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
}

@media (max-width: 991.98px) {
    .prod-review-container .user-review-caption p {
        font-weight: 500;
        line-height: 26px;
        font-size: 20px;
    }
}

@media screen and (max-width: 500px) {
    .prod-review-container .user-review-caption {
        margin-bottom: 24px;
    }
}

.prod-review-container .carousel-indicators {
    position: static;
    flex-wrap: wrap;
}

@media screen and (mqx-width: 500px) {
    .prod-review-container .carousel-indicators {
        margin-bottom: 25px;
    }
}

.prod-review-container .prod-carousal .carousel-indicators li {
    width: 12px;
    height: 12px;
    background-color: #bfccdd;
    border-radius: 50%;
    border: none;
}

    .prod-review-container .prod-carousal .carousel-indicators li.active {
        width: 20px;
        border-radius: 10px;
        background-color: #00205c;
    }

.prod-review-container .add-review {
    padding-top: 24px;
}

@media (max-width: 991.98px) {
    .prod-review-container .add-review {
        padding-top: 50px;
    }
}

.prod-review-container .add-review .btn-red-add {
    width: 160px;
}

@media only screen and (max-width: 500px) {
    .prod-review-container .add-review {
        padding-top: 0;
    }

        .prod-review-container .add-review .btn-red-add {
            width: 136px;
            height: 29px;
            padding: 0;
            line-height: 24px;
            outline: none;
        }

            .prod-review-container .add-review .btn-red-add:focus, .prod-review-container .add-review .btn-red-add:hover, .prod-review-container .add-review .btn-red-add:active {
                outline: none;
            }
}

.rate {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 19px;
    color: #424C5F;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    display: flex;
}

@media (max-width: 991.98px) {
    .rate {
        line-height: 40px;
    }
}

@media (max-width: 767.98px) {
    .rate {
        font-size: 20px;
        line-height: 40px;
    }
}

.small-titles {
    color: #424C5F;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0px;
}

@media (max-width: 991.98px) {
    .small-titles {
        font-size: 20px;
        line-height: 40px;
    }
}

.main-star-rating {
    position: relative;
    display: flex;
    align-items: center;
}

    .main-star-rating .star-rating {
        position: relative;
        font-size: 18px;
        width: 100px;
        height: 28px;
        left: 7px;
        right: 5px;
        top: 0;
    }

        .main-star-rating .star-rating .star-rating-top {
            right: 0;
        }

        .main-star-rating .star-rating .star-rating-bottom {
            right: 0;
        }

.user-review-carousal-rating {
    display: flex;
    align-items: baseline;
}

    .user-review-carousal-rating .carousal-stars {
        padding-left: 5px;
    }

    .user-review-carousal-rating .rate {
        padding-left: 9px;
        width: 49px;
        text-align: right;
    }

@media (max-width: 767.98px) {
    .user-review-carousal-rating .rate {
        padding-left: 5px;
    }
}

.add-review-popup-form {
    position: relative;
}

    .add-review-popup-form .form-group {
        margin-bottom: 10px;
    }

    .add-review-popup-form .label-form {
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0.5px;
    }

@media (max-width: 767.98px) {
    .add-review-popup-form .label-form {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width: 500px) {
    .add-review-popup-form .label-form {
        font-size: 12px;
        line-height: 22px;
    }
}

.add-review-popup-form .form-check .label-form {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .add-review-popup-form .form-check .label-form {
        line-height: 40px;
    }
}

@media screen and (max-width: 500px) {
    .add-review-popup-form .form-check .label-form {
        line-height: 22px;
        margin-left: 10px;
        white-space: nowrap;
    }
}

.add-review-popup-form .name-container {
    display: flex;
    align-content: center;
    padding-bottom: 25px;
}

    .add-review-popup-form .name-container .user-name {
        /*input[value="Anonymous"] {
                color: #424C5F;
                
            }*/
    }

.add-review-ratings {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

    .add-review-ratings .add-star-review .main-star-rating .star-rating {
        left: 0;
        right: 0;
    }

    .add-review-ratings .add-star-review .add-review-user-star-rating {
        display: flex;
        align-items: center;
        padding-top: 8px;
    }

@media (max-width: 767.98px) {
    .add-review-ratings .add-star-review .add-review-user-star-rating {
        height: 55px;
    }
}

.add-review-ratings .add-star-review .add-review-user-star-rating .jq-star {
    cursor: pointer;
}

.add-review-ratings .add-star-review .add-review-user-star-rating .rate {
    padding-left: 9px;
    width: 49px;
    text-align: right;
}

@media (max-width: 767.98px) {
    .add-review-ratings .add-star-review .add-review-user-star-rating .rate {
        padding-left: 5px;
    }
}

@media screen and (max-width: 500px) {
    .add-review-ratings .add-star-review .add-review-user-star-rating .rate {
        width: 40px;
    }
}

.user-comments {
    position: relative;
}

    .user-comments textarea {
        box-sizing: border-box;
        height: 121px;
        resize: none;
    }

@media (max-width: 767.98px) {
    .user-comments textarea {
        height: 202px;
        font-size: 14px;
    }
}

.user-comments textarea::placeholder {
    font-style: normal;
}

.user-comments .comments-char {
    position: absolute;
    top: 0;
    right: 0;
    color: #424C5F;
    letter-spacing: 0.5px;
    font-size: 18px;
    line-height: 24px;
}

@media (max-width: 991.98px) {
    .user-comments .comments-char {
        width: 50%;
        top: -25px;
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
    .user-comments .comments-char {
        font-size: 20px;
        line-height: 26px;
        width: 50%;
        top: 0px;
    }
}

@media only screen and (max-width: 500px) {
    .user-comments .comments-char {
        font-size: 12px;
        margin-bottom: 0;
        top: 0px;
        width: 57%;
    }
}

.bottom-content {
    /*margin-left: -35px;*/
}

@media (max-width: 991.98px) {
    .bottom-content {
        /*margin-left: -23px;*/
    }

        .bottom-content .btn-submit {
            font-size: 24px;
        }
}

@media (max-width: 767.98px) {
    .bottom-content {
        margin-left: 0;
        padding-top: 15px;
    }
}

.bottom-content .terms-text {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 40px;
    color: #424C5F;
    letter-spacing: 0.5px;
}

@media (max-width: 767.98px) {
    .bottom-content .terms-text {
        padding-bottom: 50px;
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 991.98px) {
    .bottom-content .terms-text {
        font-size: 18px;
    }
}

.bottom-content .terms-text a {
    color: #424C5F;
    border-bottom: 1px solid #424C5F;
}

    .bottom-content .terms-text a:hover {
        text-decoration: none;
    }

#addReviewModal .bottom-content .terms-text a {
    color: #00205c;
    border-bottom: none;
}

    #addReviewModal .bottom-content .terms-text a:hover {
        text-decoration: underline;
    }

@media (max-width: 767.98px) {
    .success-popup .modal-body {
        min-height: 740px;
        display: flex;
        align-items: center;
        padding: 40px 25px !important;
    }
}

.success-popup .modal-body .submitted-review-text {
    margin: 29px 0px 51px;
}

    .success-popup .modal-body .submitted-review-text .popup-bold-text {
        padding: 0px 0px 20px 0px !important;
    }

        .success-popup .modal-body .submitted-review-text .popup-bold-text.hello-text {
            padding: 0 !important;
            margin: 0 !important;
        }

        .success-popup .modal-body .submitted-review-text .popup-bold-text .submitted-text-user {
            color: #424C5F;
            font-size: 32px;
            font-weight: 500;
            line-height: 40px;
        }

@media (max-width: 767.98px) {
    .success-popup .modal-body .submitted-review-text .popup-bold-text .submitted-text-user {
        font-size: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .success-popup .modal-body .submitted-review-text .popup-bold-text .submitted-text-user {
        font-size: 18px;
    }
}

#product-decription {
    height: auto;
    position: relative;
}

    #product-decription.large-productDesc {
        height: 200px;
        overflow: hidden;
        position: relative;
        margin-bottom: 20px;
    }

        #product-decription.large-productDesc .read-more-pdtdesc {
            position: absolute;
            bottom: 0;
            right: 0;
            font-size: 16px;
            line-height: 30px;
            color: #009bde;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-weight: 500;
            text-decoration: none;
        }

            #product-decription.large-productDesc .read-more-pdtdesc span.icon-Arrow-up_defaut {
                display: inline-block;
                transform: rotate(90deg);
                font-size: 9px;
                vertical-align: middle;
                margin-left: 3px;
                margin-top: 0px;
            }

            #product-decription.large-productDesc .read-more-pdtdesc img {
                width: 14px;
                margin-left: 4px;
            }

        #product-decription.large-productDesc .ellipsis {
            position: absolute;
            bottom: 0;
            right: 180px;
            background-color: #fff;
        }

    #product-decription .read-less-pdtdesc {
        position: absolute;
        right: 0;
        background-color: #fff;
        color: #009BDE;
        text-align: center;
        font-family: "OmnesMedium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        width: auto;
        bottom: 14px;
    }

        #product-decription .read-less-pdtdesc img {
            width: 14px;
            transform: scaleY(-1);
        }

@media screen and (max-width: 991px) {
    .prod-buy-container .prod-slider-section .prod-view-slider {
        padding: 48px 0 30px 0;
    }

        .prod-buy-container .prod-slider-section .prod-view-slider .carousel-inner {
            width: 65%;
        }

        .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators {
            position: relative;
            bottom: 20px;
            padding-top: 34px;
        }

            .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li {
                margin: 0 49px;
                opacity: .8;
            }

                .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li .slider-indicator-img {
                    width: 68px;
                    height: 68px;
                }

    .live-rating,
    .total-rating {
        font-weight: 500;
        line-height: 40px !important;
    }

    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature .ilatic-heading {
        font-weight: 500;
    }
}

@media screen and (max-width: 500px) {
    .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }

        .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li {
            margin: 0 46px;
        }

            .prod-buy-container .prod-slider-section .prod-view-slider .carousel-indicators li .slider-indicator-img {
                position: relative;
                top: -15px;
                left: -35px;
            }
}

/*buy popup starts*/
.buy-popup .modal-body {
    padding: 40px 50px 21px !important;
}

@media (max-width: 767.98px) {
    .buy-popup .modal-body {
        padding: 25px 0px 21px !important;
        align-items: flex-start !important;
    }
}

.buy-popup .modal-body .popup-bold-text {
    padding: 35px 0px 25px !important;
}

@media screen and (max-width: 500px) {
    .buy-popup .modal-body .popup-bold-text {
        padding: 30px 0 25px !important;
    }
}

.buy-popup .modal-body .slect-pack-size {
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #BFCCDD;
}

    .buy-popup .modal-body .slect-pack-size .select-pack-text {
        margin-bottom: 5px;
    }

    .buy-popup .modal-body .slect-pack-size .select-size-group {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .buy-popup .modal-body .slect-pack-size .select-size-group a {
            text-decoration: none;
            color: #273040;
        }

@media (max-width: 991.98px) {
    .buy-popup .modal-body .slect-pack-size .select-size-group a:last-child {
        margin-right: 0px;
    }
}

.buy-popup .modal-body .slect-pack-size .select-size-group .select-size-button {
    box-sizing: border-box;
    height: 70px;
    width: 60px;
    border: 2px solid #BFCCDD;
    border-radius: 8px;
    background-color: #F6F8FB;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 30px;
}

    .buy-popup .modal-body .slect-pack-size .select-size-group .select-size-button:hover, .buy-popup .modal-body .slect-pack-size .select-size-group .select-size-button:focus, .buy-popup .modal-body .slect-pack-size .select-size-group .select-size-button.active {
        border: 2px solid #00205c;
        background-color: #00205c;
        color: #ffffff;
    }

@media screen and (max-width: 500px) {
    .buy-popup .modal-body .slect-pack-size {
        font-size: 16px;
    }

        .buy-popup .modal-body .slect-pack-size .select-size-group .select-size-button {
            height: 55px;
            width: 45px;
        }
}

.buy-now-section .buy-now-prod-option {
    padding-top: 9px;
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option {
        padding-top: 7px;
    }
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .slimScrollBar {
    height: 112px !important;
    opacity: 0.5 !important;
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .store-list {
    list-style-type: none;
}

    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li {
        padding: 0px 59px 0px 55px;
        margin: 15px 0;
        /*@media screen and (max-width:500px){
                        margin-bottom: 42px;
                    }*/
    }

@media (max-width: 991.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li {
        padding: 0px 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li {
        padding: 0px 30px 0px;
        margin-bottom: 35px;
    }
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image {
    display: flex;
    align-items: center;
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image {
        flex-direction: column;
        align-items: flex-start;
    }
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure {
    max-width: 165px;
    max-height: 106px;
}

@media (max-width: 991.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure {
        max-width: 180px;
        max-height: 115px;
    }

        .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure .store-image {
            max-width: 180px;
            max-height: 115px;
            width: 180px;
        }
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure {
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        min-width: 170px;
        max-width: 170px;
        max-height: 115px;
    }
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure .store-image {
    padding-right: 30px;
    max-width: 165px;
    max-height: 106px;
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure .store-image {
        padding: 0px;
        max-width: 170px;
        max-height: 115px;
    }
}

@media screen and (max-width: 500px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure {
        min-width: 115px;
        max-width: 115px;
        min-height: 50px;
        max-height: initial;
    }

        .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image figure .store-image {
            max-width: 115px;
            max-height: 128px;
            width: 115px;
        }
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image span {
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #424C5F;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 26px;
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image span {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    }
}

@media screen and (max-width: 500px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .prod-title-image span {
        font-size: 14px;
    }
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .store-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .store-button {
        height: 100%;
    }
}

@media screen and (max-width: 500px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .store-button {
        align-items: flex-start;
    }
}

.buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .store-button .btn-to-store {
    width: 220px;
    height: 50px;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 767.98px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .store-button .btn-to-store {
        width: 220px;
        height: 60px;
        padding: 15px 0px;
    }
}

@media screen and (max-width: 500px) {
    .buy-now-section .buy-now-prod-option .buy-now-option-main .store-list li .store-button .btn-to-store {
        font-size: 14px;
        width: 136px;
        height: 35px;
        padding: 10px 0px;
        line-height: 12px;
        margin-top: 10px;
    }
}

/*buy popup ends*/
.select-wrapper {
    position: relative;
    /*style the arrow inside the select element:*/
    /*point the arrow upwards when the select box is open (active):*/
    /*style the items (options), including the selected item:*/
    /*style items (options):*/
    /*hide the items when the select box is closed:*/
}

    .select-wrapper .select-selected {
        background-color: #FFFFFF;
        position: relative;
        z-index: 99;
    }

        .select-wrapper .select-selected:after {
            position: absolute;
            content: "";
            right: 0px;
            top: 25%;
            width: 40px;
            height: 25px;
            background: url(./../../../../../../src/Project/andrexMB/code/Images/select-down-arrow.svg) no-repeat right 15px center;
        }

@media (max-width: 991.98px) {
    .select-wrapper .select-selected:after {
        top: 25%;
        background-position: right 5px center;
    }
}

@media (max-width: 767.98px) {
    .select-wrapper .select-selected:after {
        background-position: right 20px center;
    }
}

.select-wrapper .select-selected.select-arrow-active:after {
    width: 40px;
    height: 25px;
    background: url(./../../../../../../src/Project/andrexMB/code/Images/up-arrow.svg) no-repeat right 15px center;
}

@media (max-width: 991.98px) {
    .select-wrapper .select-selected.select-arrow-active:after {
        top: 25%;
        background-position: right 5px center;
    }
}

@media (max-width: 767.98px) {
    .select-wrapper .select-selected.select-arrow-active:after {
        background-position: right 20px center;
    }
}

.select-wrapper .select-items div,
.select-wrapper .select-selected {
    color: #273040;
    padding: 8px 16px;
    border: 1px solid #BFCCDD;
    border-radius: 8px;
    font-size: 20px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    cursor: pointer;
    user-select: none;
}

.select-wrapper .select-items div {
    border: 0;
    padding: 10px 8px;
    font-size: 18px;
    border-bottom: 1px solid #BFCCDD;
    border-radius: 0;
}

    .select-wrapper .select-items div:hover {
        color: #00205c;
        border-radius: 0;
        border: 0;
    }

    .select-wrapper .select-items div:last-child {
        border-bottom: 0;
    }

.select-wrapper .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0px;
    right: 0;
    z-index: 90;
    border-bottom-left-radius: 8px;
    top: 93%;
    border-bottom-right-radius: 8px;
    border: 1px solid #BFCCDD;
    border-top: 0;
    width: 100%;
    padding: 8px 16px;
}

.select-wrapper .select-hide {
    display: none;
}

.select-wrapper .select-items div:hover,
.select-wrapper .same-as-selected {
    border-radius: 8px;
    background-color: #F6F8FB;
}

@media screen and (max-width: 500px) {
    .live-rating,
    .total-rating,
    .rate {
        font-size: 12px;
        line-height: 16px !important;
    }

    .small-titles {
        font-size: 12px;
        line-height: 16px;
    }

    .prod-buy-container .prod-buy-section .prod-rating .prod-review-count a {
        font-size: 12px;
        line-height: 16px;
    }

    .prod-buy-container .prod-buy-section .prod-rating .prod-review-count p {
        height: 12px;
    }

    .prod-buy-container .prod-buy-section .social-icons-section .social-icon {
        width: 21px;
        height: 21px;
        margin-right: 9px;
    }

    .prod-buy-container .prod-buy-section .prod-desc {
        font-size: 12px;
        line-height: 16px;
        padding: 15px 0;
        letter-spacing: 0.25px;
    }

    .prod-buy-container .prod-buy-section .prod-select .select-wrapper label {
        font-size: 12px;
        line-height: 16px !important;
        letter-spacing: 0.25px;
        padding-bottom: 4.7px;
    }

    .prod-buy-container .prod-buy-section .prod-select .select-wrapper select {
        font-size: 12px;
    }

    .prod-buy-container .prod-buy-section .prod-select .buy-prod .btn-buy-prod {
        font-size: 12px;
        line-height: 16px;
        padding: 9px 16px;
    }

    .prod-feature-container .features-section .feature-prod-wrapper .prod-feature p {
        font-size: 14px;
        line-height: 20px;
    }

    .prod-review-container .user-review-carousal-header figure .user-name {
        font-size: 14px;
        line-height: 28px;
    }

    .prod-review-container .user-review-carousal-header .user-star-review .date {
        font-size: 12px;
        line-height: 16px;
    }

    .prod-review-container .user-review-caption p {
        font-size: 12px;
        line-height: 16px;
    }
}

@media screen and (max-width: 500px) {
    #buyNowModal .modal-body {
        align-items: center !important;
    }

    #buyNowModal .content-header .heading-text {
        margin-top: 0;
        line-height: 26px;
    }

    #buyNowModal .content-header .read-more-link {
        padding-bottom: 10px !important;
    }

    #buyNowModal .content-header .popup-bold-text {
        line-height: 30px;
    }

    #buyNowModal .bottom-content .btn-submit {
        padding: 5px 27px;
        font-size: 16px;
        width: 50%;
    }
}

#addReviewModal .content-header .heading-text {
    text-transform: none;
}

@media screen and (max-width: 500px) {
    #addReviewModal .content-header .heading-text {
        margin-top: 0;
    }
}

@media screen and (max-width: 500px) {
    #addReviewModal .user-name {
        width: 40% !important;
        margin: 0 8% 0 0;
    }

        #addReviewModal .user-name .input-field-text {
            font-size: 14px;
            height: 40px;
        }

            #addReviewModal .user-name .input-field-text::placeholder {
                font-size: 14px;
            }

    #addReviewModal .user-comments textarea::placeholder {
        font-size: 14px;
    }

    #addReviewModal .bottom-content {
        padding-top: 5px;
    }

        #addReviewModal .bottom-content .terms-text {
            font-size: 14px;
            padding-bottom: 20px;
        }

        #addReviewModal .bottom-content .btn-submit {
            font-size: 14px;
            padding: 5px 17px;
            width: 45%;
        }
}

@media screen and (max-width: 500px) {
    #submittedReviewModal .modal-body {
        padding: 15px 0 40px;
        min-height: 640px;
        align-items: flex-start;
    }

        #submittedReviewModal .modal-body .content-header .heading-text {
            margin-top: 0;
        }
}

@media screen and (max-width: 500px) {
    #submittedReviewModal .modal-body .submitted-review-text .popup-bold-text .submitted-text-user {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    #submittedReviewModal .modal-body .submitted-review-text {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 500px) {
    #submittedReviewModal .modal-body .bottom-content {
        padding-top: 0;
    }

        #submittedReviewModal .modal-body .bottom-content .btn-submit {
            font-size: 14px;
            padding: 0;
            width: 136px;
            height: 30px;
        }
}

@media screen and (min-width: 768px) {
    .prod-buy-container .col-12.col-lg-5.padding-right-0 {
        position: relative;
    }

        .prod-buy-container .col-12.col-lg-5.padding-right-0 hr {
            position: absolute;
            width: 100%;
            bottom: 0;
        }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .prod-buy-container .col-12.col-lg-5.padding-right-0 {
        position: relative;
    }

        .prod-buy-container .col-12.col-lg-5.padding-right-0 hr {
            bottom: 2px;
            width: 96%;
            margin-left: 0;
        }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .prod-buy-container .col-12.col-lg-5.padding-right-0 hr {
        bottom: 17px;
    }
}

@supports (-ms-accelerator: true) {
    .prod-buy-container .col-12.col-lg-5.padding-right-0 hr {
        bottom: 17px;
    }
}

@supports (-ms-ime-align: auto) {
    .prod-buy-container .col-12.col-lg-5.padding-right-0 hr {
        bottom: 17px;
    }
}

@media only screen and (max-width: 500px) {
    .prod-buy-container .prod-buy-section {
        padding-top: 15px;
    }

        .prod-buy-container .prod-buy-section .content-header h1.heading-text {
            margin-top: 0;
            line-height: 20px;
        }

        .prod-buy-container .prod-buy-section .prod-rating {
            padding-top: 4px;
        }

            .prod-buy-container .prod-buy-section .prod-rating .product-star-rating {
                width: auto;
            }

                .prod-buy-container .prod-buy-section .prod-rating .product-star-rating .rate {
                    width: auto;
                    line-height: 16px !important;
                }

                    .prod-buy-container .prod-buy-section .prod-rating .product-star-rating .rate .live-rating {
                        width: auto;
                        padding-left: 5px;
                        line-height: 16px;
                    }

    .prod-feature-container .new-main-heading {
        margin: 10px 0 8px;
    }

    .prod-feature-container .features-section {
        padding: 0 0 20px 0;
        text-align: center;
    }

    .prod-feature-container h1.heading-text {
        margin-top: 0;
    }

    .prod-video-container {
        padding: 0;
    }

        .prod-video-container .new-main-heading {
            margin: 0 0 8px;
        }

        .prod-video-container h1.heading-text {
            margin-top: 0;
        }

    .prod-review-container h1.heading-text {
        margin-top: 0;
    }

    .prod-review-container #userReviewCarousel .rate {
        width: auto;
    }

    .prod-review-container #userReviewCarousel .live-rating {
        width: auto;
    }

    .modal#addReviewModal .modal-container .modal-content .modal-body .container .popup-bold-text {
        padding: 10px 0 20px;
    }
}

.features-ingredients {
    padding: 0 0 14px;
}

    .features-ingredients .component-title {
        margin-bottom: 30px;
    }

@media (min-width: 992px) {
    .features-ingredients .component-title {
        margin-bottom: 60px;
    }
}

.features-ingredients img {
    width: 200px;
}

@media (min-width: 992px) {
    .features-ingredients img {
        width: auto;
    }
}

.features-ingredients .animate-image-left,
.features-ingredients .animate-image-right {
    height: 95px;
}

.features-ingredients .animate-block {
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

    .features-ingredients .animate-block.reverse {
        -webkit-transition: all 1000ms ease-in-out;
        -moz-transition: all 1000ms ease-in-out;
        -o-transition: all 1000ms ease-in-out;
        transition: all 1000ms ease-in-out;
    }

.features-ingredients .animate-image-left {
    transform: translateX(-20%);
}

@media (min-width: 768px) {
    .features-ingredients .animate-image-left {
        transform: translateX(-90%);
    }
}

.features-ingredients .animate-image-left.reverse {
    transform: translateX(0%) !important;
}

.features-ingredients .animate-image-left.animate-left {
    transform: translateX(-20%);
}

.features-ingredients .animate-image-right {
    transform: translateX(20%);
}

    .features-ingredients .animate-image-right.reverse {
        transform: translateX(0%);
    }

.features-ingredients .features-ingredients-wrap .title {
    font-size: 10px;
    line-height: 12.5px;
    color: #00205C;
    margin-bottom: 8px;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
}

@media (max-width: 767.98px) {
    .features-ingredients .features-ingredients-wrap .title {
        font-size: 18px;
        line-height: 25px;
    }
}

.features-ingredients .features-ingredients-wrap .description {
    font-size: 9px;
    line-height: 12.5px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #00205C;
    font-weight: 300;
}

@media (max-width: 767.98px) {
    .features-ingredients .features-ingredients-wrap .description {
        font-size: 14px;
        line-height: 20px;
    }
}

.features-ingredients .features-ingredients-block .wow.animate__fadeInRight.reverse {
    transform: translateX(20%);
}

.features-ingredients .features-ingredients-block .wow.animate__fadeInLeft.reverse {
    transform: translateX(-20%);
}

.features-ingredients .features-ingredients-block:last-child .features-ingredients-wrap {
    border-bottom: 2px dotted #F5ECD9;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .features-ingredients {
        padding: 0 0;
    }

        .features-ingredients .animate-image-left {
            position: absolute;
            right: 0;
            top: -128px;
            height: 200px;
        }

        .features-ingredients .animate-image-right {
            position: absolute;
            left: 0;
            top: -150px;
            height: 256px;
            opacity: 0.9;
        }

        .features-ingredients .features-ingredients-block {
            margin-bottom: 150px;
            align-items: center;
        }

            .features-ingredients .features-ingredients-block:last-child {
                margin-bottom: 0;
            }

                .features-ingredients .features-ingredients-block:last-child .features-ingredients-wrap {
                    padding: 0 0 50px 0;
                }

        .features-ingredients .features-ingredients-wrap .title {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 10px;
        }

        .features-ingredients .features-ingredients-wrap .description {
            font-size: 15px;
            line-height: 25px;
        }
}

.product-types .title-component {
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 75px;
}

@media (min-width: 768px) {
    .product-types .title-component {
        line-height: 40px;
        margin-bottom: 10x;
    }
}

@media (max-width: 767.98px) {
    .product-types .title-component {
        margin-top: 3px;
    }
}

.product-types .view-link {
    color: #EA1B23;
    font-size: 12px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    padding: 0 0 20px 0;
}

@media (min-width: 992px) {
    .product-types .view-link {
        font-size: 20px;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .product-types .content-box {
        padding: 0;
        margin: 60px 0 0;
    }
}

@media (max-width: 767.98px) {
    .product-types .content-box .content-item {
        padding: 0;
        margin: 0 0 30px 0;
    }

        .product-types .content-box .content-item:last-child {
            margin: 0;
        }
}

@media (min-width: 576px) {
    .product-types .content-box .content-item {
        padding: 0;
        margin: 0 0 48px 0;
    }
}

@media (min-width: 992px) {
    .product-types .content-box .content-item {
        padding: 0;
        margin: 0 0 52px 0;
        border: none;
    }
}

.product-types .content-box .content-item .text-content {
    position: relative;
    padding: 17px 7px 0 12px;
    text-align: center;
}

@media (min-width: 992px) {
    .product-types .content-box .content-item .text-content {
        border: 0;
        padding: 0;
        border-bottom: 1px solid rgba(234, 27, 35, 0.5);
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-left: 10px;
        text-align: left;
    }
}

.product-types .content-box .content-item .text-content .product-title {
    font-size: 22px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    padding: 0 0 5px;
    margin: 0;
}

@media (min-width: 768px) {
    .product-types .content-box .content-item .text-content .product-title {
        font-size: 26px;
        line-height: 26px;
    }
}

.product-types .content-box .content-item .text-content .product-description {
    font-size: 20px;
    line-height: 24px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    color: #000;
    margin: 0;
}

@media (max-width: 767.98px) {
    .product-types .content-box .content-item .text-content .product-description {
        font-size: 16px;
        line-height: 20px;
    }
}

.product-types .content-box .content-item .text-content .btn-section {
    position: unset;
    margin-top: 15px;
}

@media (min-width: 992px) {
    .product-types .content-box .content-item .text-content .btn-section {
        position: absolute;
        bottom: 0;
        margin: 20px 0 28px 0;
    }
}

.product-types .content-box .content-item .text-content .btn-section a.buy-btn {
    margin-right: 15px;
}

.product-types .content-box .content-item .image-content {
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 213px;
    padding:10px;
}

@media (min-width: 768px) {
    .product-types .content-box .content-item .image-content {
        width: 100%;
        height: 282px;
    }
}

@media (min-width: 1200px) {
    .product-types .content-box .content-item .image-content {
        width: 365px;
        height: 282px;
    }
}

@media (min-width: 1366px) {
    .product-types .content-box .content-item .image-content {
        width: 384px;
        height: 282px;
    }
}

.product-types .content-box .content-item .image-content img {
    position: absolute;
    top: 35px;
    width: 210px;
    height: auto;
    max-width:100%;
}

@media (max-width: 767.98px) {
    .product-types .content-box .content-item .image-content img {
        max-height: 220px;
    }
}

@media (min-width: 768px) {
    .product-types .content-box .content-item .image-content img {
        width: auto;
        height: auto;
        max-height: 290px;
    }
}

@media (min-width: 992px) {
    .product-types .content-box .content-item .image-content img {
        width: auto;
        height: auto;
        max-height: initial;
    }
}

.product-types .content-box .content-item .image-content img.product-parallax {
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

    .product-types .content-box .content-item .image-content img.product-parallax.reverse {
        -webkit-transition: all 1000ms ease-in-out;
        -moz-transition: all 1000ms ease-in-out;
        -o-transition: all 1000ms ease-in-out;
        transition: all 1000ms ease-in-out;
    }

.product-types .content-box .content-item .image-content img.top-parallax {
    position: relative;
    transform: translateY(-6%);
    max-width:100%;
}

    .product-types .content-box .content-item .image-content img.top-parallax.reverse {
        transform: translateY(0%) !important;
    }

.product-types .content-box .content-item:nth-child(even) .image-content {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

@media (min-width: 992px) {
    .product-types .content-box .content-item:nth-child(even) .text-content {
        border-radius: 0;
    }
}

.product-types .content-box .content-item:nth-child(odd) .col-lg-8 {
    padding-right: 0;
}

@media (min-width: 992px) {
    .product-types .content-box .content-item:nth-child(odd) .col-lg-8 .text-content {
        border-radius: 0;
        margin-left: 10px;
    }
}

.product-types .content-box .content-item:nth-child(odd) .image-content {
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

.notes {
    margin-bottom: 30px;
}

    .notes .notes-wrap {
        background: rgba(238, 238, 238, 0.5);
        border-radius: 15px;
        padding: 25px 10px;
    }

@media (min-width: 768px) {
    .notes .notes-wrap {
        padding: 25px 20px 19px 47px;
    }
}

.notes .notes-wrap .title-component {
    padding: 0px 0 24px 0;
}

@media (min-width: 768px) {
    .notes .notes-wrap .title-component {
        padding: 0;
    }
}

.notes .notes-wrap .notes-content ul {
    list-style: none;
    padding: 0 0 0 15px;
}

    .notes .notes-wrap .notes-content ul li {
        color: #4F4F4F;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 11px;
        line-height: 14px;
    }

@media (min-width: 768px) {
    .notes .notes-wrap .notes-content ul li {
        font-size: 18px;
        line-height: 30px;
    }
}

.notes .notes-wrap .notes-content ul li::before {
    content: "•";
    color: #000;
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .notes .notes-wrap .notes-content ul li::before {
        width: 25px;
        margin-left: -25px;
        font-size: 40px;
    }
}

.product-detail .prod-video-container .component-title {
    margin: 0 0 20px;
    line-height: 0;
}

@media (min-width: 768px) {
    .product-detail .prod-video-container .component-title {
        margin: 0 0 35px;
    }
}

.product-detail .prod-buy-section {
    padding: 0 0 30px 0;
    border-bottom: 1px solid rgba(147, 149, 152, 0.5);
}

@media (max-width: 575.98px) {
    .product-detail .prod-buy-section {
        margin: 0 10px;
    }
}

@media (min-width: 992px) {
    .product-detail .prod-buy-section {
        padding: 0 0 30px 0;
        margin-left: 9px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

.product-detail .prod-buy-section .product-title {
    font-size: 22px;
    line-height: 26px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    text-align: center;
}

    .product-detail .prod-buy-section .product-title span {
        white-space: nowrap;
    }

@media (min-width: 768px) {
    .product-detail .prod-buy-section .product-title {
        line-height: 26px;
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .product-detail .prod-buy-section .product-title {
        text-align: left;
    }
}

@media (max-width: 575.98px) {
    .product-detail .prod-buy-section .product-title {
        margin-bottom: 0;
    }
}

.product-detail .prod-buy-section .product-description {
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .product-detail .prod-buy-section .product-description {
        text-align: left;
        justify-content: left;
    }
}

@media (max-width: 991.98px) {
    .product-detail .prod-buy-section .product-description {
        margin: 0 15%;
    }
}

.product-detail .prod-buy-section .product-description p {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .product-detail .prod-buy-section .product-description p {
        font-size: 20px;
        line-height: 24px;
    }
}

.product-detail .prod-buy-section .product-description ul {
    margin-bottom: 0;
    padding: 0;
}

@media (min-width: 992px) {
    .product-detail .prod-buy-section .product-description ul {
        padding-left: 24px;
    }
}

.product-detail .prod-buy-section .product-description ul li {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 10px;
    line-height: 14px;
}

@media (min-width: 768px) {
    .product-detail .prod-buy-section .product-description ul li {
        line-height: 20px;
        font-size: 10px;
    }
}

.product-detail .prod-buy-section .product-description ul li span {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .product-detail .prod-buy-section .product-description ul li span {
        font-size: 20px;
        line-height: 24px;
    }
}

.product-detail .prod-buy-section .buy-prod {
    text-align: left;
    margin-top: 20px;
}

    .product-detail .prod-buy-section .buy-prod .review-star-rating {
        margin-bottom: 10px;
    }

    .product-detail .prod-buy-section .buy-prod .absorption-level {
        margin-bottom: 13px;
    }

@media (min-width: 992px) {
    .product-detail .prod-buy-section .buy-prod {
        margin-top: auto;
        text-align: left;
    }

        .product-detail .prod-buy-section .buy-prod .review-star-rating {
            margin-bottom: 19px;
        }

        .product-detail .prod-buy-section .buy-prod .absorption-level {
            margin-bottom: 14px;
        }
}

.product-detail .prod-buy-section .buy-prod .buy-now-social-share {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .product-detail .prod-buy-section .buy-prod .buy-now-social-share {
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.product-detail .prod-buy-section .buy-prod .social-share {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .product-detail .prod-buy-section .buy-prod .social-share {
        margin-left: auto;
        margin-top: 0;
    }
}

.product-detail .prod-buy-section .buy-prod .social-share .text {
    font-size: 16px;
    line-height: 30px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    padding-right: 5px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .product-detail .prod-buy-section .buy-prod .social-share .text {
        font-size: 20px;
        padding-right: 6px;
        vertical-align: middle;
    }
}

.product-detail .prod-buy-section .buy-prod .social-share a:first-of-type {
    padding-right: 5px;
}

@media (min-width: 768px) {
    .product-detail .prod-buy-section .buy-prod .social-share a:first-of-type {
        padding-right: 10px;
    }
}

.product-detail .prod-buy-section .buy-prod .social-share a img {
    width: 30px;
    height: 30px;
}

@media (min-width: 768px) {
    .product-detail .prod-buy-section .buy-prod .social-share a img {
        width: 40px;
        height: 40px;
    }
}

.product-detail .prod-buy-section .buy-prod .social-share a.social-icon {
    position: relative;
    cursor: pointer;
}

    .product-detail .prod-buy-section .buy-prod .social-share a.social-icon .js-copy-clipboard-text {
        width: 339px;
        height: auto;
        background-color: #000;
        color: #fff;
        text-align: center;
        padding: 16px 36px 16px;
        border-radius: 5px;
        position: absolute;
        z-index: 1;
        font-size: 18px;
        line-height: 24px;
        bottom: -99px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        right: -20px;
    }

@media (max-width: 767.98px) {
    .product-detail .prod-buy-section .buy-prod .social-share a.social-icon .js-copy-clipboard-text {
        width: 164px;
        height: 58px;
        font-size: 12px;
        line-height: 18px;
        padding: 13px 10px 12px;
        top: 36px;
        text-align: center;
        right: -63px;
    }
}

.product-detail .prod-buy-section .buy-prod .social-share a.social-icon .js-copy-clipboard-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    margin-left: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    transform: rotateZ(180deg);
    right: 30px;
}

@media (max-width: 767.98px) {
    .product-detail .prod-buy-section .buy-prod .social-share a.social-icon .js-copy-clipboard-text::after {
        right: 43%;
    }
}

.product-detail .prod-buy-section .buy-prod a.btn-buy-prod {
    background-color: #EA1B23;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    width: 110px;
    line-height: 22px;
    display: inline-block;
    padding: 5px 0;
    text-decoration: none;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    transition: none;
}

@media screen and (min-width: 321px) {
    .product-detail .prod-buy-section .buy-prod a.btn-buy-prod {
        width: 150px;
        font-size: 20px;
        padding: 6px 0 8px;
    }
}

.product-detail .prod-buy-section .buy-prod a.btn-buy-prod.btn-primary:hover, .product-detail .prod-buy-section .buy-prod a.btn-buy-prod.btn-primary:focus, .product-detail .prod-buy-section .buy-prod a.btn-buy-prod.btn-primary:active {
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
    color: #FFF;
    border: 0 !important;
}

.product-detail .product-detail-carousel {
    margin: 0 0 10px 0;
    position: relative;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel {
        margin: 0;
    }
}

.product-detail .product-detail-carousel .product-detail-bg img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}

.product-detail .product-detail-carousel #productViewCarousel {
    padding: 0 0 21px;
    text-align: center;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel {
        padding: 0;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-inner {
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
    border: 1px solid #EA1B23;
    padding: 23px 0 26px 0;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-inner {
        padding: 38px 0 70px 0;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-inner .carousel-item img {
    width: auto;
    height: 162px;
}

@media (min-width: 576px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-inner .carousel-item img {
        width: auto;
        height: 200px;
    }
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-inner .carousel-item img {
        width: auto;
        height: 240px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 37px 0;
    z-index: 4;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-indicators {
        padding: 0 0 34px;
        position: relative;
        bottom: 32px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li {
    width: unset;
    margin: 0 8px;
    background-color: transparent;
    border: none;
    opacity: 1;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li {
        margin: 0 10px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li:first-child {
    margin-left: 0;
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li:last-child {
    margin-right: 0;
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li.active {
    position: relative;
    top: -2px;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li.active {
        top: -6px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li.active .slider-indicator-img {
    display: none !important;
    border: 2px solid #000;
    width: 60px;
    height: 42px;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li.active .slider-indicator-img {
        width: 105px;
        height: 75px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li.active .slider-indicator-img:hover {
    border: 2px solid #000;
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li .slider-indicator-img {
    display: none !important;
    width: 50px;
    height: 35px;
    border: 1px solid #EA1B23;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li .slider-indicator-img {
        width: 85px;
        height: 60px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li .slider-indicator-img:hover {
    border: 2px solid #00205c;
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li .slider-indicator-img img {
    width: 35px;
    height: auto;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-indicators li .slider-indicator-img img {
        width: 65px;
        height: auto;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev {
    opacity: 1;
    margin-left: -8%;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev {
        margin-left: -7px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev .icon-Arrow_left:before {
    position: relative;
    font-size: 10px;
    top: 1px;
    right: 1px;
}

@media (min-width: 768px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev .icon-Arrow_left:before {
        font-size: 18px;
        top: 9px;
        right: 1px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev .carousel-control-prev-icon {
    background: #FFF;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border: 1px solid #EA1B23;
}

@media (min-width: 768px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev .carousel-control-prev-icon {
        width: 40px;
        height: 40px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev .carousel-control-prev-icon:hover {
    border: 1px solid #FF00BB;
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-prev.disabled {
    opacity: 0.5;
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-next {
    opacity: 1;
    margin-right: -8%;
}

@media (min-width: 992px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-control-next {
        margin-right: -7px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-next .icon-Arrow_right:before {
    position: relative;
    font-size: 10px;
    top: 7px;
    left: 1px;
    color: #ea1b23;
}

@media (min-width: 768px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-control-next .icon-Arrow_right:before {
        font-size: 18px;
        top: 9px;
        left: 1px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-next .carousel-control-next-icon {
    background: #FFF;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    border: 1px solid #EA1B23;
}

@media (min-width: 768px) {
    .product-detail .product-detail-carousel #productViewCarousel .carousel-control-next .carousel-control-next-icon {
        width: 40px;
        height: 40px;
    }
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-next .carousel-control-next-icon:hover {
    border: 1px solid #FF00BB;
}

.product-detail .product-detail-carousel #productViewCarousel .carousel-control-next.disabled {
    opacity: 0.5;
}

.familycare-buynow-popup .modal {
    padding: 0;
}

@media (min-width: 768px) {
    .familycare-buynow-popup .modal .modal-content {
        border-radius: 15px !important;
        background-color: #FFFFFF;
        box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    }
}

.familycare-buynow-popup .modal .modal-content .modal-header .close {
    margin-top: 0;
    top: 15px;
    border: 1px solid transparent;
    color: #EA1B23;
    width: 30px;
    height: 30px;
    padding: 0 !important;
}

    .familycare-buynow-popup .modal .modal-content .modal-header .close:hover {
        color: #FF00BB;
        border: 1px solid #FF00BB;
    }

@media (min-width: 768px) {
    .familycare-buynow-popup .modal .modal-content .modal-header .close {
        top: 45px;
        margin-top: -1rem;
        padding: 0 !important;
        width: 50px;
        height: 50px;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-header .close span.icon-close {
    font-size: 10px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    line-height: 30px;
    color: inherit;
}

@media (min-width: 768px) {
    .familycare-buynow-popup .modal .modal-content .modal-header .close span.icon-close {
        font-size: 17px;
        line-height: 50px;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-header .close span.icon-close::before {
    color: inherit;
}

@media (max-width: 575.98px) {
    .familycare-buynow-popup .modal .modal-content .modal-header .close span.icon-close::before {
        font-weight: bolder;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body {
    align-items: flex-start !important;
    padding-top: 30px !important;
}

@media (min-width: 992px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body {
        padding: 30px 50px !important;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .heading-text {
    color: #000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
}

@media (min-width: 768px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .heading-text {
        font-size: 40px;
        line-height: 42px;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .popup-bold-text {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 0 !important;
}

@media (min-width: 768px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .popup-bold-text {
        font-size: 20px;
        line-height: 30px;
        padding: 12px 0 10px !important;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section {
    margin: 0;
}

@media (min-width: 992px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section {
        margin: 0 35px 0 30px;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul {
    border: 0;
}

    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li {
        padding: 0 10px 20px;
        margin: 18px 15px 0;
        border-bottom: 0.5px solid #939598;
        display: flex;
        flex-direction: row;
        height: 70px;
        position: relative;
    }

@media (min-width: 992px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li {
        padding: 0 0 10px;
        margin: 10px 0 0;
        border-bottom: 2px solid #F1F1F1;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li:first-child {
    margin-top: 0;
    padding-top: 20px;
}

@media (min-width: 992px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li:first-child {
        padding-top: 10px;
        margin-top: 23px;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li a:focus {
        color: #FF00BB !important;
    }

    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li a span {
        font-size: 20px;
        right: 0;
        position: absolute;
    }

    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li a img {
        max-height: 50px;
        width: auto;
        max-width: 100%;
    }

@media (min-width: 992px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li a img {
        max-height: 40px;
    }
}

.familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li a .icon-Arrow_right::before {
    font-size: 12px;
}

@media (min-width: 768px) {
    .familycare-buynow-popup .modal .modal-content .modal-body#buy-now-body .buy-now-section .buy-now-prod-option .buy-now-option-main ul li a .icon-Arrow_right::before {
        font-size: 15px;
    }
}

.product-listing .find-product-section .product-section {
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .product-listing .find-product-section .product-section {
        margin-bottom: 0;
    }
}

.product-listing .find-product-section .product-section .row div:last-child a.CoveoTab {
    margin-right: 0;
}

.product-listing .find-product-section .product-section a.CoveoTab {
    font-size: 16px;
    line-height: 22px;
    height: 30px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    text-transform: capitalize;
    padding: 0;
    z-index: 2;
    position: relative;
    font-weight: 300;
    margin-right: 9px;
}

@media (min-width: 992px) {
    .product-listing .find-product-section .product-section a.CoveoTab {
        font-size: 24px;
        line-height: 30px;
        margin-right: 45px;
        height: 35px;
    }
}

.product-listing .find-product-section .product-section a.CoveoTab:hover {
    text-decoration: none;
    color: #FF00BB;
}

.product-listing .find-product-section .product-section a.CoveoTab .age-name {
    line-height: 30px;
    font-weight: 300;
}

.product-listing .find-product-section .product-section a.CoveoTab.coveo-selected {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    border-bottom: 2px solid #EA1B23;
    color: #EA1B23 !important;
}

    .product-listing .find-product-section .product-section a.CoveoTab.coveo-selected .age-name {
        line-height: 30px;
        font-weight: bold;
    }

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .container {
        max-width: 1175px;
    }
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper {
        margin: 40px 0 30px 0;
    }

        .product-listing .product-list-section-wrapper:first-child {
            margin: 50px 0 0 0;
        }
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-list-section {
        margin-top: -10px;
    }
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .col-lg-4 {
        max-width: 384px;
    }

    .product-listing .product-list-section-wrapper .product-item-section .flex-lg-row-reverse .promo-image-wrapper {
        border-bottom-left-radius: 40px;
        border-top-right-radius: 40px;
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .flex-lg-row-reverse .absorption-btn-section {
        width: 94%;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper {
    border: 1px solid #EEEEEE;
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
    padding: 20px 0;
    text-align: center;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper {
        min-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper .product-detail-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img {
    width: auto;
    height: 173px;
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img {
        height: 230px;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img.animate-image {
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

    .product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img.animate-image.reverse {
        -webkit-transition: all 1000ms ease-in-out;
        -moz-transition: all 1000ms ease-in-out;
        -o-transition: all 1000ms ease-in-out;
        transition: all 1000ms ease-in-out;
    }

.product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img.animate-image-top {
    transform: translateY(-10%);
}

@media (min-width: 768px) {
    .product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img.animate-image-top {
        transform: translateY(-90%);
    }
}

.product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img.animate-image-top.reverse {
    transform: translateY(0%) !important;
}

.product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper img.animate-image-top.animate-top {
    transform: translateY(-10%);
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .promo-image-wrapper {
        padding: 26px 0;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .flex-lg-row-reverse .feature-description {
    padding-left: 0;
    padding-right: 15px;
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description {
    padding: 0;
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description {
        padding-left: 24px;
        padding-right: 15px;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description .title-with-reviews {
    padding: 10px 0 0px 0;
    text-align: center;
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .title-with-reviews {
        padding: 10px 0 5px 0;
        text-align: left;
        margin-left: -1px;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description .title-with-reviews a.prod-title-link {
    font-size: 22px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    line-height: 26px;
    color: #000;
    margin-top: 0px;
}

    .product-listing .product-list-section-wrapper .product-item-section .feature-description .title-with-reviews a.prod-title-link span {
        white-space: nowrap;
    }

    .product-listing .product-list-section-wrapper .product-item-section .feature-description .title-with-reviews a.prod-title-link:hover {
        color: #FF00BB;
    }

@media (min-width: 768px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .title-with-reviews a.prod-title-link {
        line-height: 26px;
        margin: 0;
        font-size: 26px;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description .feature-desc-text {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    color: #000;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .feature-desc-text {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .feature-desc-text {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section {
        position: relative;
        bottom: 0;
        width: 100%;
        border-bottom: 1px solid #EA1B23;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section {
    display: flex;
    justify-content: center;
    padding: 12px 0;
    width: 100%;
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section {
        padding: 40px 0 28px 0;
        justify-content: left;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now {
    margin-right: 15px;
    min-width: 150px;
}

@media (min-width: 992px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now {
        min-width: 150px;
        margin-right: 20px;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now a {
    color: #EA1B23;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    height: 36px;
    padding: 5px 0 0;
}

    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now a:hover, .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now a:focus {
        border: 1px solid #FF00BB !important;
        color: #FF00BB !important;
    }

@media (min-width: 768px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now a {
        font-size: 20px;
        line-height: 30px;
        height: 36px;
        padding: 1px 0;
    }
}

.product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section a.explore-link {
    color: #fff;
    text-decoration: none;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    height: 36px;
    min-width: 150px;
    padding: 5px 0 0;
    transition: none;
}

    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section a.explore-link:hover, .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section a.explore-link:focus {
        background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%) !important;
        color: #FFF !important;
        box-shadow: none;
    }

@media (min-width: 768px) {
    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section a.explore-link {
        font-size: 20px;
        line-height: 30px;
        height: 36px;
        padding: 1px 0 0;
        min-width: 150px;
    }
}

.product-list-banner .banner-section {
    position: relative;
}

@media (min-width: 992px) {
    .product-list-banner .banner-section {
        z-index: 3;
    }
}

.product-list-banner .banner-section .heading-content {
    position: absolute;
    top: 15%;
    transform: translateY(-50%);
    left: 15%;
    text-align: left;
}

@media (min-width: 768px) {
    .product-list-banner .banner-section .heading-content {
        top: 50%;
        left: 48%;
    }
}

.product-list-banner .banner-section .heading-content .banner-heading-text {
    color: #00205C;
    font-size: 20px;
    line-height: 35px;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
}

@media (min-width: 576px) {
    .product-list-banner .banner-section .heading-content .banner-heading-text {
        font-size: 25px;
        line-height: 40px;
    }
}

@media (min-width: 768px) {
    .product-list-banner .banner-section .heading-content .banner-heading-text {
        font-size: 40px;
        line-height: 40px;
    }
}

.dotted-circle-product .bg-wrap {
    display: none;
}

@media (min-width: 992px) {
    .dotted-circle-product .bg-wrap {
        position: absolute;
        left: -60px;
        margin-top: -105px;
        z-index: 1;
        display: block;
    }
}

@media (min-width: 992px) {
    .dotted-circle-product .bg-wrap img {
        width: 264px;
    }
}

@media (max-width: 991.98px) {
    .other-products {
        margin-bottom: 58px;
    }
}

.other-products h2.component-title {
    margin: 0 auto 15px;
}

@media (min-width: 768px) {
    .other-products h2.component-title {
        margin: 0 auto 35px;
    }
}

.other-products .view-all {
    padding: 0 0 30px 0;
    font-size: 20px;
    line-height: 30px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    position: relative;
}

@media (min-width: 768px) {
    .other-products .view-all {
        padding: 0 0 53px 0;
    }
}

@media (max-width: 767.98px) {
    .other-products .view-all {
        font-size: 18px;
    }
}

.other-products .view-all span.icon-Arrow-up_defaut {
    font-size: 9px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(90deg);
    font-weight: bold;
}

.other-products .view-all a:hover {
    color: #006692;
    text-decoration: none;
}

    .other-products .view-all a:hover span::before {
        color: #006692;
    }

.other-products ul.slick-dots {
    bottom: -28px;
}

@media (min-width: 768px) {
    .other-products ul.slick-dots {
        bottom: -39px;
    }
}

@media (min-width: 768px) {
    .other-products .slick-prev,
    .other-products .slick-next {
        width: 40px;
        height: 40px;
    }

        .other-products .slick-prev:before,
        .other-products .slick-next:before {
            font-size: 16px;
            position: relative;
        }
}

@media (min-width: 768px) {
    .other-products .slick-next:before {
        left: 1px;
        top: -1px;
    }
}

@media (min-width: 768px) {
    .other-products .slick-prev:before {
        right: 1px;
        top: -1px;
    }
}

.other-products button.slick-prev {
    left: -12px;
    top: 42%;
}

@media (min-width: 576px) {
    .other-products button.slick-prev {
        left: 0%;
        top: 40%;
    }
}

@media (min-width: 992px) {
    .other-products button.slick-prev {
        left: 0;
        top: 45%;
    }
}

@media (min-width: 1200px) {
    .other-products button.slick-prev {
        left: 20px;
        top: 45%;
    }
}

.other-products button.slick-next {
    right: -12px;
    left: unset;
    top: 42%;
}

@media (min-width: 576px) {
    .other-products button.slick-next {
        right: 0;
        top: 40%;
    }
}

@media (min-width: 992px) {
    .other-products button.slick-next {
        right: 0;
        top: 45%;
    }
}

@media (min-width: 1200px) {
    .other-products button.slick-next {
        right: 20px;
        top: 45%;
    }
}

@media (min-width: 992px) {
    .other-products .slick-active.slick-current .slider-item {
        padding: 0 65px;
    }
}

@media (min-width: 1200px) {
    .other-products .slick-active.slick-current .slider-item {
        padding: 0 100px;
    }
}

.other-products .slick-active.slick-current .slider-item .other-products-item {
    border-radius: 15px 0 0 15px;
}

.other-products .slick-active .slider-item .other-products-item {
    border-radius: 0 15px 15px 0;
}

@media (min-width: 992px) {
    .other-products .slick-track > :only-child.slick-slide .slider-item {
        padding: 0 65px;
    }
}

@media (min-width: 576px) {
    .other-products .slider-item {
        padding: 0 20px 0 20px;
    }
}

@media (min-width: 992px) {
    .other-products .slider-item {
        padding: 0 65px;
    }
}

@media (min-width: 1200px) {
    .other-products .slider-item {
        padding: 0 100px;
    }
}

.other-products .slider-item .other-products-item {
    border: 0;
}

    .other-products .slider-item .other-products-item .promo-image-wrapper {
        background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
        border-top-left-radius: 40px;
        border-bottom-right-radius: 40px;
        padding: 14px 0;
    }

        .other-products .slider-item .other-products-item .promo-image-wrapper img {
            width: auto;
            height: 185px;
            margin: 0 auto;
        }

@media (min-width: 768px) {
    .other-products .slider-item .other-products-item .promo-image-wrapper img {
        height: 255px;
    }
}

.other-products .slider-item .other-products-item .promo-image-wrapper .product-detail-bg img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    max-height: 258px;
    margin: 0;
}

@media (max-width: 767.98px) {
    .other-products .slider-item .other-products-item .promo-image-wrapper .product-detail-bg img {
        height: 217px;
    }
}

.other-products .slider-item .other-products-item .other-products-body {
    padding: 0;
    border-bottom: 1px solid rgba(147, 149, 152, 0.5);
}

@media (max-width: 575.98px) {
    .other-products .slider-item .other-products-item .other-products-body {
        margin: 0 10px;
    }
}

.other-products .slider-item .other-products-item .other-products-body .title-des-wrapper {
    min-height: 97px;
}

@media (min-width: 992px) {
    .other-products .slider-item .other-products-item .other-products-body .title-des-wrapper {
        min-height: 153px;
    }
}

.other-products .slider-item .other-products-item .other-products-body h5.title {
    margin: 12px 0 2px 0;
    font-size: 22px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    line-height: 26px;
    color: #000;
}

@media (min-width: 768px) {
    .other-products .slider-item .other-products-item .other-products-body h5.title {
        margin: 30px 0 9px 0;
        font-size: 26px;
        line-height: 26px;
    }
}

.other-products .slider-item .other-products-item .other-products-body h5.title span {
    white-space: nowrap;
}

.other-products .slider-item .other-products-item .other-products-body .description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin: 0 0 20px 0;
    padding: 0 10px;
    height: auto !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .other-products .slider-item .other-products-item .other-products-body .description {
        font-size: 20px;
        margin-top: 10px;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    .other-products .slider-item .other-products-item .other-products-body .description {
        margin: 0 0 20px 0;
        padding: 0 25px;
        min-height: 72px;
    }
}

.other-products .slider-item .other-products-item .other-products-body .absorption-level {
    text-align: center;
    margin: 0 0 13px;
}

@media (min-width: 768px) {
    .other-products .slider-item .other-products-item .other-products-body .absorption-level {
        margin: 0 0 23px;
    }
}

.other-products .slider-item .other-products-item .other-products-body .btn-section {
    display: flex;
    justify-content: center;
    margin: 0 0 16px 0;
}

@media (min-width: 992px) {
    .other-products .slider-item .other-products-item .other-products-body .btn-section {
        margin: 0 0 18px 0;
    }
}

.other-products .slider-item .other-products-item .other-products-body .btn-section .btn {
    width: 100%;
    height: 32px;
    padding: 3px 0 0;
    color: #EA1B23;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    width: 110px;
}

@media screen and (min-width: 375px) {
    .other-products .slider-item .other-products-item .other-products-body .btn-section .btn {
        width: 150px;
        height: 36px;
        font-size: 20px;
        line-height: 30px;
        height: 36px;
        padding: 1px 0 0;
    }
}

.other-products .slider-item .other-products-item .other-products-body .btn-section .familycare-buy-now {
    margin-right: 15px;
}

@media (min-width: 768px) {
    .other-products .slider-item .other-products-item .other-products-body .btn-section .familycare-buy-now {
        margin-right: 20px;
    }
}

.other-products .slider-item .other-products-item .other-products-body .btn-section .familycare-buy-now a:hover, .other-products .slider-item .other-products-item .other-products-body .btn-section .familycare-buy-now a:focus, .other-products .slider-item .other-products-item .other-products-body .btn-section .familycare-buy-now a:active {
    border: 1px solid #FF00BB;
    color: #FF00BB;
}

.other-products .slider-item .other-products-item .other-products-body .btn-section .explore-link a {
    color: #fff;
    transition: none;
}

    .other-products .slider-item .other-products-item .other-products-body .btn-section .explore-link a:hover, .other-products .slider-item .other-products-item .other-products-body .btn-section .explore-link a:focus, .other-products .slider-item .other-products-item .other-products-body .btn-section .explore-link a:active {
        background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
        color: #FFF;
        box-shadow: none;
    }

.article-section-item .container {
    padding: 0;
}

@media (min-width: 768px) {
    .article-section-item .container {
        padding: 0 15px;
    }
}

.article-section-item .container .col-12 {
    padding: 0;
}

@media (min-width: 768px) {
    .article-section-item .container .col-12 {
        padding: 0 15px;
    }
}

.article-section-item .article-item {
    text-align: center;
    border: none;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width: 992px) {
    .article-section-item .article-item {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-bottom: 0;
    }
}

.article-section-item .article-item .article-img-wrap {
    position: relative;
    z-index: 1;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .article-section-item .article-item .article-img-wrap {
        margin: 0 15px 0;
        padding: 0;
    }
}

.article-section-item .article-item .article-img-wrap .article-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}

@media (min-width: 992px) {
    .article-section-item .article-item .article-img-wrap .article-img {
        height: auto;
    }
}

.article-section-item .article-item .article-body {
    padding: 20px 0;
    border: 0.2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid #EA1B23;
}

@media (min-width: 992px) {
    .article-section-item .article-item .article-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 11px 0 15px 0px;
    }
}

@media (max-width: 767.98px) {
    .article-section-item .article-item .article-body {
        padding: 10px 0;
    }
}

.article-section-item .article-item .article-body .title {
    font-size: 24px;
    line-height: 26px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0px 0 10px 0;
    min-height: 113px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

@media (min-width: 992px) {
    .article-section-item .article-item .article-body .title {
        padding: 10px 30px 0 30px;
    }
}

@media (max-width: 767.98px) {
    .article-section-item .article-item .article-body .title {
        padding-bottom: 5px;
        font-size: 22px;
        line-height: 30px;
    }
}

.article-section-item .article-item .article-body .description {
    font-size: 18px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 25px;
    font-weight: 300;
    color: #00205C;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .article-section-item .article-item .article-body .description {
        font-size: 15px;
        padding: 0 170px 0 0;
    }
}

@media (max-width: 767.98px) {
    .article-section-item .article-item .article-body .description {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
    }
}

.article-section-item .article-item .article-body a.article-link {
    font-size: 20px;
    line-height: 30px;
    color: #FFF;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    padding: 1px 0;
}

@media (min-width: 992px) {
    .article-section-item .article-item .article-body a.article-link {
        margin-top: 20px;
    }
}

.article-landing-section .article-landing-item .container {
    padding: 0;
}

@media (min-width: 768px) {
    .article-landing-section .article-landing-item .container {
        padding: 0 15px;
    }
}

.article-landing-section .article-landing-item .container .col-12 {
    padding: 0;
}

    .article-landing-section .article-landing-item .container .col-12:last-child .article-item {
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    .article-landing-section .article-landing-item .container .col-12 {
        padding: 0 15px;
    }
}

.article-landing-section .article-landing-item .article-item {
    text-align: center;
    border: none;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width: 992px) {
    .article-landing-section .article-landing-item .article-item {
        display: flex;
        flex-direction: row;
        text-align: center;
        margin-bottom: 40px;
    }
}

.article-landing-section .article-landing-item .article-item .article-img-wrap {
    position: relative;
    z-index: 1;
    padding: 0 15px;
}

@media (min-width: 992px) {
    .article-landing-section .article-landing-item .article-item .article-img-wrap {
        margin-right: 24px;
        padding: 0;
        max-width: 33.33%;
    }
}

.article-landing-section .article-landing-item .article-item .article-img-wrap .article-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}

@media (min-width: 992px) {
    .article-landing-section .article-landing-item .article-item .article-img-wrap .article-img {
        width: 384px;
        height: auto;
    }
}

@media only screen and (max-width: 1199px) and (orientation: landscape) {
    .article-landing-section .article-landing-item .article-item .article-img-wrap .article-img {
        width: 300px;
    }
}

.article-landing-section .article-landing-item .article-item .article-body {
    padding: 20px 23px 15px 24px;
    border: 0.2px solid rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid #EA1B23;
    text-align: center;
}

@media (min-width: 992px) {
    .article-landing-section .article-landing-item .article-item .article-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0 18px 0px;
        border: 0;
        border-bottom: 1px solid #939598;
        max-width: 66.66%;
        text-align: left;
    }
}

@media (max-width: 767.98px) {
    .article-landing-section .article-landing-item .article-item .article-body {
        padding: 10px 10px 15px;
    }
}

.article-landing-section .article-landing-item .article-item .article-body a {
    color: #000;
}

    .article-landing-section .article-landing-item .article-item .article-body a:hover h2 {
        color: #FF00BB;
    }

    .article-landing-section .article-landing-item .article-item .article-body a .title {
        font-size: 24px;
        line-height: 26px;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        color: #000;
        font-weight: bold;
        margin: 0 !important;
        padding: 0px 0 10px 0;
    }

@media (min-width: 992px) {
    .article-landing-section .article-landing-item .article-item .article-body a .title {
        padding: 0;
        margin: 0;
    }
}

@media (max-width: 767.98px) {
    .article-landing-section .article-landing-item .article-item .article-body a .title {
        padding-bottom: 0px;
        font-size: 22px;
        line-height: 30px;
    }
}

.article-landing-section .article-landing-item .article-item .article-body .description {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
    color: #000;
    margin-bottom: 10px;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .article-landing-section .article-landing-item .article-item .article-body .description {
        font-size: 20px;
        line-height: 24px;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .article-landing-section .article-landing-item .article-item .article-body .description {
        text-align: left;
        margin: 6px 0 0 0;
    }
}

.article-landing-section .article-landing-item .article-item .article-body a.article-link {
    font-size: 20px;
    line-height: 32px;
    color: #FFF;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
}

@media (min-width: 992px) {
    .article-landing-section .article-landing-item .article-item .article-body a.article-link {
        margin-top: auto;
        height: 36px;
    }
}

@media (max-width: 767.98px) {
    .article-landing-section .article-landing-item .article-item .article-body a.article-link {
        padding: 1px 0;
    }
}

.article-section-title .component-title span {
    font-size: 30px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .article-section-title .component-title span {
        font-size: 40px;
    }
}

.sustainability-banner .img-fluid {
    width: 100%;
}

.sustainability-content .sustainability-goals {
    padding-left: 6px;
    padding-right: 6px;
}

    .sustainability-content .sustainability-goals .static-content-container p {
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
        padding-bottom: 0px;
        border-bottom: none;
        line-height: 14px;
    }

@media (min-width: 768px) {
    .sustainability-content .sustainability-goals .static-content-container p {
        font-size: 20px;
        line-height: 30px;
    }
}

.sustainability-content .sustainability-details {
    margin: 17px 15px 0 15px;
}

@media (min-width: 768px) {
    .sustainability-content .sustainability-details {
        margin: 40px 0 0 0;
        text-align: left;
    }

        .sustainability-content .sustainability-details h6 {
            text-align: left;
        }
}

.sustainability-content .sustainability-details .title {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .sustainability-content .sustainability-details .title {
        margin-bottom: 60px;
    }
}

.sustainability-content .sustainability-details .title .reverse {
    flex-direction: row-reverse;
}

    .sustainability-content .sustainability-details .title .reverse static-content-container {
        margin-left: 0;
        margin-right: 25px;
    }

.sustainability-content .sustainability-details .title .title-section {
    padding: 0;
}

    .sustainability-content .sustainability-details .title .title-section img {
        width: 100%;
        height: 140px;
    }

@media (min-width: 768px) {
    .sustainability-content .sustainability-details .title .title-section img {
        object-fit: cover;
        height: 270px;
    }
}

.sustainability-content .sustainability-details .title .static-content-container {
    border-bottom: 1px solid #939598;
    padding: 0;
}

@media (min-width: 768px) {
    .sustainability-content .sustainability-details .title .static-content-container {
        margin-left: 25px;
    }
}

.sustainability-content .sustainability-details .title .static-content-container .component-title {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .sustainability-content .sustainability-details .title .static-content-container .component-title {
        font-size: 26px;
    }
}

.sustainability-content .sustainability-details .title .static-content-container span {
    line-height: 22px;
}

@media (min-width: 768px) {
    .sustainability-content .sustainability-details .title .static-content-container span {
        font-size: 26px;
    }
}

.sustainability-content .sustainability-details .title .static-content-container p {
    font-size: 12px;
    line-height: 14px;
    color: black;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    padding-bottom: 10px;
    margin-bottom: 0px;
    line-height: 14px;
}

@media (min-width: 768px) {
    .sustainability-content .sustainability-details .title .static-content-container p {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0px;
    }
}

.sustainability-content .sustainability-details .title.more .static-content-container {
    border: none;
    line-height: 30px;
    font-size: 14px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
}

@media (min-width: 768px) {
    .sustainability-content .sustainability-details .title.more .static-content-container {
        font-size: 22px;
    }
}

.sustainability-content .sustainability-details .title.more .static-content-container .red a {
    color: #EA1B23;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
}

@media (min-width: 768px) {
    .who-we-are .content-wrap {
        margin: 0 auto;
        width: 67%;
    }
}

.who-we-are .content-wrap p {
    font-size: 16px;
    line-height: 20px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin-bottom: 20px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .who-we-are .content-wrap p {
        font-size: 20px;
        line-height: 24px;
    }
}

.who-we-are .content-wrap p:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .what-we-do.mb-lg-80-xs-30 {
        margin-bottom: 55px;
    }
}

@media (min-width: 768px) {
    .what-we-do .content-wrap {
        margin: 0 auto;
        width: 67%;
    }
}

.what-we-do .content-wrap p {
    font-size: 16px;
    line-height: 20px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    font-weight: bold;
}

@media (min-width: 768px) {
    .what-we-do .content-wrap p {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .our-purpose .content-wrap {
        margin: 0 auto;
        width: 67%;
    }
}

.our-purpose .content-wrap p {
    font-size: 14px;
    line-height: 18px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin-bottom: 0px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .our-purpose .content-wrap p {
        font-size: 20px;
        line-height: 24px;
    }
}

.our-purpose .content-wrap p:first-child {
    margin-bottom: 20px;
}

.kotex-initiative .component-title {
    margin-bottom: 20px;
}

.kotex-initiative .content-box .content-item {
    margin: 0 0 30px 0;
}

    .kotex-initiative .content-box .content-item .reverse {
        flex-direction: row-reverse;
    }

    .kotex-initiative .content-box .content-item .text-content {
        border-bottom: 1px solid rgba(147, 149, 152, 0.5);
        padding: 0 0 18px 0;
    }

@media (min-width: 992px) {
    .kotex-initiative .content-box .content-item .text-content {
        padding: 0 0 8px 0;
    }
}

@media (min-width: 992px) {
    .kotex-initiative .content-box .content-item {
        padding: 0;
        margin: 0 0 50px 0;
    }
}

@media (min-width: 992px) {
    .kotex-initiative .content-box .content-item .col-lg-5 {
        max-width: 45%;
        flex: 0 0 45%;
    }
}

@media (min-width: 992px) {
    .kotex-initiative .content-box .content-item .col-lg-7 {
        max-width: 55%;
        flex: 0 0 55%;
    }
}

.kotex-initiative .content-box .content-item .text-content .read-all {
    margin-bottom: 0;
}

    .kotex-initiative .content-box .content-item .text-content .read-all a {
        font-size: 12px;
        line-height: 30px;
    }

@media (min-width: 768px) {
    .kotex-initiative .content-box .content-item .text-content .read-all a {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .kotex-initiative .content-box .content-item .text-content {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
}

.kotex-initiative .content-box .content-item .text-content h6 {
    font-size: 11px;
    line-height: 14px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    margin: 0 0 5px 0;
    font-weight: bold;
}

@media (min-width: 768px) {
    .kotex-initiative .content-box .content-item .text-content h6 {
        font-size: 26px;
        line-height: 26px;
        padding-top: 0;
    }
}

.kotex-initiative .content-box .content-item .text-content p {
    font-size: 16px;
    line-height: 20px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin: 0;
}

@media (min-width: 768px) {
    .kotex-initiative .content-box .content-item .text-content p {
        font-size: 20px;
        line-height: 24px;
    }
}

.kotex-initiative .content-box .content-item .image-content img {
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .kotex-initiative .content-box .content-item .image-content img {
        padding-bottom: 0;
    }
}

.watch-film .content-wrap p {
    font-size: 14px;
    line-height: 18px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    text-align: center;
}

@media (min-width: 768px) {
    .watch-film .content-wrap p {
        font-size: 20px;
        line-height: 24px;
        width: 70%;
        margin: 0 auto 30px auto;
    }
}

.mobile-only-center {
    text-align: center;
}

@media (min-width: 768px) {
    .mobile-only-center {
        text-align: left;
    }
}

.history-banner {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    position: relative;
    color: white;
}

    .history-banner .banner-wrapper {
        background-image: url("../img/Kotex History Banner.svg"), linear-gradient(0deg, #1E1D1D 10.85%, rgba(0, 0, 0, 0.47) 45.29%, rgba(0, 0, 0, 0) 65.5%);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
        height: 129px;
        padding: 0;
    }

@media (min-width: 768px) {
    .history-banner .banner-wrapper {
        background-image: url("../img/History Banner.svg"), linear-gradient(0deg, #1E1D1D 10.85%, rgba(0, 0, 0, 0.47) 45.29%, rgba(0, 0, 0, 0) 65.5%);
        height: 400px;
    }
}

.history-banner .banner-text {
    position: absolute;
    bottom: 15px;
    left: calc(50% - 71px);
}

@media (min-width: 768px) {
    .history-banner .banner-text {
        bottom: 35px;
        left: calc(50% - 155px);
    }
}

.history-banner .banner-text h6 {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .history-banner .banner-text h6 {
        font-size: 50px;
        line-height: 42px;
    }
}

.history-banner .banner-text .icon-Arrow_right:before {
    color: #ea1b23;
    font-size: 8px;
    bottom: 4px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .history-banner .banner-text .icon-Arrow_right:before {
        font-size: 18px;
        bottom: 10px;
        position: relative;
    }
}

.history-banner .banner-text div {
    font-size: 12px;
    margin-top: 7px;
    height: 12px;
}

@media (min-width: 768px) {
    .history-banner .banner-text div {
        font-size: 26px;
        margin-top: 10px;
        height: 31px;
    }
}

.history-of-nav {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

    .history-of-nav .component-title {
        font-size: 20px;
        line-height: 30px;
        height: 22px;
    }

@media (min-width: 768px) {
    .history-of-nav .component-title {
        font-size: 40px;
        line-height: 42px;
    }
}

.history-of-nav .summary {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .history-of-nav .summary {
        font-size: 20px;
        line-height: 24px;
        margin-top: 20px;
    }
}

.history-of-nav .navbar {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .history-of-nav .navbar {
        margin-top: 50px;
    }
}

.history-of-nav .navbar ul.navbar-nav {
    display: flex;
    flex-direction: inherit;
    justify-content: center;
    width: 100%;
    margin: 0 0 35px 0;
}

@media (min-width: 768px) {
    .history-of-nav .navbar ul.navbar-nav {
        margin: 0 0 70px 0;
    }
}

.history-of-nav .navbar ul.navbar-nav li.nav-item.active a.nav-link {
    color: #EA1B23;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    border-bottom: 2px solid #EA1B23;
    font-weight: 500;
}

.history-of-nav .navbar ul.navbar-nav li.nav-item:not(.active) a.nav-link:hover {
    color: #FF00BB;
}

@media (min-width: 768px) {
    .history-of-nav .navbar ul.navbar-nav li.nav-item:last-child {
        margin-left: 0;
    }
}

.history-of-nav .navbar ul.navbar-nav li.nav-item a.nav-link {
    font-size: 14px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 30px;
    margin: 0 30px 0 0;
    padding: 0;
    font-weight: 300;
}

@media (min-width: 768px) {
    .history-of-nav .navbar ul.navbar-nav li.nav-item a.nav-link {
        font-size: 24px;
        line-height: 26px;
        margin: 0 50px 0 0;
    }
}

@media (min-width: 992px) {
    .facts {
        margin-top: 0px;
    }
}

.facts .content-box .content-item {
    margin: 0 0 30px 0;
}

@media (min-width: 992px) {
    .facts .content-box .content-item:nth-child(odd) .col-lg-7 {
        padding-left: 5px;
    }
}

@media (min-width: 992px) {
    .facts .content-box .content-item:nth-child(even) .col-lg-7 {
        padding-right: 5px;
    }
}

.facts .content-box .content-item .reverse {
    flex-direction: row-reverse;
}

.facts .content-box .content-item .text-content {
    border-bottom: 1px solid rgba(147, 149, 152, 0.5);
    padding: 0 0 20px 0;
}

@media (min-width: 992px) {
    .facts .content-box .content-item .text-content {
        padding: 0 0 5px 0;
    }
}

.facts .content-box .content-item .text-content .read-all {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .facts .content-box .content-item .text-content .read-all {
        margin: auto 0 0 0;
    }
}

@media (min-width: 992px) {
    .facts .content-box .content-item {
        padding: 0;
        margin: 0 0 60px 0;
    }
}

@media (min-width: 992px) {
    .facts .content-box .content-item .col-lg-5 {
        max-width: 45%;
        flex: 0 0 45%;
    }
}

@media (min-width: 992px) {
    .facts .content-box .content-item .col-lg-7 {
        max-width: 55%;
        flex: 0 0 55%;
    }
}

.facts .content-box .content-item .text-content {
    text-align: center;
}

@media (min-width: 992px) {
    .facts .content-box .content-item .text-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        text-align: left;
    }
}

.facts .content-box .content-item .text-content h6 {
    font-size: 22px;
    line-height: 26px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    margin: 7px 0 5px 0;
    font-weight: bold;
}

@media (min-width: 768px) {
    .facts .content-box .content-item .text-content h6 {
        font-size: 26px;
        line-height: 26px;
        padding-top: 0;
        margin: 10px 0;
    }
}

@media (min-width: 992px) {
    .facts .content-box .content-item .text-content h6 {
        margin: 0 0 6px 0;
    }
}

.facts .content-box .content-item .text-content p {
    font-size: 16px;
    line-height: 20px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    color: #000;
    margin: 0;
}

@media (min-width: 768px) {
    .facts .content-box .content-item .text-content p {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    .facts .content-box .content-item .text-content p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
    }
}

.facts .content-box .content-item .image-content {
    width: 100%;
    height: auto;
}

    .facts .content-box .content-item .image-content.gray {
        background-color: #AEAFB1;
        border: 1px solid #E7E7E7;
    }

        .facts .content-box .content-item .image-content.gray img {
            border-radius: 50%;
            height: 100%;
        }

    .facts .content-box .content-item .image-content.light-gray {
        background-color: #EFEBEA;
        border: 1px solid #E7E7E7;
    }

    .facts .content-box .content-item .image-content.sepia {
        background-color: #F7DFC3;
        border: 1px solid #E7E7E7;
    }

.main-timeline-slider {
    position: relative;
    margin-top: 40px;
}

    .main-timeline-slider .history-nav-carousel-wrapper {
        position: absolute;
        top: -65px;
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto;
    }

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper {
        top: -73px;
    }
}

@media (min-width: 992px) {
    .main-timeline-slider .history-nav-carousel-wrapper {
        top: -85px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .slick-arrow {
    border: none;
    top: 40px;
}

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .slick-arrow {
        top: 49px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .slick-arrow.slick-disabled::before {
    display: none !important;
}

.main-timeline-slider .history-nav-carousel-wrapper .slick-arrow::before {
    font-size: 30px;
    line-height: 30px;
}

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .slick-arrow::before {
        font-size: 50px;
        line-height: 50px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .slick-arrow.slick-prev {
    left: -19px;
}

@media (min-width: 768px) {
    .main-timeline-slider .history-nav-carousel-wrapper .slick-arrow.slick-prev {
        left: -45px;
    }
}

@media (min-width: 992px) {
    .main-timeline-slider .history-nav-carousel-wrapper .slick-arrow.slick-prev {
        left: -50px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .slick-arrow.slick-next {
    right: -19px;
}

@media (min-width: 768px) {
    .main-timeline-slider .history-nav-carousel-wrapper .slick-arrow.slick-next {
        right: -40px;
    }
}

@media (min-width: 992px) {
    .main-timeline-slider .history-nav-carousel-wrapper .slick-arrow.slick-next {
        right: -50px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .slick-arrow:hover, .main-timeline-slider .history-nav-carousel-wrapper .slick-arrow:focus {
    border: 0;
}

.main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav {
    text-align: center;
}

    .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item {
        display: inline-block;
        position: relative;
        cursor: pointer;
        outline-color: transparent;
        box-shadow: none;
    }

        .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item .dot {
            margin: 10px auto;
            height: 14px;
            width: 14px;
            border: 2px solid #000;
            background-color: #FFF;
            border-radius: 50%;
        }

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item .dot {
        height: 16px;
        width: 16px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item span {
    font-size: 13px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
}

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item span {
        font-size: 18px;
        line-height: 30px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item:hover .dot {
    margin: 5px auto;
    height: 24px;
    width: 24px;
    border: 6px solid #FF00BB;
    background-color: #fff;
    border-radius: 20px;
}

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item:hover .dot {
        height: 28px;
        width: 28px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item:hover span {
    color: #FF00BB;
}

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav a.slider-nav-item:hover span {
        font-size: 18px;
        line-height: 30px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .slick-current .history-nav-carousel-slider-item .history-nav a.slider-nav-item .dot {
    margin: 5px auto;
    height: 24px;
    width: 24px;
    border: 6px solid #EA1B23;
    background-color: #fff;
    border-radius: 20px;
}

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .slick-current .history-nav-carousel-slider-item .history-nav a.slider-nav-item .dot {
        height: 28px;
        width: 28px;
    }
}

.main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .slick-current .history-nav-carousel-slider-item .history-nav a.slider-nav-item span {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #EA1B23;
    font-size: 15px;
    font-weight: 700;
}

@media (min-width: 576px) {
    .main-timeline-slider .history-nav-carousel-wrapper .history-nav-carousel-slider .slick-current .history-nav-carousel-slider-item .history-nav a.slider-nav-item span {
        font-size: 20px;
    }
}

.main-timeline-slider .parent-timeline-slider {
    padding-top: 0;
    border: 2px solid #DFDFDF;
    margin-left: calc(50% - 115px);
    margin-right: calc(50% - 115px);
    height: 142px;
}

@media (min-width: 992px) {
    .main-timeline-slider .parent-timeline-slider {
        margin-left: calc(50% - 315px);
        margin-right: calc(50% - 315px);
        height: 433px;
    }
}

.main-timeline-slider .parent-timeline-slider .slick-list {
    height: 100%;
}

.main-timeline-slider .slick-prev {
    font-size: 7px;
    position: absolute;
    left: -35px;
}

    .main-timeline-slider .slick-prev.slick-disabled {
        display: none !important;
    }

    .main-timeline-slider .slick-prev::before {
        left: 35%;
        position: relative;
    }

@media (min-width: 992px) {
    .main-timeline-slider .slick-prev {
        left: -15%;
    }
}

.main-timeline-slider .slick-next {
    font-size: 7px;
    position: absolute;
    right: -35px;
}

    .main-timeline-slider .slick-next.slick-disabled {
        display: none !important;
    }

    .main-timeline-slider .slick-next::before {
        left: 20%;
        position: relative;
    }

@media (min-width: 992px) {
    .main-timeline-slider .slick-next {
        right: -15%;
    }
}

.main-timeline-slider::before {
    width: 100%;
    position: absolute;
    content: "";
    left: 0;
    top: -25px;
    border: 0.5px solid #939598;
}

@media (min-width: 992px) {
    .main-timeline-slider::before {
        top: -37px;
        border: 1px solid #DFDFDF;
    }
}

.main-timeline-slider::after {
    width: 95%;
    margin: 0 auto;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
}

@media (min-width: 992px) {
    .main-timeline-slider::after {
        width: 50%;
    }
}

.timeline-carousel {
    position: relative;
    width: 100%;
}

@media (min-width: 992px) {
    .timeline-carousel {
        width: 100%;
        margin: 0 auto;
    }
}

.timeline-carousel .timeline-slider .slider-item .other-products-item {
    border: 0;
    margin: 10px;
}

@media (min-width: 768px) {
    .timeline-carousel .timeline-slider .slider-item .other-products-item {
        margin: 50px;
    }
}

.timeline-carousel .timeline-slider .slider-item .other-products-item .promo-image-wrapper img {
    height: 95px;
    max-width: 100%;
    border: 1px solid #DFDFDF;
}

@media (min-width: 768px) {
    .timeline-carousel .timeline-slider .slider-item .other-products-item .promo-image-wrapper img {
        height: auto;
        max-height: 280px;
        border: none;
    }
}

.timeline-carousel .timeline-slider .slider-item .other-products-item .other-products-body {
    padding-top: 0;
}

@media (min-width: 768px) {
    .timeline-carousel .timeline-slider .slider-item .other-products-item .other-products-body {
        margin: 30px;
    }
}

@media (min-width: 768px) {
    .timeline-carousel .timeline-slider .slider-item .other-products-item .other-products-body.card-body {
        padding: 0;
    }
}

.timeline-carousel .timeline-slider .slider-item .other-products-item .other-products-body .title {
    color: black;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .timeline-carousel .timeline-slider .slider-item .other-products-item .other-products-body .title {
        font-size: 26px;
        padding: 0;
    }
}

.timeline-carousel .timeline-slider .slider-item .other-products-item .other-products-body .description {
    color: #00205C;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    min-height: 100px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .timeline-carousel .timeline-slider .slider-item .other-products-item .other-products-body .description {
        font-size: 15px;
        line-height: 25px;
        height: auto;
    }
}

.timeline-carousel .timeline-slider .slick-dots {
    bottom: 0;
    padding: 0;
    margin-bottom: 10px 0;
}

@media (min-width: 768px) {
    .timeline-carousel .timeline-slider .slick-dots {
        bottom: 0;
        margin: 10px 0;
    }
}

.timeline-carousel .timeline-slider .slick-dots li {
    margin: 0 5px;
    height: 15px;
    width: 15.38px;
    border: 1px solid #EEEEEE;
    background-color: #EEEEEE;
    vertical-align: middle;
}

    .timeline-carousel .timeline-slider .slick-dots li.slick-active {
        margin-right: 12px;
    }

        .timeline-carousel .timeline-slider .slick-dots li.slick-active button {
            width: 25px;
            height: 15px;
            background: #009BDE;
            color: transparent;
            border: 0;
        }

.timeline-carousel .timeline-slider .slick-list {
    height: 100%;
}

.absorption-level {
    text-align: center;
}

@media (min-width: 992px) {
    .absorption-level {
        text-align: left;
    }
}

.absorption-level .drop-1,
.absorption-level .drop-2,
.absorption-level .drop-3,
.absorption-level .drop-4,
.absorption-level .drop-5,
.absorption-level .drop-6 {
    min-width: 112px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 19px;
}

@media (min-width: 768px) {
    .absorption-level .drop-1,
    .absorption-level .drop-2,
    .absorption-level .drop-3,
    .absorption-level .drop-4,
    .absorption-level .drop-5,
    .absorption-level .drop-6 {
        min-width: 133px;
        min-height: 23px;
    }
}

/* Contact US */
@media (min-width: 768px) {
    .contact-us-title-section .component-title {
        padding: 30px 0 0 0;
    }
}

.contact-us-title-section .component-title span {
    font-weight: 500;
    padding-bottom: 10px;
}

.contact-us-title-section .subtitle p {
    font-size: 16px;
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .contact-us-title-section .subtitle p {
        font-size: 20px;
        line-height: 30px;
    }
}

.contact-us-title-section .subtitle a {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    color: #EA1B23;
}

    .contact-us-title-section .subtitle a:focus {
        color: #FF00BB;
    }

    .contact-us-title-section .subtitle a:hover {
        text-decoration: none;
        color: #FF00BB;
    }

.contact-us-details {
    margin: 20px 0;
}

@media (min-width: 768px) {
    .contact-us-details {
        margin: 30px 0;
    }
}

.contact-us-details .contact-via-phone {
    padding: 0 0 25px 0;
}

@media (min-width: 992px) {
    .contact-us-details .contact-via-phone {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .contact-us-details .contact-via-post {
        margin-left: 25px;
    }
}

.contact-us-details .media .img-wrap {
    border: 1px solid #EA1B23;
    margin: 7px 10px 0 0;
    border-radius: 50%;
    background: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .contact-us-details .media .img-wrap {
        width: 50px;
        height: 50px;
        margin: 0px 24px 0 0;
    }
}

.contact-us-details .media .img-wrap img {
    width: auto;
    height: 12px;
}

@media (min-width: 768px) {
    .contact-us-details .media .img-wrap img {
        height: 20px;
    }
}

.contact-us-details .media .media-body {
    color: #000;
    margin-left: 0;
}

    .contact-us-details .media .media-body .title {
        font-size: 22px;
        line-height: 30px;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
    }

@media (min-width: 768px) {
    .contact-us-details .media .media-body .title {
        font-size: 26px;
        line-height: 26px;
    }
}

.contact-us-details .media .media-body p,
.contact-us-details .media .media-body address {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
}

    .contact-us-details .media .media-body p a,
    .contact-us-details .media .media-body address a {
        color: #000;
    }

@media (min-width: 768px) {
    .contact-us-details .media .media-body p,
    .contact-us-details .media .media-body address {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    .contact-us-details .media .media-body p.phone-no {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .contact-us-details .media .media-body p.phone-no:last-child {
        margin-left: 0px;
    }
}

.kotex-form {
    max-width: 500px;
    margin: 0 auto;
}

    .kotex-form .setpswd-overlay h2 {
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    }

    .kotex-form a {
        font-family: "Kotex Light",Helvetica,Roboto,Arial,sans-serif;
    }

    .kotex-form .validation-summary-errors ul {
        list-style: none;
        padding-left: 0;
        text-align: center;
    }

        .kotex-form .validation-summary-errors ul li {
            font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
            font-size: 25px;
            color: #ea1b23;
        }

    .kotex-form .common-form-field {
        margin-top: 20px;
    }

@media (max-width: 991.98px) {
    .kotex-form .common-form-field {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .kotex-form .common-form-field .two-line {
        margin-top: 24px;
    }

    .kotex-form .common-form-field .three-line {
        margin-top: 48px;
    }
}

.kotex-form .common-form-field .radio-btn-label {
    display: inline-block !important;
    margin: 5px;
    color: #00205C;
    width: auto;
    line-height: 41px;
    margin: 0 30px 0 30px;
    position: relative;
}

    .kotex-form .common-form-field .radio-btn-label input[type="radio"]:checked,
    .kotex-form .common-form-field .radio-btn-label input[type="radio"]:not(:checked) {
        display: none;
    }

        .kotex-form .common-form-field .radio-btn-label input[type="radio"]:checked + .check:before,
        .kotex-form .common-form-field .radio-btn-label input[type="radio"]:not(:checked) + .check:before {
            position: relative;
            padding-left: 20px;
            cursor: pointer;
            color: #000;
            font-size: 18px;
            letter-spacing: 4px;
            line-height: 20px;
            font-weight: 300;
            font-family: Kotex-Light;
            font-style: normal;
        }

        .kotex-form .common-form-field .radio-btn-label input[type="radio"]:not(:checked) + .check:before {
            content: '';
            position: absolute;
            left: -5px;
            top: 0px;
            height: 19px;
            width: 19px;
            border: 1px solid #ea1b23;
            background-color: #FFFFFF;
            border-radius: 100%;
        }

        .kotex-form .common-form-field .radio-btn-label input[type="radio"]:checked + .check:after {
            content: '';
            width: 20px;
            height: 20px;
            border: 6px solid #ea1b23;
            background-color: #fff;
            position: absolute;
            top: 0px;
            left: -5px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

    .kotex-form .common-form-field .radio-btn-label .check {
        left: -25px;
        position: relative;
        top: -30px;
    }

.kotex-form .common-form-field label {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #4F4F4F;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.kotex-form .common-form-field input {
    height: 41px;
    font-size: 16px;
    line-height: 40px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    border: 1px solid #bfccdd;
    border-radius: 8px;
    padding: 0 15px;
    color: #273040;
    font-weight: 500;
    background-color: transparent;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none;
}

.kotex-form .common-form-field .gender-label {
    width: 100%;
    display: block;
}

.kotex-form .common-form-field select {
    background-image: url(/-/media/Feature/Gigya/Down_arrow.svg);
    background-repeat: no-repeat;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: clip !important;
    box-sizing: border-box;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    border: 1px solid #bfccdd;
    border-radius: 8px;
    color: #273040;
    font-weight: 500;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: transparent;
    background-clip: padding-box;
    background-position: right 15px center !important;
    width: 100%;
    padding: 0 38px 0 12px;
    font-size: 16px;
    height: 41px;
    line-height: 41px;
}

.kotex-form .common-form-field input[type=checkbox] {
    width: 0;
    height: 0;
    display: inline-block;
    opacity: 1;
}

    .kotex-form .common-form-field input[type=checkbox]:checked:before,
    .kotex-form .common-form-field input[type=checkbox]:before {
        position: relative;
        top: -18px;
        content: "";
        background-repeat: no-repeat;
        width: 26px;
        height: 26px;
        display: block !important;
        pointer-events: auto !important;
    }

    .kotex-form .common-form-field input[type=checkbox]:checked:before {
        background-color: #fff;
        background-image: url(/-/media/Feature/Gigya/checkbox_checked.png) !important;
    }

    .kotex-form .common-form-field input[type=checkbox]:hover:before {
        background-image: url(/-/media/Feature/Gigya/Desktop_Checkbox_hover) !important;
    }

    .kotex-form .common-form-field input[type=checkbox]:before {
        background-image: url(/-/media/Feature/Gigya/checkbox_unchecked.png) !important;
    }

    .kotex-form .common-form-field input[type=checkbox] ~ label {
        margin: 20px 0 8px -4px;
        width: auto;
        position: relative;
        display: inline;
        left: 40px;
    }

.kotex-form .common-form-field .save-pw-label {
    margin: 20px 0 8px 10px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

.kotex-form .common-form-field a {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

.kotex-form .button-wrapper {
    margin-bottom: 40px;
}

.kotex-form .field-validation-error {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #EA1B23;
}

.kotex-form .additional-common-text {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 10px;
    text-align: center;
}

.kotex-form hr {
    margin-bottom: 20px;
}

.kotex-form .already-member {
    margin-bottom: 80px;
}

@media (max-width: 991.98px) {
    .kotex-form .already-member {
        margin-bottom: 40px;
    }
}

.kotex-form h3 {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    text-align: center;
}

@media (min-width: 992px) {
    .kotex-form input[type="text"],
    .kotex-form input[type="email"],
    .kotex-form input[type="date"],
    .kotex-form select,
    .kotex-form textarea {
        min-width: 236px;
    }
}

.kotex-form input[type="text"].input-validation-error,
.kotex-form input[type="email"].input-validation-error,
.kotex-form input[type="date"].input-validation-error,
.kotex-form select.input-validation-error,
.kotex-form textarea.input-validation-error {
    border-color: #EA1B23;
}

.kotex-form a:focus {
    color: #FF00BB;
}

.kotex-form input[type="date"]::-webkit-calendar-picker-indicator,
.kotex-form input[type="date"]::-webkit-inner-spin-button {
    opacity: 0;
}

.kotex-form input[type="date"] {
    background-image: url("../img/Calendar default.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 20px;
}

    .kotex-form input[type="date"]:hover {
        background-image: url("../img/Calendar hover.svg");
    }

@media (max-width: 991.98px) {
    .kotex-form .text-count {
        margin-bottom: 0;
    }
}

.kotex-form .terms-and-condition a {
    text-decoration: underline;
}

.kotex-form .personal-details {
    margin-top: 60px;
}

    .kotex-form .personal-details .title {
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 23px;
        font-weight: 700;
        line-height: 30px;
    }

    .kotex-form .personal-details p {
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        line-height: 25px;
    }

.wrapper-process {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.profile-form-wrapper .profile-info-title {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 26px;
    letter-spacing: .5px;
    color: #4f4f4f;
    font-weight: 800;
    text-align: center;
    margin: 30px 0 0 0;
    display: block;
}

.thank-you-wrapper {
    margin: 60px 0;
}

    .thank-you-wrapper h2 {
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        text-align: center;
        font-size: 25px;
        line-height: 30px;
    }

@media (min-width: 992px) {
    .lg-label-alignment > div > div {
        display: flex;
        flex-direction: row;
        align-items: baseline;
    }
}

/* Error page */
.error-page {
    margin: 40px 0;
}

@media (min-width: 992px) {
    .error-page {
        margin: 44px 0 100px;
    }
}

@media (min-width: 768px) {
    .error-page .img-wrap {
        padding: 0 0 13px 0;
    }
}

.error-page .img-wrap img {
    width: 70px;
    height: auto;
}

@media (min-width: 768px) {
    .error-page .img-wrap img {
        width: 140px;
    }
}

.error-page h2 {
    font-size: 20px;
    color: #000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    line-height: 30px;
    font-weight: bold;
    margin: 12px 0 0 0;
}

@media (min-width: 576px) {
    .error-page h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 32px 0;
    }
}

@media (min-width: 768px) {
    .error-page h2 {
        font-size: 40px;
        line-height: 42px;
        margin: 10px 0 12px;
    }
}

.error-page p {
    font-size: 14px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    line-height: 18px;
    color: #000;
    padding: 0 0 10px 0;
    margin: 0;
}

@media (min-width: 768px) {
    .error-page p {
        font-size: 24px;
        color: #000;
        line-height: 40px;
        margin: 0;
        padding: 0;
    }
}

.error-page a {
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #EA1B23;
    display: inline-block;
}

@media (min-width: 576px) {
    .error-page a {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .error-page a {
        padding: 20px 0 0 0;
    }
}

.error-page a .icon-Arrow_right {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    width: 15px;
    height: 8px;
    margin: 0 0 3px 0px;
}

@media (min-width: 992px) {
    .error-page a .icon-Arrow_right {
        margin: 0 0 3px 3px;
    }
}

.error-page a:focus, .error-page a:hover {
    text-decoration: none;
    color: #FF00BB;
}

    .error-page a:focus .icon-Arrow_right:before, .error-page a:hover .icon-Arrow_right:before {
        color: #FF00BB;
    }

/* Safe Products page */
.flushable-wipes {
    margin: 60px 0 30px 0;
}

    .flushable-wipes .component-title span {
        font-size: 26px;
        font-weight: 500;
    }

@media (min-width: 576px) {
    .flushable-wipes .component-title span {
        font-size: 32px;
    }
}

.flushable-wipes .flushable-wipe-content {
    border-bottom: 2px dotted #F5ECD9;
    padding-bottom: 20px;
}

    .flushable-wipes .flushable-wipe-content .col-6:first-child {
        border-right: 2px dotted #F5ECD9;
    }

    .flushable-wipes .flushable-wipe-content .col-6 .card {
        border: 0;
        text-align: center;
        align-items: center;
    }

        .flushable-wipes .flushable-wipe-content .col-6 .card img {
            padding-bottom: 10px;
        }

@media (min-width: 576px) {
    .flushable-wipes .flushable-wipe-content .col-6 .card img {
        width: 152px;
        height: 152px;
    }
}

.flushable-wipes .flushable-wipe-content .col-6 .card .card-body {
    padding: 0;
}

@media (min-width: 992px) {
    .flushable-wipes .flushable-wipe-content .col-6 .card .card-body {
        padding: 0 95px;
    }
}

.flushable-wipes .flushable-wipe-content .col-6 .card .card-body .card-text {
    color: #00205C;
    font-size: 18px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
}

/* Campaign */
.participate-section {
    background: #F1F1F1;
    padding: 15px 0;
    text-align: center;
}

@media (min-width: 576px) {
    .participate-section {
        padding: 30px 0;
    }
}

.participate-section p {
    font-size: 18px;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    line-height: 25px;
    font-weight: bold;
    color: #00205C;
}

@media (min-width: 576px) {
    .participate-section p {
        font-size: 20px;
    }
}

.participate-section a.btn {
    max-width: 210px;
    font-size: 16px;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    line-height: 22px;
}

@media (min-width: 576px) {
    .participate-section a.btn {
        font-size: 18px;
    }
}

.campaign-title-section {
    border-bottom: 2px dotted #F5ECD9;
}

@media (min-width: 768px) {
    .campaign-title-section {
        margin: 34px 0 0 0;
        padding: 0 0 6px 0;
    }
}

.campaign-title-section .component-title span {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
}

@media (min-width: 576px) {
    .campaign-title-section .component-title span {
        font-size: 26px;
        line-height: 40px;
    }
}

@media (min-width: 768px) {
    .campaign-title-section .component-title span {
        font-size: 32px;
    }
}

.campaign-title-section p {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #00205C;
    font-weight: 300;
    line-height: 20px;
}

@media (min-width: 576px) {
    .campaign-title-section p {
        font-size: 18px;
        line-height: 25px;
    }
}

@media (min-width: 768px) {
    .campaign-title-section p {
        font-size: 15px;
    }
}

.quiz-campaign-title .campaign-title-section {
    border: 0;
    margin: 34px 0 30px 0;
}

    .quiz-campaign-title .campaign-title-section p {
        margin-bottom: 0;
    }

.question-answer-section .question-answer-wrapper {
    border-bottom: 2px dotted #F5ECD9;
    padding-bottom: 8px;
}

@media (max-width: 991.98px) {
    .question-answer-section .question-answer-wrapper {
        margin-top: 30px;
    }
}

.question-answer-section .question-answer-wrapper .error-div {
    margin-bottom: 25px;
    color: red;
    font-size: 15px;
}

@media (min-width: 992px) {
    .question-answer-section .question-answer-wrapper {
        padding-left: 114px;
    }
}

.question-answer-section .question-answer-wrapper ol {
    padding: 0 0 0 15px;
    font-size: 15px;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #00205C;
    line-height: 20px;
    font-weight: bold;
}

@media (min-width: 576px) {
    .question-answer-section .question-answer-wrapper ol {
        font-size: 20px;
        line-height: 25px;
    }
}

@media (min-width: 768px) {
    .question-answer-section .question-answer-wrapper ol {
        line-height: 30px;
    }
}

.question-answer-section .question-answer-wrapper ol li .questions {
    margin: 0 0 10px 0;
}

@media (min-width: 768px) {
    .question-answer-section .question-answer-wrapper ol li .questions {
        margin: 0 0 16px 0;
    }
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices {
    margin: 0 0 22px 0;
}

@media (min-width: 768px) {
    .question-answer-section .question-answer-wrapper ol li .multiple-choices {
        margin: 0 0 44px -20px;
    }
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul {
    list-style: none;
    padding: 0;
}

    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .radio-label {
        color: #00205C;
        font-size: 15px;
        line-height: 25px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 300;
    }

@media (min-width: 768px) {
    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .radio-label {
        padding-left: 40px;
        margin-bottom: 22px;
    }
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label {
    color: #00205C;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    line-height: 25px;
}

    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label:hover span.icon-Desktop_checkbox_hover {
        display: inline-block !important;
        vertical-align: middle;
        margin-right: 10px;
    }

        .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label:hover span.icon-Desktop_checkbox_hover::before {
            font-size: 20px;
        }

@media (min-width: 576px) {
    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label:hover span.icon-Desktop_checkbox_hover::before {
        font-size: 24px;
    }
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label:hover span.icon-Desktop_Checkbox_default {
    display: none !important;
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label:hover span.icon-Desktop_Checkbox_selected {
    display: none !important;
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label span.icon-Desktop_Checkbox_default {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

@media (min-width: 576px) {
    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox .checkbox-label span.icon-Desktop_Checkbox_default {
        font-size: 24px;
    }
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label .icon-Desktop_Checkbox-selected {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 10px;
}

    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label .icon-Desktop_Checkbox-selected::before {
        font-size: 20px;
    }

@media (min-width: 576px) {
    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label .icon-Desktop_Checkbox-selected::before {
        font-size: 24px;
    }
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label .icon-Desktop_Checkbox_default {
    display: none;
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label .icon-Desktop_checkbox_hover {
    display: none !important;
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label:hover .icon-Desktop_Checkbox-selected {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 10px;
}

    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label:hover .icon-Desktop_Checkbox-selected::before {
        font-size: 20px;
    }

@media (min-width: 576px) {
    .question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label:hover .icon-Desktop_Checkbox-selected::before {
        font-size: 24px;
    }
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label:hover .icon-Desktop_Checkbox_default {
    display: none;
}

.question-answer-section .question-answer-wrapper ol li .multiple-choices ul .custom-checkbox input:checked + .checkbox-label:hover .icon-Desktop_checkbox_hover {
    display: none !important;
}

@media (min-width: 768px) {
    .question-answer-section .question-answer-wrapper ol li:last-child .multiple-choices {
        margin-bottom: 20px;
    }
}

.question-answer-section .btn-section a.btn {
    max-width: 212px;
    margin: 20px 0 50px 0;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
}

@media (min-width: 768px) {
    .question-answer-section .btn-section a.btn {
        margin: 30px 0 50px 0;
    }
}

@media (min-width: 992px) {
    .question-answer-section .btn-section a.btn {
        margin: 18px 0 50px 0;
    }
}

/* Homepage */
@media (max-width: 767.98px) {
    .banner-section {
        max-height: 370px;
    }
}

.banner-section button.slick-prev {
    left: 15px;
    z-index: 4;
}

.banner-section button.slick-next {
    right: 15px;
    left: unset;
    z-index: 0;
}

@media (min-width: 768px) {
    .banner-section button.slick-prev {
        left: 15px;
    }

    .banner-section button.slick-next {
        right: 33px;
    }
}

@media (max-width: 767.98px) {
    .banner-section .slick-prev,
    .banner-section .slick-next {
        top: 45%;
    }
}

.banner-section .carousel-block {
    position: absolute;
    top: 17px;
    padding: 0;
    right: 0;
    left: 0px;
    z-index: 10;
    text-align: left;
}

@media (min-width: 768px) {
    .banner-section .carousel-block {
        top: 10px;
    }
}

@media (min-width: 1200px) {
    .banner-section .carousel-block {
        top: 125px;
    }
}

.banner-section .carousel-block .carousel-title img {
    max-width: 148px;
    height: auto;
    padding: 0 0 5px 0;
}

@media (min-width: 768px) {
    .banner-section .carousel-block .carousel-title img {
        max-width: 329px;
        padding: 0;
    }
}

.banner-section .carousel-block .carousel-subtext {
    font-size: 16px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    line-height: 20px;
    max-width: 48%;
    margin: 0 0 10px 0;
}

    .banner-section .carousel-block .carousel-subtext.subtext-white {
        color: #FFF;
    }

    .banner-section .carousel-block .carousel-subtext.subtext-black {
        color: #000;
    }

@media (min-width: 768px) {
    .banner-section .carousel-block .carousel-subtext {
        font-size: 24px;
        line-height: 26px;
        max-width: 50%;
        margin: 0 0 20px 0;
    }
}

@media (min-width: 1200px) {
    .banner-section .carousel-block .carousel-subtext {
        max-width: 30%;
    }
}

.banner-section .carousel-block .carousel-subtext .title {
    margin-top: 10px;
    font-size: 30px;
}

@media (min-width: 768px) {
    .banner-section .carousel-block .carousel-subtext .title {
        margin-top: 15px;
        font-size: 50px;
    }
}

@media (max-width: 767.98px) {
    .banner-section .carousel-block a.btn-primary {
        max-width: 140px;
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 14px;
        padding: 5px 10px;
    }
}

.banner-section .carousel-block.bottom-left-align {
    top: 10px;
    width: 100%;
    height: 100%;
}

    .banner-section .carousel-block.bottom-left-align .secondary-btn {
        position: absolute;
        bottom: 80px;
    }

@media (max-width: 767.98px) {
    .banner-section .carousel-block.bottom-left-align .secondary-btn {
        bottom: 30px;
        min-width: 100px;
        font-size: 16px;
    }
}

.banner-section {
    margin: 0 0 30px 0;
}

@media (min-width: 768px) {
    .banner-section {
        margin: 0 0 70px 0;
    }
}

.banner-section .button-group {
    margin-top: 0;
}

    .banner-section .button-group .col:focus {
        outline: none;
    }

    .banner-section .button-group .button-block {
        text-align: center;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    }

        .banner-section .button-group .button-block:hover {
            cursor: pointer;
        }

        .banner-section .button-group .button-block:focus {
            outline: none;
        }

@media (max-width: 575.98px) {
    .banner-section .button-group .slick-slide .col {
        padding-left: 8px;
        padding-right: 0;
    }

    .banner-section .button-group .slick-slide:first-child .col {
        padding-left: 15px;
        padding-right: 0;
    }

    .banner-section .button-group .slick-slide:last-child .col {
        padding-left: 8px;
        padding-right: 15px;
    }
}

.banner-section .button-group .slick-slide .button-block img {
    max-width: 66px;
    height: auto;
}

@media (max-width: 360px) {
    .banner-section .button-group .slick-slide .button-block img {
        height: 26px;
    }
}

@media (min-width: 768px) {
    .banner-section .button-group .slick-slide .button-block img {
        max-width: 120px;
        height: auto;
    }
}

.banner-section .button-group .slick-slide .button-block img:nth-child(1) {
    visibility: hidden;
    position: absolute;
}

.banner-section .button-group .slick-slide .button-block img:nth-child(2) {
    visibility: visible;
}

.banner-section .button-group .slick-slide.slick-current {
    position: relative;
    top: 2px;
}

    .banner-section .button-group .slick-slide.slick-current .button-block img:nth-child(1) {
        visibility: visible;
    }

    .banner-section .button-group .slick-slide.slick-current .button-block img:nth-child(2) {
        visibility: hidden;
        position: absolute;
    }

.familycare-newsletter {
    color: #FFFFFF;
    padding: 20px 15px;
    background-color: #EA1B23;
    z-index: 1;
    position: relative;
}

@media (min-width: 992px) {
    .familycare-newsletter {
        padding: 30px 0;
    }
}

.familycare-newsletter .subscribe-to-recieve {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
}

@media (max-width: 767.98px) {
    .familycare-newsletter .subscribe-to-recieve {
        padding: 0 15px;
    }
}

@media (min-width: 768px) {
    .familycare-newsletter .subscribe-to-recieve {
        font-size: 26px;
        padding: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .familycare-newsletter .subscribe-to-recieve {
        font-size: 26px;
        line-height: 26px;
    }
}

.familycare-newsletter .secondary-btn {
    font-size: 14px;
    line-height: 32px;
    margin-top: 20px;
    background: #FFF;
    border: none;
    border-radius: 0;
    color: #EA1B23;
    width: 135px;
    height: 32px;
    padding: 0;
    border: none;
}

@media (min-width: 768px) {
    .familycare-newsletter .secondary-btn {
        font-size: 20px;
        line-height: 30px;
        margin-top: 30px;
        min-width: 170px;
        height: 36px;
        padding: 3px 0 0;
    }
}

.familycare-newsletter .icon-Checkbox_default {
    font-size: 12px;
    vertical-align: middle;
}

@media (min-width: 992px) {
    .familycare-newsletter .icon-Checkbox_default {
        font-size: 20px;
    }
}

.familycare-newsletter .icon-Checkbox_default:before {
    content: "";
    color: white;
}

.familycare-newsletter .icon-Checkbox_selected-1:before {
    color: #fff !important;
}

.familycare-newsletter span.icon-Checkbox_hover:before {
    background-color: #FF00BB !important;
    color: #fff;
}

.familycare-newsletter input {
    border-radius: 8px;
    background-color: #FFF;
    border: none;
    height: 30px;
    padding-left: 11px;
    outline: 0;
    color: #000 !important;
    font-size: 12px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 25px;
}

@media (min-width: 768px) {
    .familycare-newsletter input {
        height: 40px;
        padding-left: 15px;
        font-size: 18px;
        line-height: 28px;
    }
}

@media (min-width: 1200px) {
    .familycare-newsletter input {
        padding-right: 3px;
    }
}

.familycare-newsletter input:active, .familycare-newsletter input:focus {
    outline: 0;
}

.familycare-newsletter input::-webkit-input-placeholder {
    /* Edge */
    color: #9F9F9F;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
}

@media (min-width: 768px) {
    .familycare-newsletter input::-webkit-input-placeholder {
        font-size: 20px;
        line-height: 39px;
    }
}

@media (min-width: 992px) {
    .familycare-newsletter input::-webkit-input-placeholder {
        font-size: 20px;
    }
}

.familycare-newsletter input::placeholder {
    color: #939598;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 25px;
}

@media (min-width: 992px) {
    .familycare-newsletter input::placeholder {
        font-size: 18px;
    }
}

.familycare-newsletter .msg.error {
    color: #fff;
    font-size: 10px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    text-align: left;
    line-height: 12px;
    padding: 4px 0 0;
}

@media (min-width: 768px) {
    .familycare-newsletter .msg.error {
        font-size: 18px;
        padding: 4px 0 0;
        line-height: 17px;
    }
}

@media (min-width: 576px) {
    .familycare-newsletter .msg.error + a + .custom-checkbox {
        margin-top: 50px;
    }
}

@media (max-width: 767.98px) {
    .familycare-newsletter .msg.error + a + .custom-checkbox {
        margin-top: 20px;
    }
}

.familycare-newsletter .error-input::placeholder {
    color: #EA1B23;
}

.familycare-newsletter.logged-in-cta .subscribe-to-recieve {
    margin-bottom: 30px;
}

.familycare-newsletter.logged-in-cta .join-now-image-wrapper p {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .familycare-newsletter.logged-in-cta .join-now-image-wrapper p {
        font-size: 18px;
        line-height: 30px;
        width: 50%;
    }
}

.familycare-newsletter label {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
}

@media (min-width: 768px) {
    .familycare-newsletter label {
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 24px;
    }
}

.familycare-newsletter .row {
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 992px) {
    .familycare-newsletter .col-12 {
        padding-left: 0;
        padding-right: 0;
        /*Override bootstrap*/
        margin-left: 12px;
        margin-right: 12px;
    }
}

@media (min-width: 992px) {
    .familycare-newsletter .col-lg-6 .form-group.email {
        float: right;
        position: relative;
    }
}

.familycare-newsletter .form-group {
    margin-bottom: 0px;
    margin-top: 11px;
}

    .familycare-newsletter .form-group.first-name {
        margin-top: 2px;
    }

@media (min-width: 768px) {
    .familycare-newsletter .form-group.first-name {
        margin-top: 27px;
    }
}

@media (min-width: 992px) {
    .familycare-newsletter .form-group {
        margin-top: 27px;
        width: 327px;
    }

        .familycare-newsletter .form-group.first-name {
            position: relative;
            float: right;
        }
}

.familycare-newsletter .form-group input#dob {
    background-image: url("../img/Calendar default.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
}

    .familycare-newsletter .form-group input#dob:hover {
        background-image: url("../img/Calendar hover.svg");
    }

@media (max-width: 767.98px) {
    .familycare-newsletter .form-group input#dob {
        background-size: 15px;
    }
}

@media (min-width: 992px) {
    .familycare-newsletter .col-lg-12 .form-group.email {
        width: 678px;
        position: relative;
        margin: 20px auto 0;
    }
}

@media (min-width: 768px) {
    .familycare-newsletter .row.form-group {
        margin-top: 30px;
    }
}

.familycare-newsletter .agree-checkbox {
    display: flex;
    font-size: 12px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

.familycare-newsletter .agree-parents {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .familycare-newsletter .agree-parents {
        margin-top: 20px;
    }
}

.familycare-newsletter .custom-control.custom-checkbox {
    padding: 16px 15px 0 15px;
}

@media (min-width: 992px) {
    .familycare-newsletter .custom-control.custom-checkbox {
        position: relative;
        padding: 20px 30px 15px 0;
    }
}

@media (min-width: 992px) {
    .familycare-newsletter .custom-control.custom-checkbox {
        padding-bottom: 0;
    }
}

@media (max-width: 991.98px) {
    .familycare-newsletter .custom-control.custom-checkbox label {
        display: flex;
    }
}

.familycare-newsletter p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 992px) {
    .familycare-newsletter p {
        font-size: 18px;
        line-height: normal;
    }
}

.familycare-newsletter .agree-text,
.familycare-newsletter .policy-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    margin-top: -4px;
}

@media (min-width: 992px) {
    .familycare-newsletter .agree-text,
    .familycare-newsletter .policy-text {
        font-size: 18px;
        line-height: normal;
        margin-top: 2px;
    }
}

.familycare-newsletter .policy-text {
    display: block;
    margin-top: 10px;
}

    .familycare-newsletter .policy-text a {
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 0 0 3px 0;
    }

@media (min-width: 992px) {
    .familycare-newsletter .subscriber-name,
    .familycare-newsletter .subscriber-email {
        display: flex;
        justify-content: center;
    }
}

.familycare-newsletter .subscriber-agree-text {
    margin: 0 auto;
    display: table;
    max-width: 1200px;
}

@media (max-width: 575.98px) {
    .familycare-faq .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.familycare-faq .faq-description {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    text-align: center;
    max-width: 80%;
    margin: 2px auto 26px;
}

@media (min-width: 768px) {
    .familycare-faq .faq-description {
        font-size: 20px;
        line-height: 24px;
        margin: -10px 0 30px 0;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .familycare-faq .read-all {
        margin-top: 28px;
    }
}

.familycare-faq .card-header.outer-accordion-header {
    color: #FFF;
    background-color: #000;
    position: relative;
    margin-top: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
}

@media (min-width: 1200px) {
    .familycare-faq .card-header.outer-accordion-header:hover {
        background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
    }
}

@media (min-width: 768px) {
    .familycare-faq .card-header.outer-accordion-header {
        margin-top: 10px;
        font-size: 20px;
        padding: 4px 0;
        padding-left: 30px;
    }
}

.familycare-faq .card-header.outer-accordion-header .icon-Expand {
    font-size: 14px;
    display: block;
}

@media (min-width: 768px) {
    .familycare-faq .card-header.outer-accordion-header .icon-Expand {
        font-size: 16px;
    }
}

.familycare-faq .card-header.outer-accordion-header .icon-collapse {
    display: none;
}

.familycare-faq .card-header.outer-accordion-header:not(.collapsed) {
    background-color: #EA1B23;
}

    .familycare-faq .card-header.outer-accordion-header:not(.collapsed) .icon-Expand {
        display: none;
    }

    .familycare-faq .card-header.outer-accordion-header:not(.collapsed) .icon-collapse {
        display: block;
    }

.familycare-faq .card-header.outer-accordion-header .card-title {
    font-size: 16px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .familycare-faq .card-header.outer-accordion-header .card-title {
        font-size: 20px;
    }
}

.familycare-faq .card-header[aria-expanded="true"] .icon-Arrow_up {
    top: 10px;
}

@media (min-width: 768px) {
    .familycare-faq .card-header[aria-expanded="true"] .icon-Arrow_up {
        top: 22%;
    }
}

@media (max-width: 575.98px) {
    .familycare-faq .card-header[aria-expanded="true"] .icon-Arrow_up {
        right: 30px;
    }
}

.familycare-faq .card-header:not(.outer-accordion-header)[aria-expanded="true"] {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    padding: 10px 0 5px;
    padding-left: 30px;
    padding-right: 45px;
}

    .familycare-faq .card-header:not(.outer-accordion-header)[aria-expanded="true"] .card-title {
        color: #000;
    }

        .familycare-faq .card-header:not(.outer-accordion-header)[aria-expanded="true"] .card-title:hover {
            color: #FF00BB;
        }

@media (min-width: 768px) {
    .familycare-faq .card-header:not(.outer-accordion-header)[aria-expanded="true"] {
        padding: 17px 0 6px;
        padding-left: 30px;
        padding-right: 55px;
    }
}

@media (max-width: 575.98px) {
    .familycare-faq .card-header:not(.outer-accordion-header)[aria-expanded="true"] {
        margin: 0;
    }
}

.familycare-faq .accordion {
    border: none;
}

    .familycare-faq .accordion > .card > .card-header {
        margin-bottom: 0px !important;
    }

.familycare-faq .card {
    border: none;
    border-radius: 0;
}

    .familycare-faq .card.card-header:not(.outer-accordion-header):last-child.collapsed {
        border-bottom: none;
    }

.familycare-faq > .card-title {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    line-height: 30px;
}

@media (min-width: 768px) {
    .familycare-faq > .card-title {
        font-size: 20px;
        line-height: 30px;
    }
}

.familycare-faq .card-body {
    padding: 0px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    background: rgba(196, 196, 196, 0.3);
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 300;
}

    .familycare-faq .card-body:not(.outer-accordion-body) {
        padding-left: 30px;
        padding-right: 45px;
        background: rgba(196, 196, 196, 0.3);
    }

@media (min-width: 768px) {
    .familycare-faq .card-body:not(.outer-accordion-body) {
        padding-right: 55px;
    }
}

.familycare-faq .card-body.outer-accordion-body {
    border: 1px solid #EA1B23;
}

@media (min-width: 768px) {
    .familycare-faq .card-body {
        font-size: 20px;
        line-height: 24px;
    }
}

.familycare-faq .card-header:not(.outer-accordion-header) {
    border: 0;
    background: rgba(196, 196, 196, 0.3);
    padding: 10px 0;
    padding-left: 5px;
    padding-right: 20px;
    position: relative;
}

@media (max-width: 575.98px) {
    .familycare-faq .card-header:not(.outer-accordion-header) {
        margin: 0 25px 0 25px;
    }
}

@media (min-width: 576px) {
    .familycare-faq .card-header:not(.outer-accordion-header) {
        padding: 10px 0;
        padding-left: 30px;
        padding-right: 45px;
    }
}

@media (min-width: 768px) {
    .familycare-faq .card-header:not(.outer-accordion-header) {
        padding: 17px 0 22px;
        padding-left: 30px;
        padding-right: 55px;
    }
}

.familycare-faq .card-header:not(.outer-accordion-header).collapsed {
    background: none;
    border-bottom: 0.5px solid #939598;
}

    .familycare-faq .card-header:not(.outer-accordion-header).collapsed .card-title {
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: #000;
    }

@media (min-width: 768px) {
    .familycare-faq .card-header:not(.outer-accordion-header).collapsed .card-title {
        font-size: 20px;
        line-height: 24px;
    }
}

.familycare-faq .card-header:not(.outer-accordion-header).collapsed .icon-Arrow_up {
    transform: scaleY(-1);
}

.familycare-faq .icon-Arrow_up {
    position: absolute;
    right: 5px;
    top: 42%;
}

@media (min-width: 576px) {
    .familycare-faq .icon-Arrow_up {
        right: 30px;
    }
}

@media (min-width: 768px) {
    .familycare-faq .icon-Arrow_up {
        right: 30px;
        top: 43%;
    }
}

.familycare-faq .icon-Arrow_up:before {
    font-size: 5px;
}

@media (min-width: 768px) {
    .familycare-faq .icon-Arrow_up:before {
        font-size: 9px;
    }
}

.familycare-faq .icon-collapse,
.familycare-faq .icon-Expand {
    position: absolute;
    right: 20px;
    font-size: 13px;
    bottom: 8px;
}

@media (min-width: 768px) {
    .familycare-faq .icon-collapse,
    .familycare-faq .icon-Expand {
        font-size: 18px;
        bottom: 11px;
        right: 30px;
    }
}

.familycare-faq .icon-collapse {
    font-size: 1.2px;
    bottom: 14px;
    right: 23px;
}

@media (min-width: 768px) {
    .familycare-faq .icon-collapse {
        font-size: 2px;
        bottom: 18px;
        right: 30px;
    }
}

.unable-to-find .faq-contact-section:after {
    content: '';
    position: absolute;
    max-width: 85%;
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 1px solid #939598;
    z-index: 1;
    opacity: .5;
}

@media (min-width: 992px) {
    .unable-to-find .faq-contact-section:after {
        max-width: 792px;
    }
}

.unable-to-find .faq-contact-section .component-title {
    margin-bottom: 5px;
}

@media (min-width: 992px) {
    .unable-to-find .faq-contact-section .component-title {
        margin-bottom: 26px;
    }
}

.unable-to-find .faq-contact-section .description-text {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-align: center;
    margin: 14px 0 6px;
}

@media (min-width: 768px) {
    .unable-to-find .faq-contact-section .description-text {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 6px;
    }
}

.unable-to-find .faq-contact-section a {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #EA1B23;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

    .unable-to-find .faq-contact-section a:hover {
        color: #FF00BB;
    }

@media (min-width: 768px) {
    .unable-to-find .faq-contact-section a {
        font-size: 20px;
        margin-bottom: 33px;
    }
}

.familycare-video-container .wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.7%;
}

    .familycare-video-container .wrapper.video-heigth {
        width: 100%;
        height: 0;
        padding-bottom: 56%;
        margin: 0 auto;
    }

@media (min-width: 768px) {
    .familycare-video-container .wrapper.video-heigth {
        width: 74%;
        height: 0;
        padding-bottom: 41.6%;
    }
}

.familycare-video-container .wrapper img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.familycare-video-container .wrapper iframe {
    display: none;
    border-radius: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media (min-width: 992px) {
    .familycare-video-container .wrapper iframe {
        border-radius: 15px;
        height: 100%;
        width: 100%;
    }
}

.familycare-video-container .wrapper .play-btn {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: 0;
    max-width: 65px;
    max-height: 50px;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px) {
    .familycare-video-container .wrapper .play-btn {
        max-width: 94px;
        max-height: 72px;
    }
}

.familycare-video-container .wrapper .play-btn:hover {
    cursor: pointer;
}

.familycare-video-container .wrapper .play-btn:focus {
    outline: 0;
}

.familycare-video-container .wrapper .play-btn svg {
    width: 60px;
}

.familycare-video-container .wrapper .play-btn .icon-Play-1 {
    font-size: 51px;
    background-color: #FFF;
    z-index: 0;
    opacity: 0.8;
    color: #EA1B23;
    transform: scaleX(1);
}

    .familycare-video-container .wrapper .play-btn .icon-Play-1:hover {
        color: #FF00BB;
    }

@media (min-width: 992px) {
    .familycare-video-container .wrapper .play-btn .icon-Play-1 {
        font-size: 73px;
    }
}

@media (min-width: 992px) {
    .familycare-video-container .wrapper .play-btn.two-col-video-btn .icon-Play {
        font-size: 75px;
    }
}

.circle-background-home {
    position: relative;
}

    .circle-background-home .bg-wrap img {
        position: absolute;
        right: -75px;
        top: -73px;
    }

@media (max-width: 767.98px) {
    .circle-background-home .bg-wrap img {
        width: 200px;
    }
}

@media (min-width: 576px) {
    .circle-background-home .bg-wrap img {
        right: -75px;
        top: -66px;
    }
}

.intitative-banner .container {
    padding: 0;
}

@media (min-width: 768px) {
    .intitative-banner .container {
        padding: 0 15px;
    }
}

.intitative-banner .container .banner-wrap .component-title {
    margin: 0 0 14px 0;
}

@media (min-width: 768px) {
    .intitative-banner .container .banner-wrap .component-title {
        margin: 0 0 35px 0;
    }
}

.intitative-banner .container .banner-wrap .img-holder {
    position: relative;
}

    .intitative-banner .container .banner-wrap .img-holder .content-wrap {
        position: absolute;
        left: 26px;
        bottom: 40px;
        display: flex;
        flex-direction: column;
    }

@media (min-width: 768px) {
    .intitative-banner .container .banner-wrap .img-holder .content-wrap {
        bottom: 41%;
        left: 96px;
    }
}

.intitative-banner .container .banner-wrap .img-holder .content-wrap .title {
    font-size: 30px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 20px;
    width: 200px;
}

@media (min-width: 768px) {
    .intitative-banner .container .banner-wrap .img-holder .content-wrap .title {
        font-size: 60px;
        width: 250px;
        line-height: 60px;
    }
}

.intitative-banner .container .banner-wrap .img-holder .content-wrap a {
    padding: 0;
}

    .intitative-banner .container .banner-wrap .img-holder .content-wrap a.primary-btn {
        width: 110px;
    }

@media (min-width: 768px) {
    .intitative-banner .container .banner-wrap .img-holder .content-wrap a.primary-btn {
        width: 150px;
    }
}

.offers-tab-section .offers-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 20px 0;
    position: relative;
    margin: 8px 0 0;
}

@media (min-width: 992px) {
    .offers-tab-section .offers-tabs {
        margin: 30px 0 5px;
        padding: 0 0 20px 0;
    }
}

.offers-tab-section .offers-tabs li {
    margin-right: 20px;
}

@media (min-width: 768px) {
    .offers-tab-section .offers-tabs li {
        margin-right: 50px;
    }
}

.offers-tab-section .offers-tabs li.nav-item {
    margin-right: 20px;
}

    .offers-tab-section .offers-tabs li.nav-item:last-child {
        margin-right: 0;
    }

@media (min-width: 768px) {
    .offers-tab-section .offers-tabs li.nav-item {
        margin-right: 50px;
    }
}

.offers-tab-section .offers-tabs li .sort-title {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #000;
}

@media (min-width: 768px) {
    .offers-tab-section .offers-tabs li .sort-title {
        font-size: 24px;
        line-height: 26px;
    }
}

.offers-tab-section .offers-tabs li a.nav-link {
    border-radius: 0;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 24px;
    padding: 5px 0;
    font-weight: 300;
    border: 0;
    border-top: 0;
    border-radius: 0;
}

@media (min-width: 768px) {
    .offers-tab-section .offers-tabs li a.nav-link {
        font-size: 24px;
        line-height: 26px;
    }
}

.offers-tab-section .offers-tabs li a.nav-link:hover {
    color: #FF00BB;
}

.offers-tab-section .offers-tabs li a.nav-link.active {
    color: #EA1B23;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    border-bottom: 2px solid #EA1B23;
    font-weight: 700;
}

@media (min-width: 576px) {
    .offers {
        padding-top: 16px;
    }
}

.offers .row {
    width: 100%;
    margin: 0;
}

@media (min-width: 576px) {
    .offers .row {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .offers .row {
        width: 78%;
        margin: 0 auto;
    }
}

.offers .row .col-md-6 {
    padding: 0;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .offers .row .col-md-6 {
        padding: 10px;
        margin: 0;
    }
}

.offers .row .col-md-6 .offer-outer {
    background: #f6f8fb;
    border-radius: 19px;
    text-align: center;
    border: 1px solid transparent;
}

    .offers .row .col-md-6 .offer-outer:hover {
        border: 1px solid #FF00BB;
    }

        .offers .row .col-md-6 .offer-outer:hover::after, .offers .row .col-md-6 .offer-outer:hover::before {
            content: '';
            width: 15px;
            height: 30px;
            background: #fff;
            position: absolute;
            top: 0;
        }

        .offers .row .col-md-6 .offer-outer:hover::after {
            border-radius: 15px 0px 0px 15px;
            transform: rotate(360deg);
            z-index: 10;
            border: 1px solid #FF00BB;
            right: -1px;
            border-right: 0;
            top: 303px;
            width: 18px;
            height: 30px;
        }

@media (min-width: 768px) {
    .offers .row .col-md-6 .offer-outer:hover::after {
        top: 322px;
        right: 10px;
        z-index: 3;
    }
}

.offers .row .col-md-6 .offer-outer:hover::before {
    border-radius: 15px 0px 0px 15px;
    transform: rotate(180deg);
    z-index: 10;
    border: 1px solid #FF00BB;
    left: 0px;
    border-right: 0;
    top: 303px;
    width: 18px;
    height: 30px;
}

@media (min-width: 768px) {
    .offers .row .col-md-6 .offer-outer:hover::before {
        top: 322px;
        left: 10px;
        z-index: 3;
    }
}

.offers .row .col-md-6 .offer-outer:hover .download-btn {
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
}

.offers .row .col-md-6 .offer-outer .top-level {
    padding: 26px 14px 6px;
}

@media (min-width: 768px) {
    .offers .row .col-md-6 .offer-outer .top-level {
        padding: 13px 14px;
    }
}

.offers .row .col-md-6 .offer-outer .offer-text {
    font-size: 20px;
    font-weight: 300;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 23px;
    color: #000;
}

@media (min-width: 768px) {
    .offers .row .col-md-6 .offer-outer .offer-text {
        line-height: 24px;
    }
}

.offers .row .col-md-6 .offer-outer .offer-text .offer-value {
    font-weight: bold;
}

.offers .row .col-md-6 .offer-outer .offer-text .product-name {
    display: block;
}

.offers .row .col-md-6 .offer-outer .offer-img {
    padding: 15px 0;
}

    .offers .row .col-md-6 .offer-outer .offer-img img {
        max-width: 100%;
        height: 126px;
    }

.offers .row .col-md-6 .offer-outer .promo-text {
    font-size: 20px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 23px;
    font-weight: 300;
    color: #000;
}

@media (min-width: 768px) {
    .offers .row .col-md-6 .offer-outer .promo-text {
        line-height: 24px;
        min-height: 80px;
    }
}

.offers .row .col-md-6 .offer-outer .download-btn {
    color: #FFF !important;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    height: 36px;
    padding-top: 1px;
    cursor: pointer;
}

.offers .row .col-md-6 .offer-outer .coupon-btn {
    color: #FFF !important;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    background: #939598;
}

@media (min-width: 992px) {
    .offers .row .col-md-6 .offer-outer .coupon-btn {
        height: 36px;
    }
}

.offers .row .col-md-6 .offer-outer .bottom-level {
    padding: 20px 0px 10px 0px;
    text-align: center;
    min-height: 90px;
}

    .offers .row .col-md-6 .offer-outer .bottom-level .copy-code {
        display: block;
        color: #EA1B23;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
    }

@media (min-width: 768px) {
    .offers .row .col-md-6 .offer-outer .bottom-level .copy-code {
        font-size: 18px;
        line-height: 24px;
    }
}

.offers .row .col-md-6 .offer-outer .bottom-level .copy-code:hover {
    color: #FF00BB !important;
}

.offers .row .col-md-6 .offer-outer .seperator {
    width: 100%;
    position: relative;
    padding: 0 30px;
    overflow: hidden;
}

    .offers .row .col-md-6 .offer-outer .seperator hr {
        margin: 15px 0;
        border: 0;
        border-top: 2px solid #939598;
    }

    .offers .row .col-md-6 .offer-outer .seperator::after, .offers .row .col-md-6 .offer-outer .seperator::before {
        content: '';
        width: 15px;
        height: 30px;
        background: #fff;
        position: absolute;
        top: 0;
    }

    .offers .row .col-md-6 .offer-outer .seperator::after {
        border-radius: 15px 0 0 15px;
        right: 0;
    }

    .offers .row .col-md-6 .offer-outer .seperator::before {
        border-radius: 0 15px 15px 0;
        left: 0;
    }

.offers .offer-wrapper {
    position: relative;
    padding: 15px 0 0 0;
}

    .offers .offer-wrapper img {
        width: 100%;
        height: auto;
    }

    .offers .offer-wrapper .btn-wrap {
        width: 100%;
        margin: 0 auto;
    }

        .offers .offer-wrapper .btn-wrap .primary-btn {
            position: absolute;
            left: 50%;
            bottom: 15px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            color: #fff;
            line-height: 32px;
            cursor: pointer;
        }

@media (min-width: 768px) {
    .offers .offer-wrapper .btn-wrap .primary-btn {
        bottom: 20px;
    }
}

.no-offers .no-offers-content {
    text-align: center;
}

    .no-offers .no-offers-content span {
        display: block;
        font-size: 14px;
        line-height: 18px;
        color: #000;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 300;
    }

        .no-offers .no-offers-content span:first-child {
            padding: 0 0 12px 0;
        }

@media (min-width: 768px) {
    .no-offers .no-offers-content span {
        font-size: 24px;
        line-height: 26px;
        width: 52%;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .no-offers .retailer-section {
        width: 50%;
        margin: 0 auto;
    }
}

.no-offers .retailer-section ul {
    margin: 20px 0 0 0;
    padding: 0 10px 0 10px;
}

@media (min-width: 768px) {
    .no-offers .retailer-section ul {
        margin: 48px 0 0 0;
        padding: 0;
    }
}

.no-offers .retailer-section ul li {
    padding: 0 10px 20px;
    margin: 18px 0 0 0;
    border-bottom: 2px solid #F1F1F1;
    display: flex;
    flex-direction: row;
    height: 60px;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .no-offers .retailer-section ul li:first-child {
        margin-top: 0;
        padding-top: 20px;
    }

    .no-offers .retailer-section ul li:hover a .icon-Arrow_right:before {
        color: #FF00BB;
    }

    .no-offers .retailer-section ul li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

        .no-offers .retailer-section ul li a span {
            font-size: 18px;
            right: 0;
            position: absolute;
        }

        .no-offers .retailer-section ul li a:focus {
            color: #EA1B23;
        }

    .no-offers .retailer-section ul li img {
        max-height: 50px;
        width: auto;
        max-width: 100%;
    }

.find-product-section-wrapper.explore-article {
    background-color: #fff;
}

    .find-product-section-wrapper.explore-article .find-product-section {
        width: 100%;
        /*.new-main-heading {
                margin-top:50px;
            }*/
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-section {
            width: 80%;
            padding-bottom: 20px;
        }

@media (min-width: 992px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section {
        width: 65%;
        padding: 20px 0 20px;
    }
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-section .family-care-category .family-care-icon-wrapper img {
    width: 70px;
    height: 70px;
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list {
    overflow: hidden;
}

    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type {
        width: 90%;
        justify-content: center;
    }

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type {
        display: block;
        flex-direction: unset;
        justify-content: unset;
        width: 100%;
        overflow-x: auto;
    }
}

@media (min-width: 1200px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-prev {
        background: url(../../Images/Left_red.svg) no-repeat;
        top: 18px;
        opacity: 1;
        z-index: 1;
        height: 24px;
        width: 24px;
        position: absolute;
        margin: 0;
        left: -50px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-prev.slick-disabled {
            opacity: 0.5;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-prev {
        background: url(../../Images/Left_red.svg) no-repeat;
        top: 18px;
        opacity: 1;
        z-index: 1;
        height: 24px;
        width: 24px;
        position: absolute;
        margin: 0;
        left: -40px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-prev.slick-disabled {
            opacity: 0.5;
        }
}

@media (min-width: 1200px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-next {
        background: url(../../Images/Right_red.svg) no-repeat;
        top: 18px;
        opacity: 1;
        z-index: 1;
        height: 24px;
        width: 24px;
        position: absolute;
        margin: 0;
        right: -50px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-next.slick-disabled {
            opacity: 0.5;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-next {
        background: url(../../Images/Right_red.svg) no-repeat;
        top: 18px;
        opacity: 1;
        z-index: 1;
        height: 24px;
        width: 24px;
        position: absolute;
        margin: 0;
        right: -40px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type button.slick-next.slick-disabled {
            opacity: 0.5;
        }
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li {
    width: auto;
}

@media (min-width: 992px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li {
        padding: 0 24px;
        width: auto !important;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li {
        padding: 0 11px 0 5px;
    }
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
    white-space: nowrap;
    padding: 0;
    height: 100%;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
        margin: 0;
    }
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a:hover {
    color: #EA1B23;
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a p {
    white-space: nowrap;
    border-bottom: none;
}

@media (max-width: 767.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a p {
        white-space: nowrap;
        font-size: 20px;
        line-height: 30px;
    }
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a p:hover {
    color: #FF00BB;
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-prev {
        width: 18px;
        height: 18px;
        background: url("../../Images/Left_red.svg") no-repeat 9px 0;
        background-size: 50%;
        opacity: 1;
        left: -20px;
        top: 3px;
        transform: rotate(0deg);
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-prev.slick-disabled {
            opacity: .5;
            cursor: default;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-prev {
        width: 40px;
        height: 40px;
        top: 18px;
    }
}

@media only screen and (max-width: 500px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-prev {
        left: -20px;
        top: 8px;
        background-size: 70%;
        width: 19px;
        height: 19px;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-next {
        width: 18px;
        height: 18px;
        background: url("../../Images/Right_red.svg") no-repeat 0 0;
        background-size: 50%;
        opacity: 1;
        right: -20px;
        top: 3px;
        transform: rotate(0deg);
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-next.slick-disabled {
            opacity: .5;
            cursor: default;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-next {
        width: 40px;
        height: 40px;
        top: 18px;
    }
}

@media only screen and (max-width: 500px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-next {
        right: -20px;
        top: 8px;
        background-size: 70%;
        width: 19px;
        height: 19px;
    }
}

.find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-item-section {
    text-align: left;
}

.accordion {
    border: 1px solid #9B9B9B;
    border-radius: 0;
    margin: 0 auto;
    overflow: hidden;
    /*.remove-border {           
            &:last-child {              
                .accordion-heading {
                    .accordion-toggle {
                        &[aria-expanded="false"] {
                            border-bottom: 0;
                        }
                    }
                }
            }
        }*/
}

@media only screen and (max-width: 991px) {
    .accordion {
        width: 100%;
    }
}

.accordion a:hover {
    text-decoration: none;
}

.accordion .accordion-body .accordion-inner:last-child {
    border-bottom: 1px solid #cad5e2;
}

.accordion .accordion-body:last-child .accordion-inner:last-child {
    border-bottom: none;
}

.accordion .accordion-group {
    /*&.remove-border{
            &:last-child{
                .accordion-toggle{
                    &[aria-expanded="false"]{
                        border-bottom:0;
                    }
                }
            }
        }*/
}

    .accordion .accordion-group .accordion-body:last-child {
        border-bottom: 1px solid #cad5e2;
    }

.accordion .accordion-toggle {
    font-size: 26px;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #00205c;
    line-height: 40px;
    text-decoration: none;
    display: block;
    padding: 30px 80px 30px 90px;
}

@media (max-width: 991.98px) {
    .accordion .accordion-toggle {
        padding: 15px 50px;
    }
}

@media only screen and (max-width: 500px) {
    .accordion .accordion-toggle {
        font-size: 16px;
    }
}

.accordion .accordion-toggle[aria-expanded="false"] {
    background: url("./../../../../../../src/Project/andrexMB/code/Images/down-arrow-red.svg") no-repeat 50px 54%;
    border-bottom: 1px solid #cad5e2;
    background-size: 24px 24px;
}

@media (max-width: 991.98px) {
    .accordion .accordion-toggle[aria-expanded="false"] {
        background: url("./../../../../../../src/Project/andrexMB/code/Images/down-arrow-red.svg") no-repeat 24px 52%;
        background-size: 20px 20px;
    }
}

@media only screen and (max-width: 500px) {
    .accordion .accordion-toggle[aria-expanded="false"] {
        background-size: 12px 12px;
        line-height: 16px;
        padding: 17px 50px;
        font-size: 12px;
    }
}

.accordion .accordion-toggle[aria-expanded="true"] {
    background: url("./../../../../../../src/Project/andrexMB/code/Images/Topred.svg") no-repeat 50px 52%;
    background-size: 24px 24px;
}

@media (max-width: 991.98px) {
    .accordion .accordion-toggle[aria-expanded="true"] {
        background: url("./../../../../../../src/Project/andrexMB/code/Images/Topred.svg") no-repeat 24px 52%;
        background-size: 20px 20px;
    }
}

@media only screen and (max-width: 500px) {
    .accordion .accordion-toggle[aria-expanded="true"] {
        background-size: 12px 12px;
        line-height: 16px;
        padding: 17px 50px;
        font-size: 12px;
    }
}

.accordion .accordion-toggle:hover, .accordion .accordion-toggle:focus {
    text-decoration: none;
}

.accordion .accordion-group:last-child .accordion-body:last-child {
    border-bottom: 0;
}

.accordion .accordion-group:nth-child(odd):last-child {
    border: 1px solid red;
}

    .accordion .accordion-group:nth-child(odd):last-child .accordion-toggle[aria-expanded="false"] {
        border-bottom: 0;
    }

.accordion .accordion-group .accordion-heading:last-child {
    border-radius: 0 36px 36px;
}

.accordion .accordion-inner {
    padding: 0 24px 2px;
}

@media (max-width: 991.98px) {
    .accordion .accordion-inner {
        padding: 0 5px;
    }
}

.accordion .accordion-inner > .row {
    margin: 30px 0;
}

@media screen and (max-width: 500px) {
    .accordion .accordion-inner > .row {
        margin-bottom: 24px;
    }
}

.accordion .accordion-inner .right-section {
    border-bottom: 1px solid #00205c;
    position: relative;
    height: 100%;
}

.accordion .accordion-inner .left-section {
    min-height: 200px;
}

    .accordion .accordion-inner .left-section img {
        width: 100%;
    }

.accordion .accordion-inner h2 {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #424C5F;
    margin-bottom: 10px;
}

@media only screen and (max-width: 500px) {
    .accordion .accordion-inner h2 {
        font-size: 16px;
        line-height: 20px;
        margin: 8px 0 2px;
    }
}

.accordion .accordion-inner p {
    color: #424C5F;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
}

@media only screen and (max-width: 500px) {
    .accordion .accordion-inner p {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.25px;
        margin-bottom: 10px;
    }
}

.accordion .accordion-inner accordion-toggle[aria-expanded="true"] .coveo-results-column {
    background-color: #ffffff;
}

.accordion .accordion-inner .wrapper {
    overflow: hidden;
    position: relative;
}

    .accordion .accordion-inner .wrapper .ellip {
        position: absolute;
        top: 43px;
        right: 0px;
        background: #fff;
        font-size: 21px;
    }

.accordion .accordion-inner a {
    color: #00205c !important;
    font-size: 20px;
    line-height: 28px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding-bottom: 15px;
    text-decoration: none !important;
    border-bottom: 1px solid #00205c;
    display: block;
}

@media only screen and (max-width: 500px) {
    .accordion .accordion-inner a {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 10px !important;
    }
}

.accordion .accordion-inner a:after {
    padding: 0px 17px;
    content: '';
    background: url(../../Images/right-arrow-red.svg) no-repeat;
    background-size: 8px 14px;
    background-position: 7px 8px;
}

@media only screen and (max-width: 500px) {
    .accordion .accordion-inner a:after {
        background-size: 8px 8px;
        background-position: center center;
        vertical-align: middle;
        padding: 0 6px;
    }
}

.accordion .slimScrollBar_new {
    height: 100px !important;
}

@media only screen and (max-width: 1100px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
        font-size: 20px;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
    }

    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 30px;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section {
        width: 100%;
        padding: 10px 0 15px;
    }
}

@media screen and (max-width: 991.98px) and (max-width: 500px) {
    .find-product-section-wrapper.explore-article .find-product-section {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .new-main-heading {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991.98px) and (max-width: 500px) {
    .find-product-section-wrapper.explore-article .find-product-section .new-main-heading {
        margin-bottom: 21px;
        margin-top: 19px;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section {
        width: 100%;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 991.98px) and (max-width: 767px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section {
        padding-bottom: 14px;
    }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section {
        padding: 50px 0 20px;
    }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section {
        padding: 25px 0 10px;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section .family-care-category .family-care-icon-wrapper img {
        width: 60px;
    }
}

@media screen and (max-width: 991.98px) and (max-width: 767px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section .family-care-category .family-care-icon-wrapper img {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section .family-care-category .age-name {
        font-size: 12px;
        white-space: nowrap;
        color: #00205c;
    }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section .family-care-category .age-name {
        font-size: 16px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 25px;
        text-align: center;
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-section .family-care-category .age-name {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-list {
        width: auto;
        margin: 0 5%;
    }

    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li {
        display: inline-block;
    }

        .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
            font-size: 22px;
            line-height: 35px;
            font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
            font-weight: 300;
        }

            .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a.ml-15 {
                margin-left: 15px;
            }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a.ml-15 {
        margin-left: 5px;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 22px;
        line-height: 35px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 500;
    }

    .accordion .accordion-inner .right-section {
        padding-bottom: 20px;
    }

    .accordion .accordion-inner a {
        position: unset;
        padding-bottom: 0;
    }

    .accordion .accordion-inner h2 {
        margin-top: 10px;
    }
}

@media screen and (max-width: 500px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
        padding-top: 4.5px;
        padding-bottom: 4.5px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    }
}

@media screen and (max-width: 500px) and (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
        font-size: 22px !important;
        line-height: 28px !important;
    }
}

@media only screen and (max-width: 500px) and (max-width: 767px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
        font-size: 16px !important;
        line-height: 30px !important;
    }
}

@media screen and (max-width: 500px) and (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a.ml-15 {
        margin-left: 15px;
    }
}

@media screen and (max-width: 500px) and (max-width: 767.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a.ml-15 {
        margin-left: 5px;
    }
}

@media screen and (max-width: 500px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li.active a {
        line-height: 16px;
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media screen and (max-width: 500px) and (max-width: 991.98px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 22px !important;
        line-height: 28px !important;
    }
}

@media only screen and (max-width: 500px) and (max-width: 767px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 16px !important;
        line-height: 30px !important;
    }
}

@media screen and (max-width: 500px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li:hover a p, .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li:focus a p {
        color: #EA1B23;
    }
}

@media only screen and (max-width: 350px) {
    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type .slick-list {
        width: 96%;
        margin: 0 2%;
    }

    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li a {
        font-size: 10px;
    }

    .find-product-section-wrapper.explore-article .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 10px;
    }
}

/*Coveo explore article styling start*/
.CoveoSearchInterface .coveo-main-section .coveo-results-column {
    background-color: #fff;
    max-width: 100%;
}

    .CoveoSearchInterface .coveo-main-section .coveo-results-column.bg-light-grey {
        background-color: #F6F8FB !important;
    }

    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult div.accordion-group:nth-last-child(2) .accordion-toggle[aria-expanded="false"] {
        border-bottom: none;
    }

    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper {
        padding: 0 100px;
    }

@media only screen and (max-width: 1300px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper {
        padding: 0 70px;
    }
}

@media only screen and (max-width: 1200px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper {
        padding: 0 50px;
    }
}

@media only screen and (max-width: 1050px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper {
        padding: 0 14px;
    }
}

@media only screen and (max-width: 991px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper {
        padding: 0;
    }
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container {
    border: 1px solid #BFCCDD;
    border-radius: 36px;
    padding-bottom: 20px;
}

    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-down {
        font-size: 24px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #424C5F;
        line-height: 40px;
        padding: 30px 40px;
        text-decoration: none;
        border-bottom: 1px solid #CAD5E2;
    }

        .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-down span svg {
            display: none;
        }

    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container {
        height: auto !important;
    }

        .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow {
            background-color: #fff;
            border: none;
        }

            .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section {
                width: 100%;
                margin: 20px 0;
                position: relative;
            }

@media (max-width: 991.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section {
        display: flex;
        flex-direction: column;
    }
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section .article-listing-image {
    width: 38%;
}

@media (max-width: 991.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section .article-listing-image {
        width: 100%;
        order: 1;
    }
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section .article-listing-content {
    width: 60%;
    float: right;
    color: #424C5F;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
}

@media (max-width: 991.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section .article-listing-content {
        width: 100%;
        order: 2;
    }
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section .article-listing-content h3 {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    padding: 20px 0;
}

.CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section .article-listing-content a {
    color: #00205c;
    font-size: 20px;
    line-height: 28px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #BFCCDD;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .CoveoSearchInterface .coveo-main-section .coveo-results-column .coveo-list-layout.CoveoResult .explore-article-listing-wrapper .article-listing-container .coveo-field-table-toggle-container .CoveoFieldTable.CoveoValueRow .article-listing-section .article-listing-content a {
        position: static;
        margin: 20px 0;
        display: block;
    }
}

.bg-light-grey {
    background-color: #F6F8FB !important;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .accordion .accordion-inner a:after {
        background-position: center center;
        vertical-align: middle;
        padding: 0 6px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .accordion .accordion-inner a:after {
        background-position: center center;
        vertical-align: middle;
        padding: 0 6px;
    }
}

.article-details .article-banner {
    position: relative;
}

    .article-details .article-banner picture {
        width: 100%;
        display: inline-block;
    }

        .article-details .article-banner picture img {
            width: 100%;
        }

@media (min-width: 768px) {
    .article-details .article-banner picture img {
        max-height: none;
    }
}

.article-details .top-content {
    position: absolute;
    text-align: center;
    top: 25%;
    left: 5%;
    transform: translateY(-50%);
    width: 100%;
}

@media (min-width: 576px) {
    .article-details .top-content {
        width: 100%;
        top: 25%;
    }
}

@media (min-width: 992px) {
    .article-details .top-content {
        width: 40%;
        top: 50%;
        left: 52%;
        transform: translateY(-52%);
        text-align: left;
    }
}

.article-details .top-content h1 {
    font-size: 20px;
    color: black;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    line-height: 18px;
    font-weight: 500;
}

@media (min-width: 576px) {
    .article-details .top-content h1 {
        font-size: 26px;
        line-height: 40px;
    }
}

@media (min-width: 992px) {
    .article-details .top-content h1 {
        font-size: 32px;
        line-height: 40px;
    }
}

.article-content-section .article-list .row {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .article-content-section .article-list .row {
        margin-bottom: 30px;
    }
}

.article-content-section .article-list .row .col-auto {
    flex: none;
}

.article-content-section .article-list .row.social-icons-section {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #000;
}

@media (min-width: 768px) {
    .article-content-section .article-list .row.social-icons-section {
        font-size: 20px;
        line-height: 30px;
    }
}

.article-content-section .article-list .row.social-icons-section .col-auto {
    padding-left: 0;
    padding-right: 0;
}

    .article-content-section .article-list .row.social-icons-section .col-auto p {
        margin-bottom: 0px;
    }

        .article-content-section .article-list .row.social-icons-section .col-auto p.social-icon-title {
            margin-right: 3px;
        }

    .article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper {
        padding-right: 15px;
    }

        .article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper .social-icon {
            padding-left: 2px;
            position: relative;
            cursor: pointer;
        }

@media (min-width: 768px) {
    .article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper .social-icon {
        padding-left: 5px;
    }
}

.article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper .social-icon .js-copy-clipboard-text {
    width: 320px;
    height: auto;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 16px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    font-size: 18px;
    line-height: 24px;
    right: 0;
    bottom: -99px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

    .article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper .social-icon .js-copy-clipboard-text::after {
        content: "";
        position: absolute;
        left: 95%;
        bottom: 100%;
        margin-left: -9px;
        border-width: 9px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
        transform: rotateZ(180deg);
    }

.article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper figure {
    margin-bottom: 0;
}

    .article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper figure img {
        width: 30px;
        height: 30px;
    }

@media (min-width: 768px) {
    .article-content-section .article-list .row.social-icons-section .col-auto.icons-wrapper figure img {
        width: 40px;
        height: 40px;
    }
}

.article-content-section .article-list .row .content-section ul {
    padding-left: 25px;
}

@media (min-width: 768px) {
    .article-content-section .article-list .row .content-section ul {
        padding-left: 40px;
    }
}

.article-content-section .article-list .row .content-section li,
.article-content-section .article-list .row .content-section p {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    line-height: 20px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .article-content-section .article-list .row .content-section li,
    .article-content-section .article-list .row .content-section p {
        font-size: 20px;
        line-height: 24px;
    }
}

.article-content-section .article-list .row .content-section li strong,
.article-content-section .article-list .row .content-section p strong {
    font-weight: bold;
    /*Override bootstrap*/
}

.article-content-section .article-list .row .content-section table {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    line-height: 20px;
    font-weight: 300;
    border: 1px solid #000;
}

    .article-content-section .article-list .row .content-section table th {
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 700;
    }

    .article-content-section .article-list .row .content-section table tr,
    .article-content-section .article-list .row .content-section table td,
    .article-content-section .article-list .row .content-section table th {
        border: 1px solid #000;
        padding: 5px;
    }

@media (min-width: 768px) {
    .article-content-section .article-list .row .content-section table tr,
    .article-content-section .article-list .row .content-section table td,
    .article-content-section .article-list .row .content-section table th {
        padding: 10px;
    }
}

@media (min-width: 768px) {
    .article-content-section .article-list .row .content-section table {
        font-size: 20px;
        line-height: 24px;
    }
}

.article-content-section .article-list .row .content-section table tbody tr:first-child td p {
    margin: 10px 5px;
}

.article-content-section .article-list .row.center-image {
    width: 100%;
    margin: 0 0 20px;
}

    .article-content-section .article-list .row.center-image .col-12 {
        padding: 0;
    }

.article-content-section .article-list .arrows {
    margin-top: 8px;
}

@media (min-width: 768px) {
    .article-content-section .article-list .arrows {
        margin-top: 30px;
    }
}

.article-content-section .article-list .arrows .left-arrow {
    color: #EA1B23;
}

    .article-content-section .article-list .arrows .left-arrow:not(.disabled):hover, .article-content-section .article-list .arrows .left-arrow:not(.disabled):focus {
        color: #FF00BB;
    }

    .article-content-section .article-list .arrows .left-arrow .icon-Arrow_left {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle;
        margin: -3px 0 0 2px;
        font-weight: bold;
        transform: scaleX(1);
    }

@media (max-width: 767.98px) {
    .article-content-section .article-list .arrows .left-arrow .icon-Arrow_left {
        font-size: 10px;
        margin: 0 0 0 2px;
    }
}

.article-content-section .article-list .arrows .left-arrow .pagination-lable {
    font-size: 16px;
    line-height: 30px;
    margin-left: 5px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

    .article-content-section .article-list .arrows .left-arrow .pagination-lable::before {
        font-size: 10px;
        color: inherit;
    }

@media (min-width: 768px) {
    .article-content-section .article-list .arrows .left-arrow .pagination-lable {
        font-size: 20px;
        margin-left: 6px;
    }

        .article-content-section .article-list .arrows .left-arrow .pagination-lable::before {
            font-size: 12px;
            color: inherit;
        }
}

.article-content-section .article-list .arrows .left-arrow.disabled {
    opacity: 0.3;
}

@media (min-width: 768px) {
    .article-content-section .article-list .arrows .left-arrow {
        font-size: 20px;
    }
}

.article-content-section .article-list .arrows .right-arrow {
    color: #EA1B23;
}

    .article-content-section .article-list .arrows .right-arrow:not(.disabled):hover, .article-content-section .article-list .arrows .right-arrow:not(.disabled):focus {
        color: #FF00BB;
    }

    .article-content-section .article-list .arrows .right-arrow .pagination-lable {
        font-size: 16px;
        line-height: 30px;
        color: inherit;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        margin-right: 5px;
    }

        .article-content-section .article-list .arrows .right-arrow .pagination-lable::before {
            font-size: 10px;
            color: inherit;
        }

@media (min-width: 768px) {
    .article-content-section .article-list .arrows .right-arrow .pagination-lable {
        font-size: 20px;
        margin-right: 6px;
    }

        .article-content-section .article-list .arrows .right-arrow .pagination-lable::before {
            font-size: 12px;
            color: inherit;
        }
}

.article-content-section .article-list .arrows .right-arrow .icon-Arrow_right {
    margin: -3px 0 0 2px;
}

@media (max-width: 767.98px) {
    .article-content-section .article-list .arrows .right-arrow .icon-Arrow_right {
        margin: 0 0 0 2px;
    }
}

.article-content-section .article-list .arrows .right-arrow::before {
    font-size: 10px;
}

.article-content-section .article-list .arrows .right-arrow.disabled {
    opacity: 0.3;
}

.article-content-section .article-list .arrows.bottom {
    padding-bottom: 25px;
    border-bottom: 0.5px solid #939598;
}

@media (min-width: 768px) {
    .article-content-section .article-list .arrows.bottom {
        padding-bottom: 0px;
        border-bottom: 1px solid #939598;
    }
}

.article-content-section ol {
    word-wrap: break-word;
}

.article-content-section a {
    color: #EA1B23;
    word-break: break-word;
}

    .article-content-section a:hover, .article-content-section a:focus {
        color: #FF00BB;
    }

.recommended-articles {
    padding-top: 50px;
}

@media (min-width: 992px) {
    .recommended-articles {
        padding-top: 70px;
    }
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-block {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid rgba(147, 149, 152, 0.5);
        padding-bottom: 70px;
    }
}

.recommended-articles .recommended-article-slider {
    margin-top: 16px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 0.5px solid #EA1B23;
}

    .recommended-articles .recommended-article-slider.slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider {
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider {
        margin-top: 25px;
        padding-bottom: 7px;
        max-width: 795px;
    }
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider {
        /* the parent */
    }

        .recommended-articles .recommended-article-slider .slick-slide {
            margin: 0 60px;
        }

        .recommended-articles .recommended-article-slider .slick-list {
            margin: 0 -80px;
        }
}

.recommended-articles .recommended-article-slider .slick-arrow {
    width: 25px;
    height: 25px;
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }
}

.recommended-articles .recommended-article-slider .slick-prev {
    left: -10px;
}

.recommended-articles .recommended-article-slider .slick-next {
    right: -10px;
    left: unset;
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider .slick-prev {
        left: -98px;
    }

    .recommended-articles .recommended-article-slider .slick-next {
        right: -98px;
    }
}

@media (min-width: 992px) {
    .recommended-articles .recommended-article-slider .slick-prev {
        left: -80px;
        top: 42%;
    }

    .recommended-articles .recommended-article-slider .slick-next {
        right: -80px;
        top: 42%;
    }
}

.recommended-articles .recommended-article-slider .slider-item {
    text-align: center;
    width: 95% !important;
    margin-left: 5px;
    /*Override slickjs*/
    /*.image {
                .img-holder {
                    img {
                        width: 234px;
                        height: 157px;
                        @include media-breakpoint-up(md) {
                            height: 230px;
                            width: 350px;
                        }
                    }
                }
            }*/
}

@media (min-width: 992px) {
    .recommended-articles .recommended-article-slider .slider-item {
        width: auto !important;
        margin-left: 0px;
    }
}

.recommended-articles .recommended-article-slider .slider-item .mobile-border {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #EA1B23;
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider .slider-item .mobile-border {
        border: none;
    }
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider .slider-item .title-container .col-12 {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-bottom: none;
    }
}

.recommended-articles .recommended-article-slider .slider-item .title-container .col-12 h2.title {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    padding: 8px 11px 0px 8px;
    margin: 0;
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider .slider-item .title-container .col-12 h2.title {
        font-size: 24px;
        line-height: 26px;
        padding: 10px 30px 8px 30px;
    }
}

.recommended-articles .recommended-article-slider .slider-item .title-container .col-12 .description {
    max-height: 75px;
    min-height: 75px;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .recommended-articles .recommended-article-slider .slider-item .title-container .col-12 .description {
        max-height: 85px;
        min-height: 85px;
    }
}

.recommended-articles .recommended-article-slider .slider-item .title-container .col-12 .description p {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (min-width: 992px) {
    .recommended-articles .recommended-article-slider .slider-item .title-container .col-12 .description p {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider .slider-item .description-container .col-12 {
        border-bottom: 2px solid #EA1B23;
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        border-right: 1px solid rgba(0, 0, 0, 0.3);
    }
}

.recommended-articles .recommended-article-slider .slider-item .description-container a.primary-btn {
    margin-bottom: 16px;
    margin-top: 16px;
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider .slider-item .description-container a.primary-btn {
        margin-bottom: 15px;
        margin-top: 13px;
    }
}

.recommended-articles .recommended-article-slider ul.slick-dots {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    /*override slick?*/
    bottom: 0;
}

@media (min-width: 768px) {
    .recommended-articles .recommended-article-slider ul.slick-dots {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 640px) and (max-width: 991px) {
    .share-on-section ul li span {
        font-size: 24px;
    }

    .share-on-section ul li a img {
        width: 44px;
        height: 44px;
    }

    .related-products .slider-item {
        text-align: center;
    }

        .related-products .slider-item .text-part h2 {
            font-size: 32px;
        }

        .related-products .slider-item .text-part p,
        .related-products .slider-item .text-part a {
            font-size: 20px;
        }

    .related-articles .slider-item .text-part p {
        font-size: 32px;
    }

    .related-articles .slider-item .text-part a {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .related-products button.slick-next,
    .related-products button.slick-next:hover,
    .related-products button.slick-next:focus {
        right: 10px !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-size: 40px !important;
    }

    .related-products button.slick-prev,
    .related-products button.slick-prev:hover,
    .related-products button.slick-prev:focus {
        left: 10px !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-size: 40px !important;
    }

    .related-products .slider-item .img-wrapper {
        width: 76%;
    }

        .related-products .slider-item .img-wrapper img {
            max-width: 80%;
        }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .related-products button.slick-next,
    .related-products button.slick-next:hover,
    .related-products button.slick-next:focus,
    .related-articles button.slick-next,
    .related-articles button.slick-next:hover,
    .related-articles button.slick-next:focus {
        right: 10px !important;
    }

    .related-products button.slick-prev,
    .related-products button.slick-prev:hover,
    .related-products button.slick-prev:focus,
    .related-articles button.slick-prev,
    .related-articles button.slick-prev:hover,
    .related-articles button.slick-prev:focus {
        left: 10px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .related-products .slider-item .img-wrapper {
        max-width: 310px;
    }
}

@media screen and (max-width: 767px) {
    .related-products .slider-item .img-wrapper {
        width: 70%;
        height: 200px;
        margin-top: 13px;
    }
}

.no-baby-unhugged-wrapper.chart-no-baby-unhugged {
    margin: 60px 0 100px;
}

@media screen and (max-width: 500px) {
    .no-baby-unhugged-wrapper.chart-no-baby-unhugged {
        margin: 30px 0 50px;
    }
}

@media screen and (max-width: 500px) {
    .related-articles .slider-item {
        margin-bottom: 10px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .related-products .slider-item .text-part a:after,
    .related-articles .slider-item .text-part a:after {
        background-position: center center;
        vertical-align: middle;
    }
}

/* iphone 6 plus */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .related-products .slider-item .text-part a:after,
    .related-articles .slider-item .text-part a:after {
        background-position: center center;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1600px) {
    .related-articles .new-main-heading + .row > div,
    .related-products .new-main-heading + .row > div {
        padding: 0 100px !important;
    }

    .related-articles button.slick-prev,
    .related-products button.slick-prev {
        left: -60px !important;
    }

        .related-articles button.slick-prev:focus, .related-articles button.slick-prev:hover,
        .related-products button.slick-prev:focus,
        .related-products button.slick-prev:hover {
            left: -60px !important;
        }

    .related-articles button.slick-next,
    .related-products button.slick-next {
        right: -60px !important;
    }

        .related-articles button.slick-next:focus, .related-articles button.slick-next:hover,
        .related-products button.slick-next:focus,
        .related-products button.slick-next:hover {
            right: -60px !important;
        }

    .content-container .related-articles .new-main-heading + .row > div,
    .content-container .related-products .new-main-heading + .row > div {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 992px) {
    .related-products .slider-item .text-part {
        position: relative;
        max-width: 90%;
        margin: 0 auto;
        min-height: 150px;
    }

        .related-products .slider-item .text-part a {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
}

@media (max-width: 767.98px) {
    .recommended-articles + .explore-products {
        margin-top: 40px;
    }
}

@media (max-width: 991.98px) {
    .recommended-articles + .explore-products {
        margin-top: 60px;
    }
}

@media (min-width: 992px) {
    .recommended-articles + .explore-products {
        margin-top: 75px;
    }
}

.signin-container .signin-content-header .signin-subheading-text {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    padding: 30px 15px 25px;
    color: #424C5F;
}

@media (max-width: 767.98px) {
    .signin-container .signin-content-header .signin-subheading-text {
        padding: 20px 0px 15px;
        font-size: 16px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 500px) {
    .signin-container .signin-content-header .signin-subheading-text {
        font-size: 14px;
    }
}

.signin-container .signin-content-header .signin-social-buttons {
    padding-bottom: 17px;
}

@media (max-width: 767.98px) {
    .signin-container .signin-content-header .signin-social-buttons {
        padding-bottom: 28px;
    }
}

.signin-container .signin-seperator {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .signin-container .signin-seperator hr {
        margin: 20px 0px;
        width: 100%;
    }

@media (max-width: 767.98px) {
    .signin-container .signin-seperator hr {
        border: .5px solid #bfccdd;
    }
}

.signin-container .signin-seperator .signin-seperator-text {
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 40px;
    color: #273040;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 65px;
    text-align: center;
    background: #FFFFFF;
    transform: translateX(-50%);
}

@media only screen and (max-width: 500px) {
    .signin-container .signin-seperator .signin-seperator-text {
        font-size: 14px;
        width: 26px;
    }
}

.signin-container .signin-tab-wrapper .tab-panels {
    padding-top: 9px;
}

@media (max-width: 767.98px) {
    .signin-container .signin-tab-wrapper .tab-panels {
        padding: 0px;
    }
}

.signin-container .signin-tab-wrapper .tab-panels .tab-headings {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

@media (max-width: 767.98px) {
    .signin-container .signin-tab-wrapper .tab-panels .tab-headings {
        margin: 10px 0 0;
    }
}

@media only screen and (max-width: 500px) {
    .signin-container .signin-tab-wrapper .tab-panels .tab-headings {
        margin-top: 0;
    }
}

.signin-container .signin-tab-wrapper .tab-panels .tab-headings li:first-child {
    padding-right: 57px;
}

@media (max-width: 767.98px) {
    .signin-container .signin-tab-wrapper .tab-panels .tab-headings li:first-child {
        padding-right: 50px;
    }
}

.signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab a {
    text-decoration: none;
}

.signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab .signin-panel-heading {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    color: #273040;
    display: inline-block;
    border-bottom: 2px solid transparent;
}

@media only screen and (max-width: 500px) {
    .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab .signin-panel-heading {
        font-size: 16px;
    }
}

.signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab .active {
    border-bottom: 2px solid #EA1B23;
    padding-bottom: 4px;
}

@media (max-width: 767.98px) {
    .gigya-popup .modal-body {
        padding: 40px 16px !important;
    }
}

.gigya-popup .modal-body .content-header .popup-bold-text {
    padding: 30px 0px !important;
}

@media (max-width: 767.98px) {
    .gigya-popup .modal-body .content-header .popup-bold-text {
        padding: 30px 0px 46px !important;
    }
}

.success-popup .modal-body .submitted-review-text .popup-bold-text.notify-text {
    padding-top: 20px !important;
}

@media (max-width: 767.98px) {
    .success-popup .modal-body .submitted-review-text .popup-bold-text.notify-text {
        padding-top: 40px !important;
    }
}

.success-popup .modal-body .submitted-review-text .popup-bold-text .bolder-text {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    color: #273040;
    line-height: 40px;
    text-align: center;
}

.delete-popup-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cancel-btn {
    margin-right: 20px;
}

@media (max-width: 767.98px) {
    .cancel-btn {
        width: 100%;
    }
}

.cancel-btn .btn-red-add {
    width: 220px;
    padding: 14px 23px;
    outline: none;
}

    .cancel-btn .btn-red-add:focus, .cancel-btn .btn-red-add:hover, .cancel-btn .btn-red-add:active {
        outline: none;
    }

@media (max-width: 767.98px) {
    .cancel-btn .btn-red-add {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .delete-btn {
        width: 100%;
    }
}

.delete-btn .btn-buy-prod {
    width: 220px;
    outline: none;
}

    .delete-btn .btn-buy-prod:focus, .delete-btn .btn-buy-prod:hover, .delete-btn .btn-buy-prod:active {
        outline: none;
    }

@media (max-width: 767.98px) {
    .delete-btn .btn-buy-prod {
        width: 100%;
    }
}

.why-andrex-container .banner-section {
    position: relative;
    padding-bottom: 40px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .banner-section {
        padding-bottom: 0;
    }
}

.why-andrex-container .banner-section picture img {
    width: 100%;
}

.why-andrex-container .banner-section .heading-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15%;
    text-align: left;
}

@media (max-width: 991.98px) {
    .why-andrex-container .banner-section .heading-content {
        padding-left: 15px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        text-align: left;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.why-andrex-container .banner-section .heading-content img {
    max-height: 50px;
}

@media screen and (max-width: 500px) {
    .why-andrex-container .banner-section .heading-content img {
        max-width: 50px;
        max-height: 83px;
    }
}

.why-andrex-container .banner-section .heading-content h1 {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: #424C5F;
    padding-top: 5px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .banner-section .heading-content h1 {
        font-size: 40px;
        line-height: 50px;
        margin: 10px 0 0;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .banner-section .heading-content h1 {
        font-size: 20px;
        line-height: 1.2;
        margin: 5px 0;
    }
}

.why-andrex-container .banner-section .heading-content p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #273040;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .banner-section .heading-content p {
        font-size: 24px;
        line-height: 32px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .banner-section .heading-content p {
        font-size: 16px;
        line-height: 1.2;
    }
}

.why-andrex-container h2 {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 32px;
    line-height: 40px;
    color: #424C5F;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    .why-andrex-container h2 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

.why-andrex-container .content-container {
    margin: 30px 0 40px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .content-container {
        margin: 19px 0 40px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .content-container {
        margin: 19px 0 21px;
    }
}

.why-andrex-container .content-container p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #273040;
    text-align: left;
    letter-spacing: 0.5px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .content-container p {
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .content-container p {
        font-size: 14px;
        line-height: 20px;
    }
}

.why-andrex-container .video-section {
    border-bottom: .5px solid #00205c;
    padding: 37px 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .video-section {
        padding: 15px 0 20px;
    }
}

.why-andrex-container .video-section .video-wrapper-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .why-andrex-container .video-section .video-wrapper-container {
        flex-direction: column;
    }
}

.why-andrex-container .video-section .video-wrapper-container h3 {
    text-align: left;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #273040;
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .video-section .video-wrapper-container h3 {
        margin: 10px 0 5px;
        font-size: 16px;
        line-height: 22px;
    }
}

.why-andrex-container .video-section .video-wrapper-container p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #273040;
    padding: 0;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .video-section .video-wrapper-container p {
        font-size: 24px;
        line-height: 30px;
        padding: 0;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .video-section .video-wrapper-container p {
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        margin-bottom: 0;
    }
}

.why-andrex-container .video-section .video-wrapper-container .video-content-container {
    width: 32%;
    padding-right: 30px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .video-section .video-wrapper-container .video-content-container {
        width: 100%;
        padding: 20px 0 10px;
    }
}

.why-andrex-container .video-section .video-wrapper-container .video-content-container p.block-heading {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 15px;
}

.why-andrex-container .video-section .video-wrapper-container .video-frame-container {
    width: 68%;
    padding: 10px 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .video-section .video-wrapper-container .video-frame-container {
        width: 100%;
    }
}

.why-andrex-container .video-section .video-wrapper-container .video-frame-container p {
    font-size: 18px;
    line-height: 24px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .video-section .video-wrapper-container .video-frame-container p {
        font-size: 14px;
        line-height: 18px;
    }
}

.why-andrex-container .video-section .video-wrapper-container .video-frame-container .prod-video-wrapper {
    margin-bottom: 5px;
}

    .why-andrex-container .video-section .video-wrapper-container .video-frame-container .prod-video-wrapper iframe {
        border-bottom-left-radius: 0;
        border-left: 0;
    }

.why-andrex-container .disney-section {
    border-top: 1px solid #00205c;
    border-bottom: 1px solid #00205c;
    padding: 40px 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .disney-section {
        padding: 38px 0 40px;
    }

        .why-andrex-container .disney-section h2 {
            margin-bottom: 40px;
        }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .disney-section {
        padding: 18px 0 20px;
    }

        .why-andrex-container .disney-section h2 {
            margin-bottom: 20px;
        }
}

@media (max-width: 991.98px) {
    .why-andrex-container .disney-section .title {
        margin: 20px auto 0;
        text-align: left;
    }

        .why-andrex-container .disney-section .title img:first-child {
            height: 35px;
        }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .disney-section .title {
        margin: 15px auto 0;
    }
}

.why-andrex-container .disney-section .title span {
    color: #BFCCDD;
    padding: 0 20px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .disney-section .content-image {
        width: 100%;
    }
}

.why-andrex-container .disney-section p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #273040;
    text-align: left;
    letter-spacing: 0.5px;
    margin-top: 20px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .disney-section p {
        font-size: 24px;
        line-height: 32px;
        padding-top: 30px;
        padding-bottom: 0px;
        margin: 0;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .disney-section p {
        font-size: 14px;
        line-height: 20px;
        padding-top: 15px;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.why-andrex-container .why-choose-andrex-section {
    padding: 37px 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section {
        padding: 38px 0 30px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .why-choose-andrex-section {
        padding: 19px 0 15px;
    }

        .why-andrex-container .why-choose-andrex-section h2 {
            margin-top: 3px;
        }
}

.why-andrex-container .why-choose-andrex-section .content-box {
    border: 1px solid #9B9B9B;
    border-radius: 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-box {
        border: none;
    }
}

.why-andrex-container .why-choose-andrex-section .content-item {
    display: flex;
    align-items: center;
    padding: 40px;
    border-bottom: 1px solid #00205c;
}

    .why-andrex-container .why-choose-andrex-section .content-item.image-right .text-content {
        padding: 30px 30px 30px 0;
    }

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-item.image-right .text-content {
        padding: 30px 0;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .why-choose-andrex-section .content-item.image-right .text-content {
        padding: 20px 0;
    }
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-item {
        display: block;
        padding: 0;
        margin-bottom: 30px;
    }

        .why-andrex-container .why-choose-andrex-section .content-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .why-choose-andrex-section .content-item {
        margin-bottom: 20px;
    }
}

.why-andrex-container .why-choose-andrex-section .content-item:last-child {
    border-bottom: none;
}

.why-andrex-container .why-choose-andrex-section .content-item.image-right {
    flex-direction: row-reverse;
}

.why-andrex-container .why-choose-andrex-section .content-item .image-content {
    width: 30%;
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-item .image-content {
        width: 100%;
    }

        .why-andrex-container .why-choose-andrex-section .content-item .image-content img {
            width: 100%;
            border-radius: 0;
        }
}

.why-andrex-container .why-choose-andrex-section .content-item .text-content {
    width: 70%;
    padding: 30px 0px 30px 30px;
    text-align: left;
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-item .text-content {
        width: 100%;
        padding: 30px 0 !important;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .why-choose-andrex-section .content-item .text-content {
        padding: 15px 0 !important;
    }
}

.why-andrex-container .why-choose-andrex-section .content-item .text-content p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #273040;
    text-align: left;
    letter-spacing: 0.5px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-item .text-content p {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .why-choose-andrex-section .content-item .text-content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
}

.why-andrex-container .andrex-history-section {
    border-bottom: 0 solid #00205c;
    padding: 40px 0 20px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section {
        padding: 20px 0 0px;
    }

        .why-andrex-container .andrex-history-section h2 {
            margin-bottom: 30px;
        }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .andrex-history-section h2 {
        margin-bottom: 15px;
    }
}

.why-andrex-container .andrex-history-section .history-slider-nav .line {
    width: 100%;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider-nav .line {
        width: 1140px;
    }
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-nav-carousel-slider {
        margin: 0 -15px;
    }
}

.why-andrex-container .andrex-history-section .history-nav-carousel-slider .slick-list {
    background: url(../../Images/line.svg) no-repeat 0 38px;
    background-size: 100%;
    height: 65px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-nav-carousel-slider .slick-list {
        background-size: initial;
        background-position-x: -7px;
    }
}

.why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item .history-nav {
    text-align: center;
}

.why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item a.slider-nav-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline-color: transparent;
    box-shadow: none;
}

    .why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item a.slider-nav-item:focus, .why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item a.slider-nav-item:hover {
        outline-color: transparent;
        box-shadow: none;
    }

    .why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item a.slider-nav-item span {
        font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        line-height: 40px;
        color: #424C5F;
    }

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item a.slider-nav-item span {
        font-size: 24px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item a.slider-nav-item span {
        font-size: 14px;
    }
}

.why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item a.slider-nav-item .dot {
    margin: 0 auto;
    height: 16px;
    width: 16px;
    border: 2px solid #000;
    background-color: #ffffff;
    border-radius: 20px;
}

.why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item.slick-current a.slider-nav-item span {
    color: #000;
}

.why-andrex-container .andrex-history-section .history-nav-carousel-slider .history-nav-carousel-slider-item.slick-current a.slider-nav-item .dot {
    background-color: #000;
    height: 28px;
    width: 28px;
    background-color: #000;
    box-sizing: border-box;
    border: 2px solid #000 !important;
    border-radius: 20px;
    box-shadow: 0px 0px 0px 4px #ffffff inset;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translate(-50%, 0);
}

.why-andrex-container .andrex-history-section .history-slider .slick-list {
    z-index: 1;
}

.why-andrex-container .andrex-history-section .history-slider button.slick-prev,
.why-andrex-container .andrex-history-section .history-slider button.slick-next {
    z-index: 2;
    top: 46%;
    opacity: 1;
    background: url("./../../../../../../src/Project/andrexMB/code/Images/down-arrow-red.svg") no-repeat 50%;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider button.slick-prev,
    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        top: 61%;
    }
}

@media (max-width: 767.98px) {
    .why-andrex-container .andrex-history-section .history-slider button.slick-prev,
    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        top: 58%;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .andrex-history-section .history-slider button.slick-prev,
    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        top: 53%;
    }
}

@media screen and (min-width: 360px) and (max-width: 640px) {
    .why-andrex-container .andrex-history-section .history-slider button.slick-prev,
    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        top: 50%;
    }
}

@media screen and (min-width: 375px) and (max-width: 667px) {
    .why-andrex-container .andrex-history-section .history-slider button.slick-prev,
    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        top: 52%;
    }
}

@media screen and (min-width: 414px) and (max-width: 736px) {
    .why-andrex-container .andrex-history-section .history-slider button.slick-prev,
    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        top: 55%;
    }
}

.why-andrex-container .andrex-history-section .history-slider button.slick-prev.slick-disabled,
.why-andrex-container .andrex-history-section .history-slider button.slick-next.slick-disabled {
    opacity: 0.5;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider button.slick-prev,
    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        background-size: 60%;
    }

    .why-andrex-container .andrex-history-section .history-slider button.slick-prev {
        left: -10px;
        width: 30px;
        height: 30px;
    }

    .why-andrex-container .andrex-history-section .history-slider button.slick-next {
        right: -10px;
        width: 30px;
        height: 30px;
    }
}

.why-andrex-container .andrex-history-section .history-slider-item {
    display: flex;
    padding: 54px 120px 0px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider-item {
        display: block;
        padding: 40px 0 40px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .andrex-history-section .history-slider-item {
        padding: 20px 0 0px;
    }
}

.why-andrex-container .andrex-history-section .history-slider-item .image-content {
    width: 35%;
    text-align: right;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider-item .image-content {
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}

.why-andrex-container .andrex-history-section .history-slider-item .text-content {
    text-align: left;
    padding: 10px 30px 0;
    width: 65%;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider-item .text-content {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .andrex-history-section .history-slider-item .text-content {
        padding-top: 15px;
        padding-bottom: 20px;
    }
}

.why-andrex-container .andrex-history-section .history-slider-item .text-content .year {
    display: inline-flex;
    position: relative;
}

    .why-andrex-container .andrex-history-section .history-slider-item .text-content .year span {
        font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        color: #ffffff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.why-andrex-container .andrex-history-section .history-slider-item .text-content .title {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #424C5F;
    padding: 16px 0 5px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider-item .text-content .title {
        font-size: 32px;
        line-height: 40px;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .andrex-history-section .history-slider-item .text-content .title {
        font-size: 16px;
        line-height: 22px;
        padding-top: 10px;
    }
}

.why-andrex-container .andrex-history-section .history-slider-item .text-content p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #424C5F;
}

@media (max-width: 991.98px) {
    .why-andrex-container .andrex-history-section .history-slider-item .text-content p {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .andrex-history-section .history-slider-item .text-content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
}

.why-andrex-container .about-us-section {
    padding: 20px 0 40px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .about-us-section {
        padding: 40px 0 10px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .about-us-section {
        padding: 20px 0 20px;
    }
}

.why-andrex-container .about-us-section .banner {
    position: relative;
}

@media screen and (max-width: 1400px) and (min-width: 993px) {
    .why-andrex-container .about-us-section .banner {
        min-height: 500px;
        overflow: hidden;
    }
}

.why-andrex-container .about-us-section .banner img.essential-mark {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 1400px) and (min-width: 993px) {
    .why-andrex-container .about-us-section .banner picture img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        bottom: unset;
        right: unset;
        width: auto !important;
        height: 100%;
        max-width: unset;
    }
}

.why-andrex-container .about-us-section .banner .text-content {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    right: 8%;
    text-align: left;
    max-width: 34%;
}

    .why-andrex-container .about-us-section .banner .text-content h2 {
        margin-bottom: 6px;
        text-align: left;
    }

@media (max-width: 991.98px) {
    .why-andrex-container .about-us-section .banner .text-content h2 {
        margin-bottom: 10px;
    }
}

@media (max-width: 1199.98px) {
    .why-andrex-container .about-us-section .banner .text-content {
        right: 2%;
        max-width: 47%;
    }
}

@media (max-width: 991.98px) {
    .why-andrex-container .about-us-section .banner .text-content {
        position: relative;
        top: initial;
        right: initial;
        max-width: 100%;
        background-color: #F6F8FB;
        padding: 30px 15px;
        transform: none;
    }
}

.why-andrex-container .about-us-section .banner .text-content img {
    max-width: 275px;
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .about-us-section .banner .text-content img {
        max-width: 160px;
    }
}

.why-andrex-container .about-us-section .banner .text-content p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #273040;
    letter-spacing: 0.5px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .about-us-section .banner .text-content p {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .about-us-section .banner .text-content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
}

.why-andrex-container .product-section {
    padding: 40px 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .product-section {
        padding: 30px 0 100px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container .product-section {
        padding: 0 0 50px 0;
    }
}

.why-andrex-container .product-section .image-content {
    text-align: center;
}

.why-andrex-container .product-section .text-content .title {
    text-align: left;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 32px;
    line-height: 40px;
    color: #424c5f;
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .product-section .text-content .title {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .product-section .text-content .title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
}

.why-andrex-container .product-section .text-content p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #273040;
    letter-spacing: 0.5px;
    max-width: 81%;
    margin-bottom: 20px;
}

@media (max-width: 991.98px) {
    .why-andrex-container .product-section .text-content p {
        font-size: 24px;
        line-height: 32px;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .why-andrex-container .product-section .text-content p {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
}

.why-andrex-container .product-section .text-content .link a,
.why-andrex-container .product-section .text-content .link a:hover,
.why-andrex-container .product-section .text-content .link a:focus {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 32px;
    color: #000;
}

@media (max-width: 991.98px) {
    .why-andrex-container .product-section .text-content .link a,
    .why-andrex-container .product-section .text-content .link a:hover,
    .why-andrex-container .product-section .text-content .link a:focus {
        font-size: 16px;
        line-height: 20px;
    }

        .why-andrex-container .product-section .text-content .link a img,
        .why-andrex-container .product-section .text-content .link a:hover img,
        .why-andrex-container .product-section .text-content .link a:focus img {
            height: 11px;
        }
}

.why-andrex-container .join-now-section {
    height: 150px;
    background-color: rgba(191, 204, 221, 0.3);
    text-align: center;
}

    .why-andrex-container .join-now-section a {
        align-items: center;
        height: 100%;
        display: inline-flex;
        font-family: "OmnesSemiBoldItalic", Helvetica, Roboto, Arial, sans-serif;
        font-size: 24px;
        line-height: 40px;
        color: #424C5F;
    }

@media only screen and (max-width: 500px) {
    .why-andrex-container .join-now-section a {
        font-size: 16px;
    }
}

.why-andrex-container.sustainability .banner-section .heading-content {
    width: 40%;
    left: 7%;
}

    .why-andrex-container.sustainability .banner-section .heading-content h2 {
        text-align: left;
        margin-bottom: 20px;
    }

    .why-andrex-container.sustainability .banner-section .heading-content P {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        line-height: 28px;
        color: #273040;
        text-align: left;
    }

.profile-section {
    margin: 50px 0;
}

    .profile-section .related-articles .slick-dots {
        display: none;
    }

.profile-main-menu {
    border-radius: 0;
    background-color: #F6F8FB;
    margin-top: 70px;
    position: relative;
}

    .profile-main-menu .profile-img {
        height: 140px;
        width: 140px;
        margin: 0 auto;
        position: absolute;
        top: -70px;
        left: 50%;
        transform: translate(-50%, 0);
    }

        .profile-main-menu .profile-img .avatar {
            width: 100%;
            height: 100%;
        }

        .profile-main-menu .profile-img .icon {
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translate(-50%, 0);
        }

    .profile-main-menu .profile-name {
        padding-top: 100px;
    }

        .profile-main-menu .profile-name .name {
            font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
            font-size: 24px;
            line-height: 40px;
            color: #273040;
        }

@media only screen and (max-width: 500px) {
    .profile-main-menu .profile-name .name {
        font-size: 16px;
        line-height: 20px;
    }
}

.profile-main-menu .profile-name .status {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #424C5F;
}

@media only screen and (max-width: 500px) {
    .profile-main-menu .profile-name .status {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-menu .profile-menu {
    border-top: 1px solid #BFCCDD;
}

.profile-main-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .profile-main-content {
        padding: 0 15px;
        margin-bottom: 0;
    }
}

.profile-main-content h1 {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #424c5f;
}

@media only screen and (max-width: 500px) {
    .profile-main-content h1 {
        font-size: 20px;
        line-height: 20px;
    }
}

.profile-main-content > p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    max-width: 80%;
    margin: 22px auto 40px auto;
    color: #424C5F;
}

@media (max-width: 991.98px) {
    .profile-main-content > p {
        font-size: 24px;
        line-height: 30px;
        margin: 5px auto 10px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content > p {
        font-size: 12px;
        line-height: 16px;
        margin: 0 auto 17px;
    }
}

.profile-main-content .my-progress {
    border: 1px solid #BFCCDD;
    border-radius: 0;
    background-color: #FFFFFF;
    padding: 18px 25px 25px 25px;
    margin-bottom: 20px;
}

    .profile-main-content .my-progress > hr {
        border-color: #00205c;
    }

    .profile-main-content .my-progress .tab-pane > hr {
        border-color: #00205c;
    }

    .profile-main-content .my-progress.my-tools {
        margin-top: 67px;
        padding: 35px 25px;
        margin-bottom: 35px;
    }

@media (max-width: 991.98px) {
    .profile-main-content .my-progress.my-tools {
        margin-bottom: 100px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 500px) {
    .profile-main-content .my-progress.my-tools {
        margin-bottom: 50px;
    }
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress {
        padding: 20px;
    }

        .profile-main-content .my-progress .tab-content {
            overflow: hidden;
        }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress {
        padding: 20px 10px 15px;
        margin-bottom: 15px;
    }
}

.profile-main-content .my-progress p.no-info {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #273040;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress p.no-info {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress p.no-info {
        font-size: 14px;
        line-height: 20px;
    }
}

.profile-main-content .my-progress h3 {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #424c5f;
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress h3 {
        font-size: 16px;
        line-height: 20px;
        margin: 0;
    }
}

.profile-main-content .my-progress .sub-title {
    text-align: center;
}

    .profile-main-content .my-progress .sub-title img {
        height: 35px;
    }

    .profile-main-content .my-progress .sub-title span {
        margin-left: 5px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        line-height: 24px;
        color: #424C5F;
        margin-top: 12px;
        display: inline-block;
    }

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .sub-title span {
        font-size: 20px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .sub-title span {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-progress .sub-title span b {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #273040;
    font-weight: 500;
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .sub-title span b {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-progress .nav-tabs {
    max-width: 92%;
    margin: 30px auto;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .nav-tabs {
        max-width: 100%;
        margin-left: 0;
        flex: 0 0 100%;
    }
}

.profile-main-content .my-progress .nav-tabs .nav-item {
    width: 33.3%;
    text-align: center;
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .nav-tabs .nav-item {
        padding: 4px;
    }
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .first-level-nav.nav-tabs {
        align-items: center;
    }
}

@media screen and (max-width: 500px) {
    .profile-main-content .my-progress .first-level-nav.nav-tabs {
        margin: 10px auto 12px;
    }
}

.profile-main-content .my-progress .first-level-nav.nav-tabs .nav-item .nav-link {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #273040;
    height: 100%;
    padding: 8px 6px;
    display: inline-block;
    border: none;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .first-level-nav.nav-tabs .nav-item .nav-link {
        font-size: 24px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .first-level-nav.nav-tabs .nav-item .nav-link {
        font-size: 12px;
        line-height: 16px;
        padding: 5px;
    }
}

.profile-main-content .my-progress .first-level-nav.nav-tabs .nav-item .nav-link span {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
}

.profile-main-content .my-progress .first-level-nav.nav-tabs .nav-item .nav-link.active {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    border-top: none;
    -webkit-box-shadow: 0 9px 0px -7px #000;
    -moz-box-shadow: 0 9px 0px -7px #000;
    box-shadow: 0 9px 0px -7px #000;
    color: #000;
}

.profile-main-content .my-progress .first-level-nav.nav-tabs .nav-item .nav-link:hover {
    border-top: none;
}

.profile-main-content .my-progress hr {
    margin-bottom: 20px;
}

@media screen and (max-width: 500px) {
    .profile-main-content .my-progress hr {
        margin-bottom: 15px;
    }
}

.profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 8.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs {
        max-width: 100%;
        margin: 0;
        flex: initial;
        word-break: break-word;
    }
}

.profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab {
    padding: 0 5%;
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab {
        padding: 0 1px;
    }
}

.profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab .nav-link {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #273040;
    font-size: 20px;
    line-height: 28px;
    border-radius: 25px;
    background-color: #F6F8FB;
    text-align: center;
    padding: 4px 10px;
    border: none;
    font-weight: 500;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab .nav-link {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab .nav-link {
        font-size: 12px;
        line-height: 16px;
        padding: 5px;
    }
}

.profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab .nav-link.active {
    border-radius: 25px;
    background-color: #00205c;
    color: #ffffff;
}

.profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab .nav-link:hover {
    border-top: none;
}

.profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab span {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #424C5F;
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px;
    display: inline-block;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab span {
        font-size: 20px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .first-level-tab.tab-content .tab-pane .nav-tabs .nav-item.trimester-tab span {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-progress .first-level-tab.tab-content .second-level-tab {
    padding-top: 10px;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper {
        margin: 0 -20px;
    }
}

.profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester {
    border-radius: 0;
    background-color: #F6F8FB;
    position: relative;
    padding: 60px 20px 20px 20px;
    margin: 50px 15px 10px 15px;
}

    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester img {
        max-width: 102px;
        margin: 0 auto;
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester h5 {
        text-align: center;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #273040;
        font-size: 20px;
        line-height: 28px;
    }

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester h5 {
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester h5 {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester ul {
    padding-left: 20px;
}

    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester ul li {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
    }

@media screen and (max-width: 500px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester ul li {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.25px;
    }
}

.profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester ul li p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester ul li p {
        font-size: 20px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester ul li p {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester ul li p span {
    white-space: initial !important;
}

@media screen and (max-width: 500px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper .trimester-carousel-slider-item .trimester hr {
        margin: 4px 0 5px;
    }
}

.profile-main-content .my-progress .trimester-carousel-wrapper button.slick-next {
    position: absolute;
    background: url(../../Images/Right_enabled_white.svg) no-repeat 50%;
    width: 60px;
    height: 60px;
    transform: none;
    right: 10px !important;
    top: 50%;
    opacity: 1;
}

@media screen and (max-width: 500px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper button.slick-next {
        background-size: 35px;
    }
}

.profile-main-content .my-progress .trimester-carousel-wrapper button.slick-prev {
    position: absolute;
    background: url(../../Images/Left_Enabled_White.svg) no-repeat 50%;
    width: 60px;
    height: 60px;
    transform: none;
    left: 10px !important;
    top: 50%;
    opacity: 1;
}

@media screen and (max-width: 500px) {
    .profile-main-content .my-progress .trimester-carousel-wrapper button.slick-prev {
        background-size: 35px;
    }
}

.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-list,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-list {
    height: 55px;
    padding: 15px 50px !important;
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-list,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-list {
        padding: 15px 20px !important;
    }
}

.profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item {
    text-align: center;
    position: relative;
}

    .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item.slick-active,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item.slick-active {
        background-color: #424C5F;
    }

    .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item.right-border,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item.right-border {
        background-color: #ffffff;
    }

        .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item.right-border .dot,
        .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item.right-border .dot {
            border-radius: 0 14px 14px 0;
            background-color: #424C5F;
            margin-right: 10px;
        }

    .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item.left-border,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item.left-border {
        background-color: #ffffff;
    }

        .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item.left-border .dot,
        .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item.left-border .dot {
            background-color: #424C5F;
            border-radius: 14px 0 0 14px;
            margin-left: 10px;
        }

    .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item[aria-hidden='true'] .dot,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item[aria-hidden='true'] .dot {
        background-color: white;
    }

    .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item span,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item span {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #ffffff;
        font-size: 18px;
        line-height: 19px;
    }

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item span,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item span {
        font-size: 24px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .dashboard-carousel-wrapper .dashboard-carousel-slider-item span,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .dashboard-carousel-slider-item span {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current,
.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border,
.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border {
    min-height: 24px;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border {
        min-height: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border {
        min-height: 24px;
    }
}

.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current .dot,
.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border .dot,
.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border .dot,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current .dot,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border .dot,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border .dot {
    height: 52px;
    width: 52px;
    background-color: #00205c;
    box-sizing: border-box;
    border: 2px solid #00205c !important;
    border-radius: 35px;
    box-shadow: 0px 0px 0px 4px #ffffff inset;
    position: absolute;
    top: -12px;
    overflow: visible;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}

    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current .dot span,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border .dot span,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border .dot span,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current .dot span,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border .dot span,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border .dot span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

@media only screen and (max-width: 1024px) {
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current .dot,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border .dot,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border .dot,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current .dot,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border .dot,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border .dot {
        height: 45px;
        width: 45px;
        top: -9px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current .dot,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border .dot,
    .profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border .dot,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current .dot,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border .dot,
    .profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border .dot {
        height: 40px;
        width: 40px;
    }
}

.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.right-border,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.right-border {
    background-color: #424C5F;
    border-radius: 0 14px 14px 0;
}

.profile-main-content .my-progress .dashboard-carousel-wrapper .slick-current.left-border,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper .slick-current.left-border {
    background-color: #424C5F;
    border-radius: 14px 0 0 14px;
}

.profile-main-content .my-progress .dashboard-carousel-wrapper button.slick-next,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper button.slick-next {
    position: absolute;
    background: url(../../Images/Right.svg) no-repeat 50%;
    width: 14px;
    height: 18px;
    transform: none;
    right: 0px !important;
    top: 35%;
    opacity: 1;
}

.profile-main-content .my-progress .dashboard-carousel-wrapper button.slick-prev,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper button.slick-prev {
    position: absolute;
    background: url(../../Images/Left.svg) no-repeat 50%;
    width: 14px;
    height: 18px;
    transform: none;
    left: 0px !important;
    top: 35%;
    opacity: 1;
}

.profile-main-content .my-progress .dashboard-carousel-wrapper button.slick-disabled,
.profile-main-content .my-progress .baby-dashboard-carousel-wrapper button.slick-disabled {
    display: none !important;
}

.profile-main-content .my-progress .current-week {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #273040;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-progress .current-week {
        font-size: 24px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-progress .current-week {
        font-size: 12px;
        line-height: 20px;
    }
}

.profile-main-content .my-progress .current-week b {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
}

.profile-main-content .my-reviews {
    margin-bottom: 50px;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-reviews {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 500px) {
    .profile-main-content .my-reviews {
        margin-bottom: 0;
    }
}

.profile-main-content .my-reviews .my-review-container {
    border-bottom: 1px solid #BFCCDD;
    position: relative;
    padding: 30px 0;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-reviews .my-review-container .my-review-header {
        max-width: 90%;
    }
}

.profile-main-content .my-reviews .my-review-container .user-star-review .date {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 24px;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-reviews .my-review-container .user-star-review .date {
        font-size: 18px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-reviews .my-review-container .user-star-review .date {
        font-size: 10px;
        line-height: 15px;
    }
}

.profile-main-content .my-reviews .my-review-container .user-star-review .user-review-carousal-rating {
    display: inline;
}

    .profile-main-content .my-reviews .my-review-container .user-star-review .user-review-carousal-rating .carousal-stars {
        display: inline;
    }

@media only screen and (max-width: 500px) {
    .profile-main-content .my-reviews .my-review-container .user-star-review .user-review-carousal-rating .carousal-stars .jq-star {
        width: 18px !important;
        height: 18px !important;
    }
}

.profile-main-content .my-reviews .my-review-container .user-star-review .user-review-carousal-rating .rate {
    display: inline;
}

.profile-main-content .my-reviews .my-review-container .user-star-review .status {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    padding: 6px 15px;
    border-radius: 15px;
    display: inline-block;
    font-weight: normal;
    margin-left: 5px;
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-reviews .my-review-container .user-star-review .status {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-reviews .my-review-container .user-star-review .status.review {
    background-color: #424C5F;
    color: #ffffff;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
}

.profile-main-content .my-reviews .my-review-container .user-star-review .status.approved {
    background-color: #F6F8FB;
    color: #424C5F;
}

.profile-main-content .my-reviews .my-review-container .my-comment {
    max-width: 60%;
}

    .profile-main-content .my-reviews .my-review-container .my-comment p {
        text-align: left;
        margin: 10px 0;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

@media (max-width: 991.98px) {
    .profile-main-content .my-reviews .my-review-container .my-comment p {
        font-size: 20px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .my-reviews .my-review-container .my-comment p {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-main-content .my-reviews .my-review-container .delete-btn {
    position: absolute;
    right: 6px;
    top: 30px;
    width: auto;
    cursor: pointer;
}

@media (max-width: 991.98px) {
    .profile-main-content .my-reviews .my-review-container .delete-btn {
        top: 27px;
    }

        .profile-main-content .my-reviews .my-review-container .delete-btn img {
            width: 24px;
            height: 24px;
        }
}

.profile-main-content .no-reviews-container {
    padding: 40px 0 44px;
    border: 1px solid #BFCCDD;
    border-radius: 0;
    background-color: #FFFFFF;
    text-align: center;
    margin: 30px 0;
}

@media (max-width: 991.98px) {
    .profile-main-content .no-reviews-container {
        padding: 40px 0;
    }
}

@media screen and (max-width: 500px) {
    .profile-main-content .no-reviews-container {
        padding: 20px 0;
        margin-bottom: 0;
    }
}

.profile-main-content .no-reviews-container p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #424C5F;
    width: 54%;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .profile-main-content .no-reviews-container p {
        font-size: 24px;
        width: auto;
        max-width: 90%;
        padding: 25px 0 0;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-content .no-reviews-container p {
        font-size: 14px;
        line-height: 20px;
        padding: 15px 0 0;
    }
}

.profile-main-content .no-reviews-container p:first-of-type {
    padding-bottom: 20px;
    border-bottom: 1px solid #BFCCDD;
    margin-bottom: 20px;
    padding-top: 20px;
}

@media (max-width: 991.98px) {
    .profile-main-content .no-reviews-container p:first-of-type {
        margin: 0 auto;
        padding: 20px 0 30px;
    }
}

@media screen and (max-width: 500px) {
    .profile-main-content .no-reviews-container p:first-of-type {
        padding: 15px 0;
    }
}

.profile-main-content .no-reviews-container p a {
    color: #00205c;
    line-height: 32px;
    text-decoration: none;
}

@media screen and (max-width: 500px) {
    .profile-main-content .no-reviews-container p a {
        line-height: 20px;
    }
}

.profile-main-content .no-reviews-container p a img {
    margin-left: 9px;
    width: 8px;
    height: 14px;
}

@media screen and (max-width: 500px) {
    .profile-main-content .no-reviews-container p a img {
        width: 8px;
        height: 8px;
        vertical-align: middle;
        margin-left: 4px;
    }
}

@media (max-width: 991.98px) {
    .dashboard-recommended-articles {
        padding: 0;
        margin: 0;
    }
}

.dashboard-recommended-articles .related-articles {
    margin-bottom: 0;
    width: 100%;
}

    .dashboard-recommended-articles .related-articles .sliders {
        margin: 0 15px 30px;
        padding: 0 15px;
    }

    .dashboard-recommended-articles .related-articles h1,
    .dashboard-recommended-articles .related-articles h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 0;
        color: #424C5F;
    }

@media (max-width: 991.98px) {
    .dashboard-recommended-articles .related-articles h1,
    .dashboard-recommended-articles .related-articles h2 {
        font-size: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles h1,
    .dashboard-recommended-articles .related-articles h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

.dashboard-recommended-articles .related-articles .view-all-product-link,
.dashboard-recommended-articles .related-articles .view-all-product-link:hover,
.dashboard-recommended-articles .related-articles .view-all-product-link:focus {
    display: block;
    text-align: center;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 32px;
    margin-top: 5px;
    text-decoration: none;
    color: #00205c;
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles .view-all-product-link,
    .dashboard-recommended-articles .related-articles .view-all-product-link:hover,
    .dashboard-recommended-articles .related-articles .view-all-product-link:focus {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
}

.dashboard-recommended-articles .related-articles .view-all-product-link img,
.dashboard-recommended-articles .related-articles .view-all-product-link:hover img,
.dashboard-recommended-articles .related-articles .view-all-product-link:focus img {
    margin-left: 9px;
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles .view-all-product-link img,
    .dashboard-recommended-articles .related-articles .view-all-product-link:hover img,
    .dashboard-recommended-articles .related-articles .view-all-product-link:focus img {
        height: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles .slider-item {
        padding: 0 0 6px;
    }
}

.dashboard-recommended-articles .related-articles .slider-item .text-part {
    padding-top: 0px;
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles .slider-item .text-part {
        height: auto !important;
    }
}

.dashboard-recommended-articles .related-articles .slider-item .text-part a,
.dashboard-recommended-articles .related-articles .slider-item .text-part a:hover,
.dashboard-recommended-articles .related-articles .slider-item .text-part a:focus {
    color: #00205c;
    font-size: 20px;
    line-height: 28px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    width: 100%;
    text-decoration: none;
    outline: transparent;
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles .slider-item .text-part a,
    .dashboard-recommended-articles .related-articles .slider-item .text-part a:hover,
    .dashboard-recommended-articles .related-articles .slider-item .text-part a:focus {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles .slider-item .text-part p {
        margin-bottom: 6px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-articles .related-articles .slick-dots {
        bottom: -20px;
        width: 90%;
    }
}

.dashboard-recommended-articles .related-articles .slick-dots li button {
    width: 12px;
    height: 12px;
    background-color: #BFCCDD;
    display: inline-block;
    border-radius: 50%;
}

    .dashboard-recommended-articles .related-articles .slick-dots li button::before {
        content: none;
    }

.dashboard-recommended-articles .related-articles .slick-dots li.slick-active button {
    border: 1px solid #00205c;
    border-radius: 6px;
    background-color: #00205c;
    width: 20px;
    height: 12px;
}

@media (max-width: 991.98px) {
    .dashboard-recommended-products {
        background-color: #F6F8FB;
        padding: 20px 15px;
    }
}

.dashboard-recommended-products .related-products {
    background-color: transparent;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
}

@media (max-width: 991.98px) {
    .dashboard-recommended-products .related-products {
        width: 80%;
        margin: 0 auto;
    }
}

.dashboard-recommended-products .related-products h1,
.dashboard-recommended-products .related-products h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 0;
    color: #424C5F;
}

@media (max-width: 991.98px) {
    .dashboard-recommended-products .related-products h1,
    .dashboard-recommended-products .related-products h2 {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-products .related-products h1,
    .dashboard-recommended-products .related-products h2 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 0;
    }
}

.dashboard-recommended-products .related-products .view-all-product-link,
.dashboard-recommended-products .related-products .view-all-product-link:hover,
.dashboard-recommended-products .related-products .view-all-product-link:focus {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 32px;
    margin-top: 5px;
    padding-bottom: 20px;
    display: block;
    text-decoration: none;
    color: #00205c;
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-products .related-products .view-all-product-link,
    .dashboard-recommended-products .related-products .view-all-product-link:hover,
    .dashboard-recommended-products .related-products .view-all-product-link:focus {
        font-size: 14px;
        line-height: 20px;
    }
}

.dashboard-recommended-products .related-products .view-all-product-link img,
.dashboard-recommended-products .related-products .view-all-product-link:hover img,
.dashboard-recommended-products .related-products .view-all-product-link:focus img {
    margin-left: 9px;
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-products .related-products .view-all-product-link img,
    .dashboard-recommended-products .related-products .view-all-product-link:hover img,
    .dashboard-recommended-products .related-products .view-all-product-link:focus img {
        height: 10px;
    }
}

.dashboard-recommended-products .related-products .slider-item {
    margin: 0 5px 30px;
}

    .dashboard-recommended-products .related-products .slider-item .img-wrapper {
        margin: 10px;
        border-radius: 0;
        background-color: #F6F8FB;
    }

@media (max-width: 991.98px) {
    .dashboard-recommended-products .related-products .slider-item .img-wrapper {
        margin: 0 auto;
        background-color: #FFFFFF;
    }
}

.dashboard-recommended-products .related-products .slider-item .img-wrapper img {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: auto;
    top: 50%;
}

.dashboard-recommended-products .related-products .slider-item .text-part a,
.dashboard-recommended-products .related-products .slider-item .text-part a:hover,
.dashboard-recommended-products .related-products .slider-item .text-part a:focus {
    color: #00205c;
    font-size: 20px;
    line-height: 28px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    width: 100%;
    text-decoration: none;
    outline: transparent;
}

@media only screen and (max-width: 500px) {
    .dashboard-recommended-products .related-products .slider-item .text-part a,
    .dashboard-recommended-products .related-products .slider-item .text-part a:hover,
    .dashboard-recommended-products .related-products .slider-item .text-part a:focus {
        font-size: 14px;
    }
}

.dashboard-recommended-products .related-products .slick-dots li button {
    width: 12px;
    height: 12px;
    background-color: #BFCCDD;
    display: inline-block;
    border-radius: 50%;
}

    .dashboard-recommended-products .related-products .slick-dots li button::before {
        content: none;
    }

.dashboard-recommended-products .related-products .slick-dots li.slick-active button {
    border: 1px solid #00205c;
    border-radius: 6px;
    background-color: #00205c;
    width: 20px;
    height: 12px;
}

@media (max-width: 991.98px) {
    .dashboard-recommended-products .related-products button.slick-next {
        right: -10px !important;
    }

    .dashboard-recommended-products .related-products button.slick-prev {
        left: -10px !important;
    }
}

.dashboard-pregnancy-tools .content-header .heading-text {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .dashboard-pregnancy-tools .content-header .heading-text {
        font-size: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-pregnancy-tools .content-header .heading-text {
        font-size: 18px;
        line-height: 24px;
    }
}

.dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper {
    display: flex;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 500px) {
    .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col-6.col-lg-3.text-center {
        max-width: 50%;
        flex: 0 0 50%;
        padding-right: 0;
    }

        .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col-6.col-lg-3.text-center:first-child, .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col-6.col-lg-3.text-center:nth-child(3) {
            padding-right: 7.5px;
            padding-left: 7.5px;
        }

        .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col-6.col-lg-3.text-center:nth-child(2), .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col-6.col-lg-3.text-center:nth-child(4) {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }
}

.dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool {
    height: 263px;
    width: 263px;
    margin-right: 30px;
}

    .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool:last-child {
        margin-right: 0;
    }

@media (max-width: 991.98px) {
    .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool {
        height: auto;
        width: 46%;
        margin-right: 24px;
    }

        .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool:nth-child(even) {
            margin-right: 0;
        }
}

@media screen and (max-width: 500px) {
    .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool {
        width: 48%;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-img img {
        width: 100px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .dashboard-pregnancy-tools .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name {
        font-size: 20px;
    }
}

.dashboard-reviews {
    border-top: 1px solid #00205c;
    border-bottom: 1px solid #00205c;
    margin-bottom: 40px;
    padding-bottom: 0;
    background-color: transparent;
}

@media (max-width: 991.98px) {
    .dashboard-reviews {
        padding: 40px 0;
        margin: 0 15px;
        width: auto;
    }
}

@media screen and (max-width: 500px) {
    .dashboard-reviews {
        padding-bottom: 20px;
    }
}

.dashboard-reviews .content-header .heading-text {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .dashboard-reviews .content-header .heading-text {
        font-size: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-reviews .content-header .heading-text {
        font-size: 18px;
        line-height: 24px;
    }
}

.dashboard-reviews .prod-review-container .carousel-inner {
    width: 85%;
}

@media (max-width: 991.98px) {
    .dashboard-reviews .prod-review-container .carousel-inner {
        width: 100%;
    }
}

.dashboard-reviews .user-review-carousal-header .user-star-review {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

@media only screen and (max-width: 500px) {
    .dashboard-reviews .user-review-carousal-header .user-star-review {
        display: block;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-reviews .user-review-carousal-header .user-star-review .date {
        display: inline-block;
    }
}

@media only screen and (max-width: 500px) {
    .dashboard-reviews .user-review-carousal-header .user-star-review .user-review-carousal-rating {
        display: inline-flex;
    }
}

.dashboard-reviews .user-review-carousal-header .user-star-review .status {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    padding: 6px 15px;
    border-radius: 15px;
    display: inline-block;
    font-weight: normal;
    margin-left: 20px;
}

@media only screen and (max-width: 500px) {
    .dashboard-reviews .user-review-carousal-header .user-star-review .status {
        font-size: 12px;
        line-height: 16px;
        display: inline-block;
        margin-left: 0px;
    }
}

.dashboard-reviews .user-review-carousal-header .user-star-review .status.review {
    background-color: #424C5F;
    color: #ffffff;
}

.dashboard-reviews .user-review-carousal-header .user-star-review .status.approved {
    background-color: #F6F8FB;
    color: #424C5F;
}

.dashboard-reviews .read-more-text {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px !important;
    line-height: 32px;
    margin-top: 5px;
    text-decoration: none;
    color: #00205c;
}

@media only screen and (max-width: 500px) {
    .dashboard-reviews .read-more-text {
        font-size: 14px !important;
        line-height: 20px;
    }
}

.profile-main-content .my-progress.baby-progress > hr {
    display: none;
}

#resetPasswordModal .modal-content .close-button {
    top: 36px;
    right: 36px;
}

@media (max-width: 991.98px) {
    #deleteAccountModal {
        background-color: #fff;
    }

        #deleteAccountModal .modal-dialog {
            box-shadow: none;
        }
}

@media (max-width: 991.98px) {
    #deleteAccountModal .modal-content {
        height: 550px;
        padding-top: 18%;
    }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) and (max-width: 991px) {
    #deleteAccountModal .modal-content {
        padding-top: 10%;
    }
}

@media (max-width: 991.98px) {
    #deleteAccountModal .modal-content .close-button {
        right: 50px;
        top: 22px;
    }
}

@media screen and (max-width: 500px) {
    #deleteAccountModal .modal-content .common-modal .modal-content .close-button {
        top: 0px;
        width: 30px;
        height: 30px;
        padding: 3px !important;
    }

        #deleteAccountModal .modal-content .common-modal .modal-content .close-button .close-modal {
            font-size: 30px;
        }
}

#deleteAccountModal .modal-content .button-wrap {
    max-width: 85%;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    #deleteAccountModal .modal-content .button-wrap {
        max-width: 95%;
        text-align: center !important;
    }

        #deleteAccountModal .modal-content .button-wrap .text-left,
        #deleteAccountModal .modal-content .button-wrap .text-right {
            text-align: center !important;
        }
}

#deleteAccountModal .modal-content .button-wrap a.btn {
    width: 220px;
    height: 50px;
}

@media (max-width: 991.98px) {
    #deleteAccountModal .modal-content .button-wrap a.btn {
        line-height: 45px;
    }
}

#deleteAccountModal .modal-content .button-wrap a.btn.btn-primary:hover, #deleteAccountModal .modal-content .button-wrap a.btn.btn-primary:focus {
    background-color: #A51E14;
}

@media (max-width: 991.98px) {
    #deleteAccountModal .modal-content .button-wrap a.btn.btn-secondary {
        margin-top: 20px;
    }
}

#deleteAccountModal .modal-content .button-wrap a.btn.btn-secondary:hover, #deleteAccountModal .modal-content .button-wrap a.btn.btn-secondary:focus {
    background-color: #fff;
    border: 1px solid #A51E14;
    color: #A51E14;
}

@media only screen and (max-width: 500px) {
    #deleteAccountModal .modal-content .button-wrap a.btn {
        width: 136px;
        height: 30px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .prod-review-container.dashboard-reviews .profile-main-content {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .prod-review-container.dashboard-reviews .carousel-indicators {
        margin-bottom: 30px;
    }

    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-next,
    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-prev {
        top: -30px;
        opacity: 1;
    }

    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-prev-icon,
    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-next-icon {
        width: 13px;
        height: 24px;
    }
}

@media screen and (min-width: 768px) {
    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-next,
    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-prev {
        top: -34px;
        opacity: 1;
    }

    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-next {
        right: -27px;
    }

    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-prev-icon,
    .prod-review-container.dashboard-reviews .prod-carousal .carousel-control-next-icon {
        width: 13px;
        height: 24px;
    }
}

input[type=text]::-ms-clear {
    display: none;
}

.download-coupon-content {
    padding: 20px 0 0;
}

    .download-coupon-content .form-control:disabled,
    .download-coupon-content .form-control[readonly] {
        background-color: #fff;
    }

    .download-coupon-content .retailer-list.retailer-notselected .retailer-options {
        color: #00205c;
    }

        .download-coupon-content .retailer-list.retailer-notselected .retailer-options span {
            border-color: #00205c;
        }

    .download-coupon-content label {
        width: 100%;
        color: #424C5F;
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        letter-spacing: 0.5px;
        line-height: 40px;
        text-align: center;
        margin: 0;
    }

    .download-coupon-content .mobile-number-wrapper select,
    .download-coupon-content .mobile-number-wrapper input.input-field-disabled[readonly] {
        width: 20%;
        background: url("../../img/Down_Arrow.svg") no-repeat right 15px center;
        border: 1px solid #BFCCDD;
        padding: 8px 10px;
        height: 41px;
        color: #273040;
        vertical-align: text-top;
    }

@media (max-width: 767.98px) {
    .download-coupon-content .mobile-number-wrapper select,
    .download-coupon-content .mobile-number-wrapper input.input-field-disabled[readonly] {
        height: 62px;
    }
}

@media only screen and (max-width: 500px) {
    .download-coupon-content .mobile-number-wrapper select,
    .download-coupon-content .mobile-number-wrapper input.input-field-disabled[readonly] {
        background: url("../../img/Down_Arrow.svg") no-repeat right 12px center;
        line-height: 24px;
        font-size: 16px;
        padding-top: 5px;
        padding-right: 8px;
        padding-left: 8px;
    }
}

.download-coupon-content .mobile-number-wrapper input.input-field-disabled[readonly] {
    background-image: none;
    background-color: #bfccdd !important;
    text-indent: 18px;
    font-style: normal;
    float: left;
    margin: 0;
    text-indent: 0;
    text-align: center;
}

@media only screen and (max-width: 992px) and (min-width: 501px) {
    .download-coupon-content .mobile-number-wrapper input.input-field-disabled[readonly] {
        margin-top: 4px;
        height: 62px;
    }
}

@media only screen and (max-width: 500px) {
    .download-coupon-content .mobile-number-wrapper input.input-field-disabled[readonly] {
        margin-top: 4px;
        height: 42px;
    }
}

.download-coupon-content .mobile-number-wrapper input {
    width: 75%;
    display: inline-block;
    margin-left: 10px;
    float: right;
}

.download-coupon-content .mobile-number-wrapper .invalid-feedback {
    position: relative;
    left: 98px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .download-coupon-content .mobile-number-wrapper .invalid-feedback {
        left: 140px;
    }
}

@media screen and (max-width: 767px) {
    .download-coupon-content .mobile-number-wrapper .invalid-feedback {
        left: 84px;
    }
}

.download-coupon-content .alert-msg,
.download-coupon-content .email-msg {
    display: none;
    color: #00205c;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
}

    .download-coupon-content .alert-msg.active,
    .download-coupon-content .email-msg.active {
        display: block;
    }

.download-coupon-content .email-details-wrapper {
    margin-top: 25px;
}

.download-coupon-content .baby-dob-wrapper {
    position: relative;
    margin: 30px auto 0;
    width: 96%;
    display: flex;
    /*input[type="date"][disabled="disabled"] {
            @media screen and (max-width:500px) {
                background: url(../../Images/CalendarDisabled.svg) no-repeat 96.5% center !important;
            }
        }*/
    /*@media screen and (max-width:500px) {
            .customCheckbox input, .customCheckbox span {
                left: 8%;
                top: -5px;
            }

            label {
                font-size: 12px !important;
            }

            .date-input {
                .line {
                    right: 52px;
                }
            }
        }*/
}

    .download-coupon-content .baby-dob-wrapper .checkbox-wrapper {
        position: relative;
    }

        .download-coupon-content .baby-dob-wrapper .checkbox-wrapper.error-message label {
            color: #00205c;
        }

        .download-coupon-content .baby-dob-wrapper .checkbox-wrapper.error-message span {
            border-color: #00205c;
        }

    .download-coupon-content .baby-dob-wrapper label {
        text-align: left;
        margin-left: 35px;
        line-height: 24px;
        font-size: 18px;
        color: #273040;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 500;
        width: auto;
    }

    .download-coupon-content .baby-dob-wrapper .date-input {
        position: relative;
        top: -10px;
        padding: 0 10px;
        width: 38%;
    }

        .download-coupon-content .baby-dob-wrapper .date-input.error-message input#baby-birthday {
            border-color: #00205c;
        }

        .download-coupon-content .baby-dob-wrapper .date-input .line {
            height: 100%;
            width: 1px;
            border-right: 1px solid #BFCCDD;
            position: absolute;
            top: 0;
            right: 57px;
        }

        .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday {
            font-size: 20px;
            line-height: 40px;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-weight: 500;
            font-style: normal;
            border: 1px solid #bfccdd;
            border-radius: 8px;
            color: #273040;
            text-transform: uppercase;
            width: 97%;
            background: url("../../Images/Calendar_Enabled.svg") no-repeat 96% !important;
            cursor: default;
        }

            .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday[disabled="disabled"] {
                background: url("../../Images/CalendarDisabled.svg") no-repeat 96% !important;
                color: #bfccdd !important;
            }

            .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday:-ms-input-placeholder {
                color: #BFCCDD !important;
            }

@media only screen and (max-width: 500px) {
    .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday {
        font-size: 14px;
        line-height: 20px;
    }
}

.download-coupon-content .baby-dob-wrapper .form-control.disable {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: url(../../Images/Calendar_Enabled.svg) no-repeat 96% center !important;
    font-size: 20px;
    line-height: 40px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    border: 1px solid #BFCCDD;
    border-radius: 8px;
    color: #BFCCDD;
    text-transform: uppercase;
    width: 97%;
}

@media screen and (max-width: 500px) {
    .download-coupon-content .baby-dob-wrapper .form-control.disable {
        font-size: 14px !important;
        background: url(../../Images/Calendar_Enabled.svg) no-repeat 98% center !important;
    }
}

@media screen and (max-width: 500px) {
    .download-coupon-content .baby-dob-wrapper .form-control {
        background: url(../../Images/CalendarDisabled.svg) no-repeat 98% center !important;
        width: 97%;
    }
}

.download-coupon-content .baby-dob-wrapper input[type="date"]::-webkit-inner-spin-button,
.download-coupon-content .baby-dob-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none !important;
    opacity: 0;
}

@media (max-width: 991.98px) {
    .download-coupon-content .baby-dob-wrapper {
        width: 100%;
        display: block;
    }

        .download-coupon-content .baby-dob-wrapper .checkbox-wrapper {
            text-align: center;
        }

        .download-coupon-content .baby-dob-wrapper .customCheckbox input,
        .download-coupon-content .baby-dob-wrapper .customCheckbox span {
            left: 9%;
            top: 0px;
        }

        .download-coupon-content .baby-dob-wrapper .date-input {
            width: 290px;
            margin: 20px auto 0;
            top: 0;
        }

            .download-coupon-content .baby-dob-wrapper .date-input .line {
                right: 60px;
            }
}

@media (max-width: 767.98px) {
    .download-coupon-content .baby-dob-wrapper .customCheckbox input,
    .download-coupon-content .baby-dob-wrapper .customCheckbox span {
        left: 10%;
    }
}

.download-coupon-content .retailer-list {
    padding: 25px 0 30px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .download-coupon-content .retailer-list {
        text-align: left;
    }
}

@media only screen and (max-width: 500px) {
    .download-coupon-content .retailer-list {
        padding: 20px 0 15px;
    }
}

@media only screen and (max-width: 500px) {
    .download-coupon-content .retailer-list label {
        margin-bottom: 0;
    }
}

.download-coupon-content .retailer-list .retailer-options {
    width: auto;
    display: inline-block;
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    position: relative;
    padding-left: 40px;
    vertical-align: top;
    text-align: left;
    margin-right: 6%;
}

@media (max-width: 991.98px) {
    .download-coupon-content .retailer-list .retailer-options {
        padding-left: 8%;
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 500px) {
    .download-coupon-content .retailer-list .retailer-options {
        width: auto;
        padding-left: 22px;
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 500px) {
    .download-coupon-content .retailer-list .retailer-options.customRadioButton span {
        padding-left: 0 !important;
        width: 17px;
        height: 17px;
        top: 7px;
        left: 0 !important;
    }
}

.download-coupon-content .retailer-list .retailer-options .retailer-name {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.download-coupon-content .declaration-section {
    padding: 27px 0 10px;
    border-top: 1px solid #BFCCDD;
}

    .download-coupon-content .declaration-section .declaration {
        position: relative;
        padding-left: 30px;
        margin-bottom: 20px;
    }

@media only screen and (max-width: 500px) {
    .download-coupon-content .declaration-section .declaration {
        margin-bottom: 10px;
    }
}

.download-coupon-content .declaration-section .declaration label {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
}

.download-coupon-content .captcha-container {
    height: 80px;
    border: 1px solid #BFCCDD;
}

@media screen and (max-width: 991px) {
    .download-coupon-content label {
        line-height: 28px;
    }

    .download-coupon-content .mobile-number-wrapper select {
        font-size: 24px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        line-height: 32px;
        height: 62px;
    }

    .download-coupon-content .mobile-number-wrapper input {
        font-size: 24px;
        height: 62px;
    }

    .download-coupon-content .email-details-wrapper input {
        height: 62px;
    }

    .download-coupon-content .baby-dob-wrapper label,
    .download-coupon-content .baby-dob-wrapper #baby-birthday {
        font-size: 24px;
        line-height: 32px;
    }

    .download-coupon-content .baby-dob-wrapper #baby-birthday {
        height: 62px;
    }

    .download-coupon-content .retailer-list label {
        margin-bottom: 15px;
    }

    .download-coupon-content .declaration-section .declaration label {
        font-size: 20px;
        line-height: 26px;
    }
}

@media (max-width: 500px) {
    .download-coupon-content .customCheckbox + label {
        margin-left: 12px;
    }

    .download-coupon-content label {
        font-size: 14px;
    }

    .download-coupon-content .retailer-list label {
        margin-bottom: 0;
    }

    .download-coupon-content .baby-dob-wrapper .customCheckbox input,
    .download-coupon-content .baby-dob-wrapper .customCheckbox span {
        left: 8%;
        top: -5px;
    }

    .download-coupon-content .baby-dob-wrapper label {
        font-size: 12px !important;
        line-height: 12px;
        vertical-align: super;
    }

    .download-coupon-content .baby-dob-wrapper #baby-birthday {
        height: 35px;
        font-size: 14px;
    }

    .download-coupon-content .baby-dob-wrapper .date-input {
        margin-top: 6px;
    }

        .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday::placeholder {
            font-size: 14px;
            color: #BFCCDD;
        }

        .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday::-webkit-input-placeholder {
            font-size: 14px;
            color: #BFCCDD;
        }

        .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday::-moz-placeholder {
            font-size: 14px;
            color: #BFCCDD;
        }

        .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday:-ms-input-placeholder {
            font-size: 14px !important;
            color: #BFCCDD;
        }

        .download-coupon-content .baby-dob-wrapper .date-input input#baby-birthday:-moz-placeholder {
            font-size: 14px;
            color: #BFCCDD;
        }

        .download-coupon-content .baby-dob-wrapper .date-input .line {
            right: 52px;
        }

    .download-coupon-content .mobile-number-wrapper select {
        height: 42px;
        font-size: 16px;
        line-height: 26px;
    }

    .download-coupon-content .mobile-number-wrapper input {
        height: 42px;
        font-size: 14px;
    }

        .download-coupon-content .mobile-number-wrapper input::placeholder {
            font-size: 14px;
        }

    .download-coupon-content .email-details-wrapper .input-field-text,
    .download-coupon-content .user-name-wrapper .input-field-text {
        height: 42px;
        font-size: 14px;
    }

        .download-coupon-content .email-details-wrapper .input-field-text::placeholder,
        .download-coupon-content .user-name-wrapper .input-field-text::placeholder {
            font-size: 14px;
        }

    .download-coupon-content .declaration-section .declaration label {
        font-size: 12px;
        line-height: 16px;
    }
}

@media screen and (min-width: 320px) and (max-width: 380px) {
    .download-coupon-content .customCheckbox + label {
        margin-left: 10px;
    }
}

.download-coupon-content form.was-validated .form-control:invalid {
    border: 1px solid #00205c;
    font-size: 18px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #424C5F;
    line-height: 24px;
    padding-right: 20px;
    background-image: none;
    /*&::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder,  &:-moz-placeholder {
                        color: #424C5F;
                    }*/
}

.download-coupon-content form.was-validated .form-control:valid {
    border: 1px solid #BFCCDD;
    font-size: 18px;
    color: #424C5F;
    padding-right: 20px;
    background-image: none;
}

    .download-coupon-content form.was-validated .form-control:valid:focus {
        border-color: #BFCCDD;
        box-shadow: none;
    }

.download-coupon-content form.was-validated .form-control.is-valid:focus {
    border-color: #BFCCDD;
    box-shadow: none;
}

.download-coupon-content form.was-validated .form-control:focus {
    box-shadow: none;
}

.download-coupon-content form.was-validated .form-control:invalid:focus {
    border-color: #00205c;
    box-shadow: none;
}

.download-coupon-content form.was-validated .form-control.is-invalid:focus {
    border-color: #00205c;
    box-shadow: none;
}

.download-coupon-content form.was-validated .invalid-feedback {
    color: #00205c;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
}

.button-wrapper {
    text-align: center;
    padding-top: 40px;
}

@media only screen and (max-width: 500px) {
    .button-wrapper {
        padding-top: 20px;
    }
}

.button-wrapper .dwnld-button {
    border: 2px solid #00205c;
    background-color: #00205c;
    color: #ffffff;
    text-align: center;
    border-radius: 33px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    height: auto;
    display: inline-block;
    min-width: 220px;
    min-height: 50px;
    padding: 10px;
    text-decoration: none;
}

    .button-wrapper .dwnld-button:hover, .button-wrapper .dwnld-button:focus {
        border: 2px solid #A51E14;
        background-color: #A51E14;
    }

@media screen and (max-width: 991px) {
    .button-wrapper .dwnld-button {
        font-size: 24px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .button-wrapper .dwnld-button {
        font-size: 14px;
    }
}

.dwnld-coupon-verify-box.modal .modal-container .modal-content .modal-body .container .popup-bold-text {
    width: 70%;
}

    .dwnld-coupon-verify-box.modal .modal-container .modal-content .modal-body .container .popup-bold-text span {
        display: inline-block;
    }

@media only screen and (max-width: 500px) {
    .dwnld-coupon-verify-box.modal .modal-container .modal-content .modal-body .container .popup-bold-text {
        padding: 20px 0;
        width: 90%;
        line-height: 20px;
    }
}

.dwnld-coupon-verify-box .download-coupon-verfctn-content .verfctn-code-container {
    height: 61px;
    width: 251px;
    border: 1px solid #BFCCDD;
    border-radius: 8px;
    background-color: #FFFFFF;
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 40px;
    text-align: center;
    padding: 8px;
    outline: none !important;
}

@media screen and (max-width: 500px) {
    .dwnld-coupon-verify-box .download-coupon-verfctn-content .verfctn-code-container {
        font-size: 18px;
        line-height: 43px;
    }
}

.dwnld-coupon-verify-box .download-coupon-verfctn-content .resend-code-wrapper {
    text-align: center;
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-top: 40px;
}

    .dwnld-coupon-verify-box .download-coupon-verfctn-content .resend-code-wrapper a {
        color: #00205c;
        text-decoration: none;
        padding-left: 6px;
    }

@media (max-width: 991.98px) {
    .dwnld-coupon-verify-box .download-coupon-verfctn-content .resend-code-wrapper {
        font-size: 20px;
        line-height: 40px;
    }
}

@media screen and (max-width: 500px) {
    .dwnld-coupon-verify-box .download-coupon-verfctn-content .resend-code-wrapper {
        font-size: 12px;
        line-height: 24px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .dwnld-coupon-success-box.modal .modal-container .modal-content .modal-body .container .popup-bold-text {
        line-height: 20px;
        padding: 20px 0;
    }
}

.dwnld-coupon-success-box .coupon-image {
    text-align: center;
    padding: 30px 0 5px;
}

@media only screen and (max-width: 500px) {
    .dwnld-coupon-success-box .coupon-image {
        padding-top: 15px;
    }
}

.dwnld-coupon-success-box .popup-bold-text {
    padding-bottom: 0;
}

.customRadioButton {
    position: relative;
}

    .customRadioButton span {
        height: 25px;
        width: 25px;
        border: 1px solid #BFCCDD;
        border-radius: 12px;
        background-color: #FFFFFF;
        position: absolute;
        left: 3%;
        top: 2px;
    }

    .customRadioButton:first-of-type span, .customRadioButton:last-of-type span {
        left: 3%;
    }

@media screen and (max-width: 500px) {
    .customRadioButton span {
        left: 15px !important;
    }
}

.customRadioButton.customRadioChecked span {
    content: url("../../Images/radio_selected.svg");
    border: none;
}

    .customRadioButton.customRadioChecked span:before {
        content: url("../../Images/radio_selected.svg");
        border: none;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .declaration-section .declaration:last-child {
        padding-left: 41px;
    }
}

@media only screen and (max-width: 500px) {
    .content-header .heading-text {
        margin-top: 40px;
    }

    .button-wrapper .dwnld-button {
        padding: 7px 22px;
        font-size: 14px;
        min-width: 200px;
        min-height: 35px;
    }
}

.dwnld-coupon-box .content-header .heading-text {
    margin-top: 0px;
}

@media only screen and (max-width: 360px) {
    .download-coupon-content .baby-dob-wrapper .customCheckbox span {
        left: 8px;
    }
}

/*Samsung fix*/
@media screen and (min-width: 360px) and (max-width: 640px) {
    .download-coupon-content .customCheckbox + label {
        margin-left: -14px;
    }

    .download-coupon-content .declaration-section .declaration {
        padding-left: 45px;
    }

        .download-coupon-content .declaration-section .declaration:last-child {
            padding-left: 52px;
        }
}

/*iphone fix*/
@media screen and (min-width: 375px) and (max-width: 677px) {
    .download-coupon-content .customCheckbox + label {
        margin-left: 10px;
    }

    .download-coupon-content .baby-dob-wrapper .customCheckbox + label {
        margin-left: 24px;
    }

    .download-coupon-content .baby-dob-wrapper .form-control.disable {
        background-attachment: scroll !important;
        /*fix for calender-icon enable*/
    }

    .download-coupon-content .declaration-section .declaration {
        padding-left: 22px;
    }

        .download-coupon-content .declaration-section .declaration:last-child {
            padding-left: 30px;
        }
}

/*iphone 6,7,8 fix*/
@media screen and (min-width: 414px) and (max-width: 736px) {
    .download-coupon-content .customCheckbox + label {
        margin-left: -22px;
    }

    .download-coupon-content .baby-dob-wrapper .form-control.disable {
        background-attachment: scroll !important;
        /*fix for calender-icon enable*/
    }

    .download-coupon-content .declaration-section .declaration {
        padding-left: 55px;
    }

        .download-coupon-content .declaration-section .declaration:last-child {
            padding-left: 62px;
        }
}

.profile-main-menu {
    margin: 70px 12px 0;
}

    .profile-main-menu .profile-pic-name {
        position: relative;
    }

@media (max-width: 991.98px) {
    .profile-main-menu .profile-pic-name {
        float: left;
        width: 100%;
        border-bottom: 1px solid #BFCCDD;
    }
}

.profile-main-menu .profile-pic-name .profile-img {
    background-color: #bfccdd;
    border-radius: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991.98px) {
    .profile-main-menu .profile-pic-name .profile-img {
        left: 20%;
        width: 105px;
        height: 105px;
        top: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-menu .profile-pic-name .profile-img {
        width: 65px;
        height: 65px;
        border-radius: 18px;
        top: 25px;
    }
}

.profile-main-menu .profile-pic-name .profile-img .avatar {
    border-radius: 36px;
}

.profile-main-menu .profile-pic-name a.edit-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 45px;
    background-color: #fff;
    padding: 11px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(66, 76, 95, 0.2);
}

@media (max-width: 991.98px) {
    .profile-main-menu .profile-pic-name a.edit-icon {
        left: 20%;
        top: 135px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-menu .profile-pic-name a.edit-icon {
        top: 116px;
        padding: 5px;
    }
}

.profile-main-menu .profile-pic-name .profile-name {
    padding: 104px 20px 17px;
}

@media (max-width: 991.98px) {
    .profile-main-menu .profile-pic-name .profile-name {
        width: 70%;
        float: right;
        padding-top: 45px;
        padding-bottom: 35px;
        min-height: 150px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-menu .profile-pic-name .profile-name {
        min-height: 100px;
        padding-left: 15px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.profile-main-menu .profile-menu {
    padding: 5px 20px 10px;
}

@media (max-width: 991.98px) {
    .profile-main-menu .profile-menu {
        padding-top: 156px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-menu .profile-menu {
        padding-top: 124px;
    }
}

.profile-main-menu .profile-menu a.nav-link {
    padding: 15px 0;
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    text-decoration: none;
}

    .profile-main-menu .profile-menu a.nav-link:not(:last-child) {
        border-bottom: 1px solid rgba(191, 204, 221, 0.3);
    }

@media (max-width: 991.98px) {
    .profile-main-menu .profile-menu a.nav-link:not(:last-child) {
        border: none;
    }
}

@media (max-width: 991.98px) {
    .profile-main-menu .profile-menu a.nav-link {
        padding: 0;
        margin: 2px 20px;
        border: none;
    }
}

@media only screen and (max-width: 500px) {
    .profile-main-menu .profile-menu a.nav-link {
        font-size: 12px;
        padding: 0;
        margin: 2px 10px;
        line-height: 20px;
    }
}

.profile-main-menu .profile-menu a.nav-link.active {
    color: #00205c;
}

@media (max-width: 991.98px) {
    .profile-main-menu .profile-menu a.nav-link.active {
        border-bottom: 1px solid red;
        padding-bottom: 5px;
    }
}

.profile-main-menu .profile-menu a.nav-link.active span {
    background-color: #00205c;
}

.profile-main-menu .profile-menu a.nav-link span {
    width: 28px;
    height: 28px;
    display: flex;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    background-color: #424C5F;
    color: #fff;
    border-radius: 50%;
    float: right;
}

@media (max-width: 991.98px) {
    .profile-main-menu .profile-menu a.nav-link span {
        margin-left: 8px;
        width: 18px;
        height: 18px;
        font-size: 12px;
        margin-top: 7px;
    }
}

@media screen and (max-width: 500px) {
    .profile-main-menu .profile-menu a.nav-link span {
        margin-top: 2px;
    }
}

@media (max-width: 991.98px) {
    .profile-main-menu {
        margin: 0;
        border-radius: 0;
        margin-bottom: 30px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 500px) {
    .profile-main-menu {
        margin-bottom: 20px;
    }
}

@media (max-width: 991.98px) {
    .profile-section {
        margin: 0 0 50px 0;
        overflow-x: hidden;
    }
}

.profile-section .profile-sub-heading {
    color: #273040;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 40px;
    margin: 50px 0 25px;
    text-align: center;
}

.profile-section .user-profile-data-section {
    padding: 0 90px;
}

@media (max-width: 991.98px) {
    .profile-section .user-profile-data-section {
        padding: 0 15px;
    }
}

.profile-section .user-profile-data-section h1 {
    color: #424c5f;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 30px;
}

@media only screen and (max-width: 500px) {
    .profile-section .user-profile-data-section h1 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
}

.profile-section .user-profile-data-section label {
    color: #424C5F;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
}

.profile-section .user-profile-data-section select {
    border: 1px solid #BFCCDD;
    border-radius: 8px;
    height: 41px;
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    background: url("../../img/Down_Arrow.svg") no-repeat right 15px center;
}

.profile-section .user-profile-data-section input:focus {
    border: 1px solid #BFCCDD;
}

.profile-section .user-profile-data-section .profile-completion-status {
    padding: 30px;
    background-color: #F6F8FB;
}

    .profile-section .user-profile-data-section .profile-completion-status p {
        color: #424C5F;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
    }

@media (max-width: 991.98px) {
    .profile-section .user-profile-data-section .profile-completion-status p {
        font-size: 24px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .profile-section .user-profile-data-section .profile-completion-status p {
        font-size: 14px;
        line-height: 20px;
    }
}

.profile-section .user-profile-data-section .profile-completion-status span {
    color: #00205c;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 500px) {
    .profile-section .user-profile-data-section .profile-completion-status span {
        font-size: 12px;
        line-height: 16px;
    }
}

.profile-section .user-profile-data-section .profile-completion-status .progress {
    width: 60%;
    margin: 0 auto;
    border-radius: 8px;
    background-color: rgba(191, 204, 221, 0.4);
    height: 10px;
}

    .profile-section .user-profile-data-section .profile-completion-status .progress .progress-bar {
        border-radius: 8px;
        background-color: #00205c;
    }

    .profile-section .user-profile-data-section .profile-completion-status .progress.progress-green .progress-bar {
        background-color: #77B20F;
    }

    .profile-section .user-profile-data-section .profile-completion-status .progress.progress-green + span {
        color: #537D0A;
    }

.profile-section .user-profile-data-section .personal-info {
    border-bottom: 1px solid #BFCCDD;
    padding-bottom: 50px;
}

    .profile-section .user-profile-data-section .personal-info .user-name-row {
        display: flex;
        justify-content: space-between;
    }

        .profile-section .user-profile-data-section .personal-info .user-name-row .half-column-width {
            width: 48%;
        }

            .profile-section .user-profile-data-section .personal-info .user-name-row .half-column-width label {
                margin-top: 0;
            }

    .profile-section .user-profile-data-section .personal-info .mobile-number-wrapper label {
        width: 100%;
    }

    .profile-section .user-profile-data-section .personal-info .mobile-number-wrapper select {
        width: 18%;
    }

    .profile-section .user-profile-data-section .personal-info .mobile-number-wrapper input {
        width: 80%;
        float: right;
    }

    .profile-section .user-profile-data-section .personal-info .location-wrapper select {
        width: 100%;
    }

.profile-section .user-profile-data-section .commnctn-preference {
    border-bottom: 1px solid #BFCCDD;
    padding-bottom: 40px;
}

    .profile-section .user-profile-data-section .commnctn-preference label {
        margin-top: 0;
    }

    .profile-section .user-profile-data-section .commnctn-preference .email-notfctn-pref {
        text-align: center;
        width: 60%;
        margin: 0 auto;
    }

        .profile-section .user-profile-data-section .commnctn-preference .email-notfctn-pref > label {
            width: 100%;
            letter-spacing: 0.5px;
        }

        .profile-section .user-profile-data-section .commnctn-preference .email-notfctn-pref .email-preference {
            width: 42%;
            display: inline-block;
            position: relative;
            text-align: left;
            padding-left: 30px;
            margin-top: 10px;
        }

.profile-section .user-profile-data-section .account-settings-link {
    padding: 30px;
    text-align: center;
}

    .profile-section .user-profile-data-section .account-settings-link a {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #00205c;
        font-size: 20px;
        line-height: 40px;
        text-decoration: none;
        display: inline-block;
        padding: 0 30px;
    }

        .profile-section .user-profile-data-section .account-settings-link a#change-pswd {
            border-right: 2px solid #BFCCDD;
        }

/*user tool starts*/
.user-profile-tool-section {
    padding: 0px !important;
}

@media (max-width: 767.98px) {
    .user-profile-tool-section h1 {
        margin-bottom: 20px !important;
    }
}

.user-profile-tool-section .profile-completion-status {
    padding: 0px 30px 0px !important;
    width: 72%;
    margin: 0 auto;
    background-color: transparent !important;
    border: none !important;
}

@media (max-width: 767.98px) {
    .user-profile-tool-section .profile-completion-status {
        width: 100%;
    }
}

.user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper {
        padding: 0 15px;
    }
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper.my-tools .pregnancy-tool a .tool-name {
        width: 71%;
        padding-left: 28px;
    }
}

@media (max-width: 767.98px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper.my-tools .pregnancy-tool a {
        padding: 0 0 0 10px;
    }

        .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper.my-tools .pregnancy-tool a .tool-name {
            width: 65%;
            font-size: 24px;
            line-height: 32px;
        }
}

@media screen and (max-width: 500px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper.my-tools .pregnancy-tool a .tool-img img {
        width: 51px;
    }

    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper.my-tools .pregnancy-tool a .tool-name {
        padding-left: 15px;
        width: 78%;
        font-size: 12px;
        line-height: 14px;
    }
}

.user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool {
    margin-bottom: 30px;
    border-radius: 0;
    width: 48%;
}

@media screen and (max-width: 500px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool {
        margin-bottom: 15px;
        min-width: 160px;
        min-height: 104px;
        max-height: 104px;
    }
}

.user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a {
    flex-direction: row;
    padding: 0 30px;
    min-height: 165px;
}

@media (max-width: 767.98px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a {
        padding: 0;
        min-height: 104px;
        max-height: 104px;
    }
}

.user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-img img {
    width: 110px;
}

@media (max-width: 767.98px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-img img {
        width: 90px;
    }
}

@media screen and (max-width: 500px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-img img {
        width: 60px;
    }
}

.user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name {
    width: 65%;
    padding-left: 30px;
    text-align: left;
}

@media (max-width: 767.98px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name {
        padding-left: 20px;
    }

        .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name p {
            font-size: 24px;
            line-height: 32px;
        }
}

@media screen and (max-width: 500px) {
    .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name {
        padding-left: 8px;
    }

        .user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name p {
            font-size: 13px;
            line-height: 17px;
        }
}

.user-profile-tool-section .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name p {
    margin-bottom: 0px;
    letter-spacing: 0.5px;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form .pregnancy-tool-container .tools-section {
        padding: 0;
    }
}

.user-profile-tool-section .my-profile-form .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col {
    width: 50%;
    max-width: 50%;
    flex-basis: auto;
}

@media screen and (max-width: 500px) {
    .user-profile-tool-section .my-profile-form .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col:first-child, .user-profile-tool-section .my-profile-form .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col:nth-child(3) {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }

    .user-profile-tool-section .my-profile-form .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col:nth-child(2), .user-profile-tool-section .my-profile-form .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col:nth-child(4) {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard {
        margin: 30px 0 0;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .profile-completion-status {
    display: none;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section {
        padding: 0;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col {
    width: 25%;
    max-width: 25%;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col {
        width: 50%;
        max-width: 50%;
        flex-basis: unset;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool {
    padding: 20px;
    margin: 0 auto;
    height: 100%;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool {
        padding: 20px 10px;
        margin: 0 auto 30px;
        height: auto;
    }
}

@media screen and (max-width: 500px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool {
        margin: 0 auto 15px;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a {
    flex-direction: column;
    padding: 0;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a {
        flex-direction: row;
        min-height: unset;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-img {
    padding: 0;
    margin: 0 auto 20px;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-img {
        width: 90px;
        height: auto;
        margin: 0 10px 0 0;
    }
}

@media screen and (max-width: 500px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-img {
        width: 55px;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-img img {
    width: 95px;
    height: 95px;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-img img {
        width: 100%;
        height: 100%;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-name {
    width: 100%;
    padding: 0;
    margin: 0 auto 0;
    text-align: center;
    min-height: 95px;
    padding: 0 12px;
}

@media (max-width: 991.98px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-name {
        text-align: left;
        min-height: unset;
        padding: 0;
    }
}

.user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .col .pregnancy-tool a .tool-name p {
    padding: 0;
}

@media (max-width: 767.98px) {
    .user-profile-tool-section .pregnancy-tool-container .pregnancy-tool-wrapper .padding-left-0-mob:nth-child(even) {
        padding-right: 0px !important;
    }
}

/*user tool ends*/
@media only screen and (min-width: 992px) {
    .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper {
        justify-content: center;
    }

        .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool {
            width: 23%;
            margin-right: 10px;
            margin-bottom: 0;
        }

            .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a {
                flex-direction: column;
                min-height: auto;
                padding: 0;
            }

                .user-profile-tool-section .my-profile-form.my-dashboard .pregnancy-tool-container .tools-section .pregnancy-tool-wrapper .pregnancy-tool a .tool-name {
                    padding: 0;
                    text-align: center;
                    width: 90%;
                    padding-bottom: 15px;
                }
}

/*user coupon start*/
.my-coupon-container h1 {
    color: #273040;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 30px;
}

@media only screen and (max-width: 500px) {
    .my-coupon-container h1 {
        font-size: 20px;
    }
}

.my-coupon-container .coupon-sort-options {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #BFCCDD;
    border-bottom: 1px solid #BFCCDD;
    margin-bottom: 40px;
}

@media (max-width: 991.98px) {
    .my-coupon-container .coupon-sort-options {
        margin-bottom: 30px;
    }
}

.my-coupon-container .coupon-sort-options > label {
    margin: 0 15px;
    line-height: 40px;
    vertical-align: middle;
    color: #273040;
    font-size: 20px;
}

@media (max-width: 991.98px) {
    .my-coupon-container .coupon-sort-options > label {
        margin: 0 10px;
    }
}

@media only screen and (max-width: 500px) {
    .my-coupon-container .coupon-sort-options > label {
        font-size: 14px;
        line-height: 30px;
        margin: 0px 4px 0;
    }
}

.my-coupon-container .coupon-sort-options ul.nav-tabs {
    margin: 0;
}

    .my-coupon-container .coupon-sort-options ul.nav-tabs li.nav-item a {
        border: none;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        background-color: #F6F8FB;
        color: #273040;
        margin: 0 15px;
        height: 40px;
        width: 160px;
        border-radius: 25px;
        text-align: center;
        padding: 0;
        line-height: 36px;
        font-weight: 500;
    }

@media (max-width: 991.98px) {
    .my-coupon-container .coupon-sort-options ul.nav-tabs li.nav-item a {
        margin: 0 10px;
    }
}

@media only screen and (max-width: 500px) {
    .my-coupon-container .coupon-sort-options ul.nav-tabs li.nav-item a {
        font-size: 14px;
        width: 112px;
        height: 30px;
        line-height: 28px;
        margin: 0 2px;
    }
}

.my-coupon-container .coupon-sort-options ul.nav-tabs li.nav-item a.active {
    background-color: #00205c;
    color: #fff;
}

.my-coupon-container .coupon-content {
    text-align: center;
    background-color: #F6F8FB;
    border-radius: 19px;
    margin-bottom: 40px;
}

    .my-coupon-container .coupon-content .coupon-details-div {
        padding: 15px 20px;
        border-bottom: 2px dashed #BFCCDD;
        position: relative;
        height: 340px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

@media only screen and (max-width: 500px) {
    .my-coupon-container .coupon-content .coupon-details-div {
        height: 300px;
    }
}

.my-coupon-container .coupon-content .coupon-details-div .coupon-title {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #273040;
}

@media only screen and (max-width: 500px) {
    .my-coupon-container .coupon-content .coupon-details-div .coupon-title {
        font-size: 16px;
        line-height: 20px;
    }
}

.my-coupon-container .coupon-content .coupon-details-div .coupon-title span {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
}

.my-coupon-container .coupon-content .coupon-details-div img {
    padding: 22px 0 12px;
    max-width: 72%;
}

.my-coupon-container .coupon-content .coupon-details-div .promo-validity-text {
    color: #424C5F;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

@media only screen and (max-width: 500px) {
    .my-coupon-container .coupon-content .coupon-details-div .promo-validity-text {
        font-size: 12px;
        line-height: 14px;
    }
}

.my-coupon-container .coupon-content .coupon-details-div .coupon-divider {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
}

.my-coupon-container .coupon-content .coupon-details-div .left-coupon-separator {
    left: -25px;
    bottom: -25px;
}

.my-coupon-container .coupon-content .coupon-details-div .right-coupon-separator {
    right: -25px;
    bottom: -25px;
}

.my-coupon-container .coupon-content .prof-download-coupon {
    height: 50px;
    width: 160px;
    background-color: #00205c;
    border-radius: 33.5px;
    color: #fff;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 45px;
    display: inline-block;
    margin: 30px 0;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .my-coupon-container .coupon-content .prof-download-coupon {
        font-size: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .my-coupon-container .coupon-content .prof-download-coupon {
        font-size: 14px;
        width: 100px;
        height: 30px;
        line-height: 28px;
    }
}

.my-coupon-container .coupon-content .prof-download-coupon:hover, .my-coupon-container .coupon-content .prof-download-coupon:focus {
    background-color: #A51E14;
}

/*user coupon end*/
@media (max-width: 991.98px) {
    .modal#changePassword {
        background-color: #fff;
    }

        .modal#changePassword .modal-dialog {
            box-shadow: none;
        }
}

.user-rating-section {
    width: 71%;
    margin: 55px auto 0;
}

@media (max-width: 575.98px) {
    .user-rating-section {
        margin: 25px auto 0;
    }
}

@media (max-width: 991.98px) {
    .user-rating-section {
        width: 100%;
    }
}

.user-rating-section .rating-section {
    margin-bottom: 80px;
}

@media (max-width: 575.98px) {
    .user-rating-section .rating-section {
        margin-bottom: 35px;
    }
}

.user-rating-section .rating-section:last-child {
    padding-bottom: 30px;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .user-rating-section .rating-section:last-child {
        padding-bottom: 25px;
    }
}

.user-rating-section .rating-section .no-reviews {
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #BFCCDD;
    border-radius: 10px;
    padding: 48px 10px;
    text-align: center;
}

@media (max-width: 575.98px) {
    .user-rating-section .rating-section .no-reviews {
        padding: 34px 0;
    }
}

@media (min-width: 768px) {
    .user-rating-section .rating-section .no-reviews p:last-child {
        margin-top: 15px;
    }
}

@media (max-width: 575.98px) {
    .user-rating-section .rating-section .no-reviews p:last-child {
        margin-top: 20px;
        padding-left: 11px;
        padding-right: 11px;
    }
}

.user-rating-section .rating-section .no-reviews p {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    font-size: 24px;
    line-height: 26px;
}

@media (max-width: 575.98px) {
    .user-rating-section .rating-section .no-reviews p {
        font-size: 14px;
        line-height: 18px;
        padding-left: 42px;
        padding-right: 42px;
    }
}

.user-rating-section .review-rating {
    display: flex;
}

@media (min-width: 992px) {
    .user-rating-section .review-rating {
        padding-top: 2px;
    }
}

.user-rating-section .review-rating p {
    display: inline-block;
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
    margin-left: 3px;
}

    .user-rating-section .review-rating p:first-child {
        margin-left: 0px;
    }

@media (max-width: 767.98px) {
    .user-rating-section .review-rating p {
        font-size: 11px;
        line-height: 16px;
    }
}

.user-rating-section .review-rating p.date {
    position: relative;
    padding-right: 10px;
}

    .user-rating-section .review-rating p.date::after {
        position: absolute;
        content: '';
        border-right: 1px solid #000;
        width: 1px;
        height: 17px;
        top: 3px;
        right: 1px;
    }

@media (max-width: 575.98px) {
    .user-rating-section .review-rating p.date::after {
        height: 12px;
        right: 0;
    }
}

.user-rating-section .review-rating p.star {
    margin: 0 10px 0;
}

.user-rating-section .review-rating p.icon-star-1,
.user-rating-section .review-rating p .icon-star-1-5,
.user-rating-section .review-rating p .icon-star-2,
.user-rating-section .review-rating p .icon-star-2-5,
.user-rating-section .review-rating p .icon-star-3,
.user-rating-section .review-rating p .icon-star-3-5,
.user-rating-section .review-rating p .icon-star-4,
.user-rating-section .review-rating p .icon-star-4-5,
.user-rating-section .review-rating p .icon-star-5 {
    background-repeat: no-repeat;
}

@media (max-width: 575.98px) {
    .user-rating-section .review-rating p.icon-star-1,
    .user-rating-section .review-rating p .icon-star-1-5,
    .user-rating-section .review-rating p .icon-star-2,
    .user-rating-section .review-rating p .icon-star-2-5,
    .user-rating-section .review-rating p .icon-star-3,
    .user-rating-section .review-rating p .icon-star-3-5,
    .user-rating-section .review-rating p .icon-star-4,
    .user-rating-section .review-rating p .icon-star-4-5,
    .user-rating-section .review-rating p .icon-star-5 {
        background-size: 72%;
        background-position: 4px -1px;
        min-width: 70px;
        min-height: 12px;
    }
}

@media (min-width: 768px) {
    .user-rating-section .review-rating p.icon-star-1,
    .user-rating-section .review-rating p .icon-star-1-5,
    .user-rating-section .review-rating p .icon-star-2,
    .user-rating-section .review-rating p .icon-star-2-5,
    .user-rating-section .review-rating p .icon-star-3,
    .user-rating-section .review-rating p .icon-star-3-5,
    .user-rating-section .review-rating p .icon-star-4,
    .user-rating-section .review-rating p .icon-star-4-5,
    .user-rating-section .review-rating p .icon-star-5 {
        background-size: 96%;
        background-position: 0 -1px;
        min-width: 110px;
        min-height: 20px;
    }
}

@media (max-width: 575.98px) {
    .user-rating-section .review-rating {
        margin-bottom: 5px;
    }
}

.user-rating-section .review-rating .rating-val {
    color: #000;
}

.user-rating-section .review-status .review-btn {
    width: 140px;
    height: 25px;
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    border-color: transparent;
    padding: 2px 0;
}

@media (min-width: 992px) {
    .user-rating-section .review-status .review-btn {
        font-size: 20px;
        height: 36px;
        width: 240px;
        padding: 1px 0;
        line-height: 30px;
    }
}

.user-rating-section .review-status .review-btn:hover {
    background-color: #000;
}

.user-rating-section .review-status .review-btn.approved {
    background-color: #939598;
    color: #FFF;
}

.user-rating-section .review-status .delete-icon {
    margin-left: 15px;
    height: 30px;
    vertical-align: middle;
}

@media (max-width: 575.98px) {
    .user-rating-section .review-status .delete-icon {
        float: right;
    }
}

.user-rating-section .review-status .delete-icon .icon-Delete-default:before {
    color: #000;
    font-size: 30px;
}

@media (max-width: 575.98px) {
    .user-rating-section .review-status .delete-icon .icon-Delete-default:before {
        font-size: 22px;
    }
}

.user-rating-section .review-status .delete-icon.disabled .icon-Delete-default:before {
    color: #000;
}

.user-rating-section .review-comments {
    width: 100%;
    clear: both;
}

.user-rating-section .review-heading {
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    margin: 5px 0 5px;
}

@media (max-width: 575.98px) {
    .user-rating-section .review-heading {
        font-size: 11px;
        line-height: 14px;
        margin: 6px 0 3px;
    }
}

.user-rating-section .review-description {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .user-rating-section .review-description {
        font-size: 11px;
        line-height: 14px;
    }
}

.sustainability-banner-wrapper {
    position: relative;
    height: auto;
    overflow: hidden;
}

    .sustainability-banner-wrapper picture {
        position: relative;
        left: -50%;
        width: 100%;
        overflow: hidden;
        min-width: 100%;
        height: 100%;
        transform: translateX(50%);
        display: inline-block;
    }

    .sustainability-banner-wrapper .banner-heading {
        position: absolute;
        top: 50px;
        left: 112px;
    }

        .sustainability-banner-wrapper .banner-heading h2 {
            color: #424c5f;
            font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
            font-size: 40px;
            line-height: 50px;
            text-align: left;
        }

    .sustainability-banner-wrapper .banner-description {
        position: absolute;
        top: 109px;
        left: 114px;
        max-width: 570px;
    }

        .sustainability-banner-wrapper .banner-description p {
            font-size: 20px;
            line-height: 28px;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            color: #273040;
            letter-spacing: 0.5px;
        }

.why-andrex-container .why-choose-andrex-section .content-item .image-content img {
    border-radius: 0;
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-item .image-content img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .why-andrex-container .why-choose-andrex-section .content-item .text-content {
        padding: 15px 0;
    }
}

.approach-wrapper {
    margin: 50px auto 60px;
}

    .approach-wrapper h3 {
        font-size: 32px;
        line-height: 40px;
        color: #424c5f;
        font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 600;
        text-align: center;
        margin-bottom: 30px;
    }

    .approach-wrapper .content-tile-wrapper {
        border: 1px solid #BFCCDD;
        border-radius: 0;
        box-sizing: border-box;
    }

        .approach-wrapper .content-tile-wrapper .row .tiles {
            display: flex;
            padding: 40.5px;
            border-bottom: 1px solid #BFCCDD;
            flex-wrap: wrap;
        }

        .approach-wrapper .content-tile-wrapper .row:last-child .tiles {
            border-bottom: 0;
        }

        .approach-wrapper .content-tile-wrapper .tile-description {
            text-align: left;
            padding: 0;
            padding-right: 30px;
            display: flex;
            align-items: center;
        }

            .approach-wrapper .content-tile-wrapper .tile-description p {
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 20px;
                letter-spacing: 0.5px;
                line-height: 26px;
                color: #424C5F;
            }

        .approach-wrapper .content-tile-wrapper .tile-img-wrapper {
            display: flex;
            justify-content: flex-end;
            padding: 0;
        }

            .approach-wrapper .content-tile-wrapper .tile-img-wrapper img {
                max-height: 200px;
                max-width: 321px;
                border-radius: 36px;
            }

        .approach-wrapper .content-tile-wrapper .left-end {
            order: 1;
            justify-content: flex-start;
        }

        .approach-wrapper .content-tile-wrapper .tile-description-end {
            text-align: left;
            padding: 0;
            padding-left: 30px;
            order: 2;
            display: flex;
            align-items: center;
        }

            .approach-wrapper .content-tile-wrapper .tile-description-end p {
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 20px;
                letter-spacing: 0.5px;
                line-height: 26px;
                color: #424C5F;
            }

.pack-container {
    margin-bottom: 100px;
}

    .pack-container .pack-heading {
        text-align: center;
    }

        .pack-container .pack-heading h3 {
            font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
            font-size: 32px;
            line-height: 40px;
            color: #424c5f;
        }

    .pack-container .pack-tiles {
        display: flex;
        flex-wrap: wrap;
    }

        .pack-container .pack-tiles .sub-head {
            width: 74%;
            margin: 0 auto;
            text-align: center;
        }

            .pack-container .pack-tiles .sub-head p {
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 20px;
                line-height: 26px;
                margin: 0;
                padding: 2px 0 30px;
                color: #424C5F;
            }

        .pack-container .pack-tiles .img-wrap {
            text-align: right;
        }

            .pack-container .pack-tiles .img-wrap img {
                max-width: 468px;
                max-height: 260px;
            }

        .pack-container .pack-tiles .text-wrap {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .pack-container .pack-tiles p {
            font-size: 20px;
            letter-spacing: 0.5px;
            line-height: 26px;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            color: #424C5F;
            margin-bottom: 0;
        }

@media (max-width: 991.98px) {
    .sustainability-banner-wrapper {
        height: auto;
    }

        .sustainability-banner-wrapper .banner-heading {
            left: 15px;
            top: 110px;
        }

        .sustainability-banner-wrapper .banner-description {
            position: relative;
            top: 0;
            left: 0;
            max-width: 100%;
            padding: 15px;
        }

            .sustainability-banner-wrapper .banner-description p {
                font-size: 24px;
                line-height: 32px;
                margin-bottom: 0;
            }

    .approach-wrapper {
        margin-top: 20px;
        margin-bottom: 40px;
    }

        .approach-wrapper h3 {
            margin-bottom: 0;
        }

        .approach-wrapper .content-tile-wrapper {
            border: 0;
        }

            .approach-wrapper .content-tile-wrapper .row .tiles {
                padding: 0;
            }

            .approach-wrapper .content-tile-wrapper .row:last-child .tiles {
                border-bottom: 1px solid #BFCCDD;
            }

            .approach-wrapper .content-tile-wrapper .tile-description {
                padding-right: 0;
                order: 2;
                padding-top: 30px;
            }

                .approach-wrapper .content-tile-wrapper .tile-description p {
                    font-size: 24px;
                    line-height: 32px;
                }

            .approach-wrapper .content-tile-wrapper .tile-img-wrapper {
                order: 1;
                justify-content: center;
                margin-top: 30px;
            }

                .approach-wrapper .content-tile-wrapper .tile-img-wrapper img {
                    max-width: 100%;
                    max-height: 100%;
                }

            .approach-wrapper .content-tile-wrapper .tile-description-end {
                padding-top: 30px;
                padding-left: 0;
            }

                .approach-wrapper .content-tile-wrapper .tile-description-end p {
                    font-size: 24px;
                    line-height: 32px;
                }

    .pack-container {
        margin-bottom: 80px;
    }

        .pack-container .pack-heading h3 {
            margin-bottom: 30px;
            margin-top: 5px;
        }

        .pack-container .pack-tiles .sub-head {
            order: 2;
            width: 100%;
        }

            .pack-container .pack-tiles .sub-head p {
                font-size: 32px;
                padding-bottom: 20px;
                text-align: left;
                color: #273040;
                padding-top: 30px;
                line-height: 40px;
            }

        .pack-container .pack-tiles .img-wrap {
            order: 1;
            text-align: center;
            padding: 0;
        }

            .pack-container .pack-tiles .img-wrap img {
                max-width: 100%;
                max-height: 100%;
            }

        .pack-container .pack-tiles .text-wrap {
            order: 3;
            padding: 0;
        }

            .pack-container .pack-tiles .text-wrap p {
                font-size: 24px;
                line-height: 32px;
                margin-bottom: 16px;
            }

    .why-andrex-container.sustainability .banner-section .heading-content {
        width: 90%;
        height: 100%;
        top: 85%;
        left: 0%;
    }

        .why-andrex-container.sustainability .banner-section .heading-content h2 {
            position: absolute;
            left: 112px;
            top: 10%;
        }

        .why-andrex-container.sustainability .banner-section .heading-content .banner-description {
            position: absolute;
            left: 114px;
            max-width: 650px;
        }
}

@media screen and (max-width: 500px) {
    .pack-container {
        margin-bottom: 35px;
    }

    .sustainability-banner-wrapper .banner-heading {
        top: 50px;
    }

        .sustainability-banner-wrapper .banner-heading h2 {
            font-size: 20px;
        }

    .sustainability-banner-wrapper .banner-description p {
        font-size: 14px;
        line-height: 22px;
    }

    .approach-wrapper h3 {
        font-size: 18px;
        line-height: 20px;
    }

    .approach-wrapper .content-tile-wrapper .tile-description p,
    .approach-wrapper .content-tile-wrapper .tile-description-end p {
        font-size: 14px;
        line-height: 22px;
    }

    .pack-container .pack-heading h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0px 0 15px;
    }

    .pack-container .pack-tiles .sub-head p {
        font-size: 14px;
        line-height: 18px;
        padding: 15px 0 10px;
    }

    .pack-container .pack-tiles .text-wrap p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 992px) {
    .why-andrex-container.our-approach .why-choose-andrex-section {
        padding: 50px 0 59px;
    }

        .why-andrex-container.our-approach .why-choose-andrex-section h2 {
            margin-bottom: 30px;
        }

        .why-andrex-container.our-approach .why-choose-andrex-section .content-item .image-content {
            width: 35%;
        }

        .why-andrex-container.our-approach .why-choose-andrex-section .content-item.image-right .text-content p {
            float: left;
        }

        .why-andrex-container.our-approach .why-choose-andrex-section .content-item .text-content {
            width: 65%;
        }

            .why-andrex-container.our-approach .why-choose-andrex-section .content-item .text-content p {
                max-width: 500px;
                float: right;
                margin-bottom: 0;
            }
}

@media (max-width: 991.98px) {
    .why-andrex-container.our-approach .why-choose-andrex-section {
        padding: 15px 0 15px;
    }
}

@media screen and (max-width: 500px) {
    .why-andrex-container.our-approach .why-choose-andrex-section {
        padding: 0px 0 14px;
    }

        .why-andrex-container.our-approach .why-choose-andrex-section h2 {
            margin-bottom: 15px;
        }
}

#search-area-input.collapse.show {
    display: block !important;
}

.load-more-pointer {
    border-bottom: 1px solid rgba(147, 149, 152, 0.4);
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .load-more-pointer {
        margin-bottom: 80px;
    }
}

.find-out {
    padding: 10px 0 20px;
}

@media (min-width: 768px) {
    .find-out {
        padding: 10px 0 50px;
    }
}

.find-out .title-bold-text {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #EA1B23;
    font-size: 14px;
    line-height: 30px;
}

    .find-out .title-bold-text:focus, .find-out .title-bold-text:hover {
        color: #FF00BB;
    }

@media (min-width: 768px) {
    .find-out .title-bold-text {
        font-size: 22px;
        padding-bottom: 30px;
    }
}

.search-area-wrapper .CoveoOmnibox.magic-box {
    border: none;
}

    .search-area-wrapper .CoveoOmnibox.magic-box input {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 24px;
        color: #273040 !important;
    }

    .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        width: auto;
        padding-right: 45px;
        margin-top: 4px;
        position: relative;
        margin-right: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media (min-width: 768px) {
    .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        padding-right: 27px;
    }
}

@media (max-width: 767.98px) {
    .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        margin-right: 18px;
    }
}

.search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear:after {
    content: '';
    width: 1px;
    height: 36px;
    background: #939598;
    position: absolute;
    right: 0;
    top: 3px;
}

@media screen and (max-width: 500px) {
    .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear:after {
        right: 13px;
    }
}

.search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear .magic-box-icon {
    height: 36px;
    width: 100px;
    font-size: 20px;
    line-height: 30px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #424C5F;
}

@media (max-width: 991.98px) {
    .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear .magic-box-icon {
        width: 57px;
        height: 24px;
        font-size: 14px;
        line-height: 18px;
    }
}

.search-area-wrapper .CoveoSearchButton {
    border: none;
    top: 21px;
    position: absolute;
    right: 25px;
    padding: 0px;
    border-radius: 50% !important;
    width: 40px;
    background-color: #F6F8FB;
    z-index: 3;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid transparent;
}

    .search-area-wrapper .CoveoSearchButton:hover {
        border: 1px solid #FF00BB !important;
    }

@media only screen and (max-width: 991px) {
    .search-area-wrapper .CoveoSearchButton {
        width: 40px;
        height: 40px;
        outline: 0;
        right: 15px;
    }
}

@media (max-width: 767.98px) {
    .search-area-wrapper .CoveoSearchButton {
        width: 22px;
        height: 22px;
        top: 15px;
    }
}

.search-area-wrapper .CoveoSearchButton .coveo-search-button {
    width: 100%;
    height: 100%;
    outline: 0;
    top: 0;
    right: 0;
    position: absolute;
    color: #EA1B23;
}

    .search-area-wrapper .CoveoSearchButton .coveo-search-button:before {
        content: "";
        font-size: 32px;
        font-family: "kotex-1";
    }

@media (max-width: 767.98px) {
    .search-area-wrapper .CoveoSearchButton .coveo-search-button:before {
        font-size: 28px;
        line-height: 18px;
    }
}

.search-area-wrapper .CoveoSearchButton .coveo-search-button svg {
    display: none;
}

.search-area-wrapper #mandatorysearchfield {
    color: #EA1B23;
    font-size: 10px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .search-area-wrapper #mandatorysearchfield {
        font-size: 18px;
        line-height: 32px;
        padding: 21px 0 0;
        padding-left: 30px;
    }
}

.CoveoSearchInterface.Coveostate {
    background-color: transparent;
}

.CoveoSearchInterface .coveo-main-section.search-main-section .coveo-results-column {
    background-color: transparent;
    padding-right: 0;
}

    .CoveoSearchInterface .coveo-main-section.search-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult {
        margin-bottom: 30px;
    }

        .CoveoSearchInterface .coveo-main-section.search-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult:last-child {
            margin-bottom: 50px;
        }

@media screen and (max-width: 500px) {
    .CoveoSearchInterface .coveo-main-section.search-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult {
        margin-bottom: 15px;
    }

        .CoveoSearchInterface .coveo-main-section.search-main-section .coveo-results-column .CoveoResultList .coveo-list-layout.CoveoResult:last-child {
            margin-bottom: 25px;
        }
}

@media only screen and (max-width: 500px) {
    .CoveoSearchInterface.search-area-wrapper .CoveoSearchbox {
        margin-right: 0;
    }
}

.search-main-section {
    margin-top: 114px !important;
}

@media only screen and (max-width: 500px) {
    .search-main-section {
        margin-top: 75px !important;
    }
}

.search-main-section .coveo-summary-section {
    margin: 0;
    width: 100%;
}

    .search-main-section .coveo-summary-section .CoveoQuerySummary {
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        line-height: 26px;
        color: #000;
        letter-spacing: 0.5px;
        font-weight: normal;
    }

@media (max-width: 991.98px) {
    .search-main-section .coveo-summary-section .CoveoQuerySummary {
        font-size: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .search-main-section .coveo-summary-section .CoveoQuerySummary {
        font-size: 14px;
    }
}

.search-main-section .coveo-summary-section .CoveoQuerySummary .coveo-highlight {
    font-weight: normal;
}

@media screen and (max-width: 500px) {
    .search-main-section .coveo-summary-section .CoveoQuerySummary .coveo-highlight {
        font-size: 12px;
        line-height: 15px;
    }
}

.search-main-section .coveo-tab-section {
    background-color: transparent !important;
    border: none;
    padding: 20px 0 30px;
    text-align: left;
}

    .search-main-section .coveo-tab-section .search-list-menu-carousel {
        padding: 0;
        margin: 0;
    }

@media (max-width: 767.98px) {
    .search-main-section .coveo-tab-section .search-list-menu-carousel {
        margin-right: -15px;
    }
}

.search-main-section .coveo-tab-section a.CoveoTab {
    height: 40px;
    width: 180px;
    border-radius: 25px;
    background-color: #DFDFDF;
    border: none;
    box-shadow: none;
    margin-right: 10px;
    text-align: center;
    color: #000;
}

    .search-main-section .coveo-tab-section a.CoveoTab:hover {
        text-decoration: none;
        background-color: #FF00BB;
        border: none;
    }

        .search-main-section .coveo-tab-section a.CoveoTab:hover p {
            font-weight: bold;
            font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
            color: #FFF !important;
        }

@media (min-width: 768px) {
    .search-main-section .coveo-tab-section a.CoveoTab {
        margin-right: 20px;
    }
}

@media (max-width: 991.98px) {
    .search-main-section .coveo-tab-section a.CoveoTab {
        height: 50px;
        padding: 0;
    }
}

@media only screen and (max-width: 500px) {
    .search-main-section .coveo-tab-section a.CoveoTab {
        height: auto;
        width: auto;
        padding: 5px 12px;
    }
}

.search-main-section .coveo-tab-section a.CoveoTab.coveo-selected {
    background-color: #EA1B23;
    width: 160px;
}

@media (max-width: 991.98px) {
    .search-main-section .coveo-tab-section a.CoveoTab.coveo-selected {
        height: 50px;
        width: 150px;
        padding: 0;
    }
}

@media only screen and (max-width: 500px) {
    .search-main-section .coveo-tab-section a.CoveoTab.coveo-selected {
        width: auto;
        height: auto;
        padding: 4px 19px 5px;
    }
}

.search-main-section .coveo-tab-section a.CoveoTab.coveo-selected p {
    color: #FFF;
    border: none;
}

.search-main-section .coveo-tab-section a.CoveoTab p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #273040;
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    text-transform: capitalize;
    border: none;
}

@media (max-width: 991.98px) {
    .search-main-section .coveo-tab-section a.CoveoTab p {
        font-size: 24px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 500px) {
    .search-main-section .coveo-tab-section a.CoveoTab p {
        font-size: 12px;
        line-height: 15px;
    }
}

@media screen and (max-width: 500px) {
    .search-main-section .search-section-wrapper .search-item-section .row {
        display: flex;
        align-items: center;
    }
}

.search-main-section .search-section-wrapper .search-sub-section .promo-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 0;
    padding-left: 0;
    overflow: hidden;
    height: 100px;
    position: relative;
    background-color: #F6F8FB;
}

@media only screen and (max-width: 500px) {
    .search-main-section .search-section-wrapper .search-sub-section .promo-image-wrapper {
        height: 100px;
        display: flex;
        align-items: center;
        justify-items: center;
        padding: 0;
    }
}

.search-main-section .search-section-wrapper .search-sub-section .promo-image-wrapper img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    width: auto;
    top: 50%;
    max-width: 140px;
}

@media only screen and (max-width: 500px) {
    .search-main-section .search-section-wrapper .search-sub-section .promo-image-wrapper img {
        height: 72px;
        width: auto;
    }
}

.search-main-section .search-section-wrapper .search-sub-section .promo-image-wrapper.article-image-wrap img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.search-main-section .search-section-wrapper .search-sub-section .feature-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 0;
    height: 100px;
}

    .search-main-section .search-section-wrapper .search-sub-section .feature-description h3 {
        font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        line-height: 40px;
        color: #424C5F;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

@media (max-width: 991.98px) {
    .search-main-section .search-section-wrapper .search-sub-section .feature-description h3 {
        font-size: 32px;
        -webkit-line-clamp: 2;
    }
}

@media only screen and (max-width: 500px) {
    .search-main-section .search-section-wrapper .search-sub-section .feature-description h3 {
        font-size: 12px;
        line-height: 20px;
        margin-top: 0;
    }
}

.search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink {
    text-decoration: none;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #bfccdd;
}

@media screen and (max-width: 500px) {
    .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink {
        padding-bottom: 8px;
    }
}

.search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink:hover, .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink:focus {
    text-decoration: none;
}

.search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink .explore-link {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #00205c;
    font-size: 20px;
    line-height: 28px;
    text-decoration: none;
}

@media only screen and (max-width: 500px) {
    .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink .explore-link {
        font-size: 14px;
        line-height: 16px;
    }
}

.search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink .explore-link img {
    margin-left: 10px;
}

@media only screen and (max-width: 500px) {
    .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink .explore-link img {
        height: 8px;
    }
}

.search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink .explore-link:hover, .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink .explore-link:focus {
    text-decoration: none;
}

.coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section {
    margin: 90px auto 60px;
    text-align: center;
}

    .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section .coveo-query-summary-no-results-string {
        font-size: 20px;
        line-height: 30px;
        color: #000;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        text-align: left;
        margin-bottom: 20px;
        margin-top: 40px;
    }

@media (min-width: 768px) {
    .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section .coveo-query-summary-no-results-string {
        font-size: 24px;
        line-height: 26px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        margin-top: 50px;
    }
}

.coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section .coveo-query-summary-search-tips-info {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
}

.coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section ul li {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #000;
}

.coveo-main-section.search-main-section .coveo-no-results:after {
    content: '';
    border-bottom: 1px solid #000;
    display: block;
    width: 80%;
    margin: 0 auto;
    top: 20px;
    left: 0;
    position: relative;
    opacity: 0.5;
}

@media (max-width: 991.98px) {
    .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section {
        margin: 70px auto 55px;
    }

        .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section .coveo-query-summary-no-results-string {
            font-size: 24px;
        }

        .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section .coveo-query-summary-search-tips-info {
            font-size: 20px;
            line-height: 30px;
        }

        .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section ul li {
            font-size: 20px;
            line-height: 30px;
        }
}

@media screen and (max-width: 500px) {
    .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section {
        margin: 35px auto 30px;
    }

        .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section .coveo-query-summary-no-results-string {
            font-size: 18px;
        }

        .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section .coveo-query-summary-search-tips-info {
            font-size: 16px;
            line-height: 28px;
        }

        .coveo-main-section.search-main-section .coveo-no-results .coveo-summary-section ul li {
            font-size: 16px;
            line-height: 28px;
        }
}

/*iphone 6*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear:after {
        right: 14px;
    }
}

/*iphone 6 plus*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear:after {
        right: 14px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper {
    right: 15px;
    border: 1px solid #fff;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper {
        right: 15px;
        border: 1px solid #939598;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper.collapsed .icon-Search::before {
    color: white;
}

@media (min-width: 768px) {
    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper.collapsed .icon-Search::before {
        color: #000;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper.collapsed:hover {
    border: 1px solid #FF00BB;
}

.family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper:hover {
    border: 1px solid #FF00BB;
}

    .family-care-header .header-wrapper .coveo-search-section .search-icon-wrapper:hover .icon-Search:before {
        color: #FF00BB;
    }

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper {
    width: 100%;
    left: 0;
    right: 0;
    padding-bottom: 10px;
    padding-top: 0;
    display: none;
}

    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper.search-page .CoveoSearchbox {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper.search-page .trending-section {
        display: none !important;
    }

    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper::before {
        top: 48px;
        content: none;
    }

@media (min-width: 768px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper::before {
        top: 80px;
        content: none;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper.search-box-empty::before {
    content: '';
    z-index: 5;
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-input {
    height: 50px;
    margin: 15px 20px 5px;
    line-height: 60px;
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-input {
        margin: 0;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-input .magic-box-underlay {
    padding: 0;
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-input .magic-box-underlay {
        height: 50px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions {
    border: 0;
    margin: 0;
    top: 5px;
    min-height: 50px;
    padding: 20px 0 10px;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions {
        padding: 18px 30px 0;
        border: 0;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions .magic-box-suggestion {
    border: 0;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions .magic-box-suggestion {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 20px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions .magic-box-suggestion span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 992px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box .magic-box-suggestions .magic-box-suggestion span {
        font-size: 20px;
        line-height: 32px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input {
    padding: 0 !important;
    color: #000 !important;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input {
        font-size: 16px;
        width: 90%;
        height: 50px;
        margin-left: -10px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input::placeholder {
    color: #9F9F9F;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 22px;
}

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input::placeholder {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input::placeholder {
        font-size: 14px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #9F9F9F;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input::-ms-input-placeholder {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box input::-ms-input-placeholder {
        font-size: 14px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
    margin-right: 60px;
    margin-top: 2px;
}

    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear:focus {
        outline: 0;
    }

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        margin-right: 30px;
    }
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear {
        margin-right: 5px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear::after {
    right: 5px;
    top: 7px;
    background: #939598;
}

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear::after {
        right: 32px;
        height: 23px;
        top: 12px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear .magic-box-icon {
    background: #EA1B23;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    min-width: 100px;
    width: auto;
    height: 36px;
    padding: 2px 10px;
    border-radius: none;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear .magic-box-icon:focus, .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear .magic-box-icon:hover {
        outline: 0;
        color: #fff;
        background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
        text-decoration: none;
    }

@media (max-width: 767.98px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .CoveoOmnibox.magic-box.magic-box-notEmpty .magic-box-clear .magic-box-icon {
        width: 57px;
        height: 24px;
        padding: 0;
        font-size: 14px;
        line-height: 18px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section {
    padding-top: 20px;
    flex-wrap: nowrap;
}

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section {
        margin: 0;
        padding-top: 20px;
        padding-bottom: 25px;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section > span {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.44px;
    color: #939598;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    line-height: 24px;
    height: 40px;
    display: flex;
    align-items: center;
    max-width: 15%;
    flex: 0 0 15%;
}

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section > span {
        font-size: 14px;
        line-height: 30px;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
    color: #000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    padding: 5px 20px;
    border: 1px solid transparent;
    width: auto;
    height: auto;
}

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a {
        font-size: 14px;
        padding: 5px 0;
    }
}

@media screen and (max-width: 640px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a {
        width: 100%;
    }
}

@media screen and (max-width: 991px) and (min-width: 639px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a {
        width: 45%;
    }
}

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a:hover {
    background-color: #FF00BB;
    color: #FFF;
}

    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a:hover span {
        color: #FFF;
    }

.family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a span {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.44px;
    line-height: 24px;
    color: #4F4F4F;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media screen and (max-width: 991px) {
    .family-care-header .header-wrapper .coveo-search-section .search-area-wrapper .trending-section a span {
        font-size: 14px;
    }
}

.ingredients-banner-wrapper {
    position: relative;
    height: 280px;
    overflow: hidden;
}

    .ingredients-banner-wrapper picture {
        position: relative;
        left: -50%;
        width: 100%;
        overflow: hidden;
        min-width: 100%;
        height: 100%;
        transform: translateX(50%);
        display: inline-block;
    }

    .ingredients-banner-wrapper .banner-heading {
        position: absolute;
        top: 26px;
        left: 112px;
    }

        .ingredients-banner-wrapper .banner-heading h2 {
            color: #424c5f;
            font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
            font-size: 40px;
            line-height: 50px;
            text-align: left;
        }

    .ingredients-banner-wrapper .banner-description {
        position: absolute;
        top: 86px;
        left: 114px;
        max-width: 570px;
    }

        .ingredients-banner-wrapper .banner-description p {
            font-size: 20px;
            line-height: 28px;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            color: #273040;
            letter-spacing: 0.5px;
        }

.product-ingredients {
    text-align: center;
}

    .product-ingredients h3 {
        font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        margin: 40px 0 30px 0;
        color: #424c5f;
    }

@media (max-width: 991.98px) {
    .product-ingredients h3 {
        margin: 45px 0 30px 0;
    }
}

.product-ingredients .tabs-section .product-type-list {
    padding: 28px 0 30px;
    border-top: 1px solid #00205c;
    border-bottom: 1px solid #00205c;
}

@media (max-width: 767.98px) {
    .product-ingredients .tabs-section .product-type-list {
        padding: 35px 0 36px;
    }
}

@media screen and (max-width: 500px) {
    .product-ingredients .tabs-section .product-type-list {
        padding: 17px 0 18px;
    }
}

.product-ingredients .tabs-section .product-type-list .product-type {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 0;
    width: 65%;
    margin: 0 auto;
    justify-content: space-around;
}

    .product-ingredients .tabs-section .product-type-list .product-type li {
        width: auto;
        cursor: pointer;
        padding: 0 19px;
        outline: transparent;
    }

        .product-ingredients .tabs-section .product-type-list .product-type li.active a {
            color: #00205c;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 24px;
            font-weight: 500;
            text-align: center;
            border-bottom: 2px solid #E02020;
        }

        .product-ingredients .tabs-section .product-type-list .product-type li a {
            color: #273040;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 24px;
            font-weight: 500;
            line-height: 30px;
            text-align: center;
            padding: 10px 0;
            display: inline-block;
            text-decoration: none;
            border: none;
        }

.product-ingredients .tabs-section .product-item-section .container {
    padding: 0;
}

.product-ingredients .tabs-section .product-item-section .prod-ingredient-section {
    position: relative;
}

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider {
        padding: 0 0 100px;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item {
            outline-color: transparent;
        }

            .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content {
                max-width: 60%;
                margin: 5px auto 0px;
                max-height: 465px;
                min-height: 465px;
                height: 465px;
            }

                .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content img {
                    height: 100%;
                }

            .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider {
                width: 70%;
                margin: 0 auto;
                border: 1px solid #BFCCDD;
                border-radius: 0;
                padding: 40px;
                display: flex;
                flex-wrap: wrap;
            }

                .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider img {
                    width: 223px;
                    max-height: 260px;
                    height: 100%;
                }

                .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content {
                    text-align: left;
                    width: 56%;
                    margin: 0 5%;
                }

                    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li {
                        list-style: none;
                    }

                        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li h4 {
                            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                            font-size: 24px;
                            color: #273040;
                            line-height: 32px;
                            font-weight: 500;
                            margin-bottom: 5px;
                        }

                        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li p {
                            font-size: 20px;
                            letter-spacing: 0.5px;
                            line-height: 26px;
                            color: #273040;
                            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                            margin-bottom: 20px;
                        }

@media (max-width: 991.98px) {
    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li p {
        margin-bottom: 30px;
    }
}

.product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li:last-child p {
    margin-bottom: 0;
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider {
        width: 85%;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content {
            width: 48%;
            margin: 0 5%;
        }
}

.product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider button {
    outline: transparent;
}

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider button.slick-prev.slick-arrow {
        top: 68%;
        left: 7%;
        opacity: 1;
        background: url("./../../../../../../src/Project/andrexMB/code/Images/down-arrow-red.svg") no-repeat 50%;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider button.slick-prev.slick-arrow.slick-disabled {
            opacity: .5;
        }

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider button.slick-prev.slick-arrow {
        left: -6%;
    }
}

.product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider button.slick-next.slick-arrow {
    top: 68%;
    right: 7%;
    opacity: 1;
    background: url("./../../../../../../src/Project/andrexMB/code/Images/down-arrow-red.svg") no-repeat 50%;
}

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider button.slick-next.slick-arrow.slick-disabled {
        opacity: .5;
    }

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider button.slick-next.slick-arrow {
        right: -6%;
    }
}

.product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #00205c;
    outline: transparent;
}

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav div {
        cursor: pointer;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav h3 {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        line-height: 28px;
        color: #273040;
        padding: 6px 20px;
        border-radius: 25px;
        background-color: #F6F8FB;
        font-weight: 500;
        white-space: nowrap;
        margin: 30px 10px 29px 10px;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav .slick-track {
        margin: 0px auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav .slick-list {
        padding: 0 !important;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav .slick-slide {
        width: auto !important;
        outline: transparent;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav .slick-slide.slick-current h3 {
            background-color: #00205c;
            color: #FFFFFF;
        }

@media screen and (max-width: 1024px) {
    .product-ingredients .tabs-section .product-item-section {
        padding-bottom: 100px;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider {
            padding: 0 0 15px;
        }

            .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content {
                max-width: 100%;
            }

            .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider {
                width: 95%;
                justify-content: center;
                padding-bottom: 0px;
                margin-bottom: 40px;
            }

                .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content {
                    width: 100%;
                    text-align: center;
                    margin: 20px 0 0;
                }
}

@media screen and (max-width: 1024px) and (max-width: 500px) {
    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content {
        margin: 20px 0 0;
    }
}

@media screen and (max-width: 1024px) {
    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li p {
        font-size: 24px;
        line-height: 32px;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .slick-dots li button {
        width: 12px;
        height: 12px;
        background-color: #BFCCDD;
        display: inline-block;
        border-radius: 50%;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .slick-dots li button:before {
            content: none;
        }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .slick-dots li.slick-active button {
        border: 1px solid #00205c;
        border-radius: 6px;
        background-color: #00205c;
        width: 20px;
        height: 12px;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav {
        display: inline-block;
        touch-action: auto;
        -ms-touch-action: auto;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav h3 {
            white-space: nowrap;
            font-size: 24px;
            line-height: 30px;
            padding-top: 4px;
        }

    .product-ingredients .tabs-section .product-type-list .product-type {
        width: 100%;
    }

        .product-ingredients .tabs-section .product-type-list .product-type li a {
            font-size: 24px;
        }

        .product-ingredients .tabs-section .product-type-list .product-type li.active a {
            font-size: 24px;
            line-height: 30px;
        }
}

@media screen and (max-width: 500px) {
    .product-ingredients h3 {
        font-size: 18px;
        margin: 0 0 15px;
    }

    .product-ingredients .tabs-section .product-item-section {
        padding-bottom: 60px;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li p,
        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li h4 {
            font-size: 14px;
            line-height: 26px;
        }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li p {
            margin-bottom: 15px;
        }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider .text-content ul li h4 {
            margin-bottom: 0;
        }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider img {
            max-width: 180px;
            max-height: 200px;
        }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .slider.slider-nav h3 {
            font-size: 14px;
            padding: 4px 19px;
            margin: 14px 10px 15px;
        }

    .product-ingredients .tabs-section .product-type-list .product-type li a {
        font-size: 16px;
        white-space: nowrap;
        padding: 0;
    }

    .product-ingredients .tabs-section .product-type-list .product-type li.active a {
        font-size: 16px;
        padding-bottom: 3px;
    }
}

@media (max-width: 991.98px) {
    h3 {
        margin-top: 57px;
    }

    .ingredients-banner-wrapper {
        height: auto;
    }

        .ingredients-banner-wrapper .banner-heading {
            left: 15px;
            top: 85px;
            width: 32%;
        }

        .ingredients-banner-wrapper .banner-description {
            position: relative;
            top: 0;
            left: 0;
            max-width: 100%;
            padding: 19px 15px 15px;
        }

            .ingredients-banner-wrapper .banner-description p {
                font-size: 24px;
                line-height: 32px;
                margin-bottom: 0;
            }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content {
        min-height: 385px;
        max-height: 385px;
        margin-bottom: 40px;
        height: 385px;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content img {
            height: 100%;
        }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider ul.slick-dots li {
        margin: 0 15px;
    }
}

@media (max-width: 767.98px) {
    .ingredients-banner-wrapper .banner-heading {
        top: 60px;
        width: 35%;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content {
        min-height: 355px;
        max-height: 355px;
        margin-bottom: 30px;
        height: 355px;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content img {
            height: 100%;
        }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider {
        padding: 30px 30px 0;
        margin-bottom: 25px;
    }

    .samsung .prod-history-slider.slider-for .slick-dots li.slick-active button {
        line-height: 8px;
    }
}

@media screen and (max-width: 500px) {
    .ingredients-banner-wrapper .banner-heading {
        top: 30px;
        width: 32%;
    }

        .ingredients-banner-wrapper .banner-heading h2 {
            font-size: 20px;
            line-height: 28px;
        }

    .ingredients-banner-wrapper .banner-description {
        padding: 10px 15px 15px;
    }

        .ingredients-banner-wrapper .banner-description p {
            font-size: 14px;
            line-height: 22px;
        }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content {
        min-height: 220px;
        max-height: 220px;
        margin: 18px 0 0px;
        height: 220px;
    }

        .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .image-content img {
            height: 100%;
        }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider .tile-slider-item .bottom-slider {
        padding: 20px 30px 0;
        margin-bottom: 5px;
    }

    .product-ingredients .tabs-section .product-item-section .prod-ingredient-section .prod-history-slider ul.slick-dots li {
        margin: 0 7px;
    }
}

@media (min-width: 768px) {
    .contact-us-title-section .component-title {
        padding: 30px 0 0 0;
    }
}

.contact-us-title-section .component-title span {
    font-weight: 500;
    padding-bottom: 10px;
}

.contact-us-title-section .subtitle p {
    font-size: 16px;
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .contact-us-title-section .subtitle p {
        font-size: 20px;
        line-height: 30px;
    }
}

.contact-us-title-section .subtitle a {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    color: #EA1B23;
}

    .contact-us-title-section .subtitle a:focus {
        color: #FF00BB;
    }

    .contact-us-title-section .subtitle a:hover {
        text-decoration: none;
        color: #FF00BB;
    }

.contact-us-details {
    margin: 20px 0;
}

@media (min-width: 768px) {
    .contact-us-details {
        margin: 30px 0;
    }
}

.contact-us-details .contact-via-phone {
    padding: 0 0 25px 0;
}

@media (min-width: 992px) {
    .contact-us-details .contact-via-phone {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .contact-us-details .contact-via-post {
        margin-left: 25px;
    }
}

.contact-us-details .media .img-wrap {
    border: 1px solid #EA1B23;
    margin: 7px 0 0;
    margin-right: 10px;
    border-radius: 50%;
    background: #FFF;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .contact-us-details .media .img-wrap {
        width: 50px;
        height: 50px;
        margin: 0;
        margin-right: 24px;
    }
}

.contact-us-details .media .img-wrap img {
    width: auto;
    height: 12px;
}

@media (min-width: 768px) {
    .contact-us-details .media .img-wrap img {
        height: 20px;
    }
}

.contact-us-details .media .media-body {
    color: #000;
    margin-left: 0;
}

    .contact-us-details .media .media-body .title {
        font-size: 22px;
        line-height: 30px;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
    }

@media (min-width: 768px) {
    .contact-us-details .media .media-body .title {
        font-size: 26px;
        line-height: 26px;
    }
}

.contact-us-details .media .media-body p,
.contact-us-details .media .media-body address {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
}

    .contact-us-details .media .media-body p a,
    .contact-us-details .media .media-body address a {
        color: #000;
    }

@media (min-width: 768px) {
    .contact-us-details .media .media-body p,
    .contact-us-details .media .media-body address {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 992px) {
    .contact-us-details .media .media-body p.phone-no {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .contact-us-details .media .media-body p.phone-no:last-child {
        margin-left: 0px;
    }
}

.contactus-main .contactus-page {
    max-width: 800px;
}

    .contactus-main .contactus-page .section-inputs textarea {
        width: 100%;
        padding: 15px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        outline: 0;
    }

@media (min-width: 992px) {
    .contactus-main .contactus-page .section-inputs textarea {
        margin: 0 15px;
    }
}

.contactus-main .contactus-page .section-inputs .lbl-body {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
    color: #4F4F4F;
    font-weight: 700;
    margin: 20px 15px 10px;
}

.contactus-main .contactus-page .section-inputs input[type=file] {
    margin-left: 15px;
}

.contactus-success {
    text-align: center;
}

    .contactus-success p {
        color: #000;
        font-family: "Kotex Light",Helvetica,Roboto,Arial,sans-serif;
        font-size: 16px;
        line-height: 20px;
    }

@media (min-width: 768px) {
    .contactus-success p {
        font-size: 20px;
        line-height: 24px;
    }
}

section.button-group {
    background-color: #EEEEEE;
    padding: 15px 0 22.4px 0;
    margin: 25px 0 50px;
}

@media (min-width: 768px) {
    section.button-group {
        padding: 24px 0 40px 0;
    }
}

section.button-group .component-title span {
    padding-bottom: 0;
}

.button-group .slick-track {
    display: flex;
    align-items: center;
    height: 50px;
}

@media (min-width: 768px) {
    .button-group .slick-track {
        height: 94px;
    }
}

.button-group .slick-slide {
    height: auto;
}

.button-group .description {
    font-size: 20px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 30px;
    text-align: center;
    color: #260859;
    margin-bottom: 15px;
}

.button-group .col {
    padding: 0 7.5px;
    width: 225px;
}

.button-group .button-group-wrap {
    height: 100px;
}

    .button-group .button-group-wrap .button-comp {
        padding: 0 7.5px;
    }

        .button-group .button-group-wrap .button-comp a {
            padding: 25px;
        }

.button-group .button-block {
    height: 50px;
    border-radius: 5px;
    border: solid #000 1px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: ease-out .2s;
}

@media (max-width: 767.98px) {
    .button-group .button-block {
        height: 31px;
    }
}

.button-group .button-block:hover {
    height: 60px;
    border: 2px solid #FF00BB;
}

@media (max-width: 767.98px) {
    .button-group .button-block:hover {
        height: 37px;
    }
}

@media (min-width: 576px) {
    .button-group .button-block:hover {
        background-size: 100%;
    }
}

.button-group .button-block a {
    font-size: 12px;
    line-height: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #00205C;
    padding: 25px 10px;
    display: block;
    text-align: center;
    width: 100%;
}

@media (min-width: 576px) {
    .button-group .button-block a {
        font-size: 18px;
        line-height: 20px;
    }
}

.button-group .button-block a:hover {
    text-decoration: none;
    color: #009BDE;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

.button-group .slick-current .button-block {
    height: 37px;
    background: #000;
    border: 2px solid #EA1B23;
}

@media (min-width: 768px) {
    .button-group .slick-current .button-block {
        height: 60px;
    }
}

.button-group .slick-current:focus {
    outline: none;
}

.button-group .button-group-wrap .button-block:hover, .button-group .button-group-wrap .button-block:focus {
    background: url("../img/Button Bubble Graohic_Default.svg") #fff;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 175px;
    height: 80px;
}

@media (max-width: 767.98px) {
    .button-group .button-group-wrap .button-block:hover, .button-group .button-group-wrap .button-block:focus {
        height: 60px;
    }
}

.button-group .button-group-wrap .button-block a:hover, .button-group .button-group-wrap .button-block a:focus {
    color: #00205c;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

.button-group .button-group-wrap .slick-current .button-block {
    background: url("../img/Button Bubble Graohic_Default.svg") #fff;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 175px;
}

    .button-group .button-group-wrap .slick-current .button-block:hover, .button-group .button-group-wrap .slick-current .button-block:focus {
        background: url("../img/Button Bubble Graohic_Default.svg") #fff;
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 175px;
    }

@media (max-width: 767.98px) {
    .button-group .button-group-wrap .slick-current .button-block {
        height: 60px;
    }
}

.button-group .button-group-wrap .slick-current:focus {
    outline: none;
}

.button-group .slick-active:focus {
    outline: none;
}

@media (min-width: 576px) {
    .button-group .button-block {
        font-size: 18px;
        line-height: 20px;
        height: 30px;
    }

        .button-group .button-block:hover {
            height: 40px;
        }

    .button-group .slick-current .button-block {
        height: 40px;
    }

    .button-group .description {
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .button-group .button-block {
        font-size: 18px;
        line-height: 20px;
        height: 50px;
    }

        .button-group .button-block:hover {
            height: 60px;
        }

    .button-group .slick-current .button-block {
        height: 60px;
    }
}

.container-center {
    max-width: 1200px;
    margin: 0 auto;
}

    .container-center .search-main-section .coveo-results-column {
        padding: 0 15px 0 15px !important;
    }

@media (min-width: 992px) {
    .container-center .search-main-section .coveo-results-column {
        padding: 0 35px !important;
    }
}

.container-center .search-main-section .coveo-results-column.coveo-no-results {
    max-width: 100%;
}

    .container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-tab-section {
        display: none;
    }

    .container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section {
        margin-top: 0;
    }

        .container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section .CoveoQuerySummary .coveo-show-if-no-results .no-search-result {
            width: 80%;
            margin: 27px auto 0;
        }

            .container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section .CoveoQuerySummary .coveo-show-if-no-results .no-search-result .no-matching-records {
                text-align: center;
                font-size: 20px;
                font-weight: 300;
                letter-spacing: 0;
                line-height: 23px;
                font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
            }

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section .CoveoQuerySummary .coveo-show-if-no-results .no-search-result .no-matching-records {
        font-size: 24px;
        line-height: 26px;
    }
}

.container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section .CoveoQuerySummary .coveo-show-if-no-results .no-search-result .no-matching-records .coveo-highlight {
    font-size: 16px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section .CoveoQuerySummary .coveo-show-if-no-results .no-search-result .no-matching-records .coveo-highlight {
        font-size: 25px;
    }
}

.container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section .CoveoQuerySummary .coveo-show-if-no-results .no-search-result .search-tips {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
    width: 80%;
    margin: 0 auto;
    color: #000;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column.coveo-no-results .coveo-summary-section .CoveoQuerySummary .coveo-show-if-no-results .no-search-result .search-tips {
        font-size: 18px;
        line-height: 32px;
        width: 45%;
    }
}

.container-center .search-main-section .coveo-results-column .CoveoDidYouMean .coveo-did-you-mean-no-results-for {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .CoveoDidYouMean .coveo-did-you-mean-no-results-for {
        font-size: 20px;
    }
}

.container-center .search-main-section .coveo-results-column .CoveoDidYouMean .coveo-did-you-mean-no-results-for .coveo-did-you-mean-highlight {
    font-style: italic;
}

.container-center .search-main-section .coveo-results-column .CoveoDidYouMean .coveo-did-you-mean-automatic-correct {
    color: #EA1B23;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 30px;
    margin: 5px 0 0;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .CoveoDidYouMean .coveo-did-you-mean-automatic-correct {
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0 10px;
    }
}

.container-center .search-main-section .coveo-results-column .CoveoDidYouMean .coveo-did-you-mean-automatic-correct .coveo-highlight {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    margin-left: 5px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .CoveoDidYouMean .coveo-did-you-mean-automatic-correct .coveo-highlight {
        font-size: 20px;
        line-height: 30px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-summary-section {
    text-align: center;
}

    .container-center .search-main-section .coveo-results-column .coveo-summary-section .CoveoQuerySummary {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 30px;
        text-align: left;
        color: #000;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    }

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .coveo-summary-section .CoveoQuerySummary {
        font-size: 20px;
        line-height: 30px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-summary-section .CoveoQuerySummary span {
    font-size: 14px;
    line-height: 30px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .coveo-summary-section .CoveoQuerySummary span {
        font-size: 20px;
        line-height: 30px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-summary-section .coveo-query-summary-no-results-string {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .coveo-summary-section .coveo-query-summary-no-results-string {
        font-size: 24px;
        line-height: 26px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-summary-section .coveo-query-summary-search-tips-info {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    color: #000;
    text-align: left;
    padding-bottom: 10px;
    width: 80%;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .coveo-summary-section .coveo-query-summary-search-tips-info {
        font-size: 20px;
        line-height: 28px;
        width: 45%;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-summary-section ul {
    padding: 0;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

@media (min-width: 992px) {
    .container-center .search-main-section .coveo-results-column .coveo-summary-section ul {
        width: 45%;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-summary-section ul li {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 17px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    padding-left: 0;
    margin-left: 17px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .coveo-summary-section ul li {
        font-size: 20px;
        line-height: 28px;
        padding-left: 15px;
        margin-left: 21px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-tab-section {
    padding-top: 30px;
}

@media (min-width: 992px) {
    .container-center .search-main-section .coveo-results-column .coveo-tab-section {
        padding-top: 25px;
    }
}

@media (max-width: 767.98px) {
    .container-center .search-main-section .coveo-results-column .coveo-tab-section {
        padding-top: 10px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-tab-section .search-list-menu-carousel a {
    width: auto !important;
    vertical-align: middle;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .coveo-tab-section .search-list-menu-carousel a {
        min-width: 160px;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-tab-section .search-list-menu-carousel a p {
    vertical-align: initial;
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 30px !important;
    height: 30px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .coveo-results-column .coveo-tab-section .search-list-menu-carousel a p {
        line-height: 40px !important;
        height: 40px;
        font-size: 18px;
    }
}

.container-center .search-main-section .coveo-results-column .coveo-tab-section .search-list-menu-carousel a.coveo-selected {
    background: #EA1B23;
    border-color: #EA1B23;
}

    .container-center .search-main-section .coveo-results-column .coveo-tab-section .search-list-menu-carousel a.coveo-selected p {
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        color: #FFF;
        font-weight: bold;
    }

@media (min-width: 768px) {
    .container-center .search-main-section .search-section-wrapper .search-sub-section .container {
        margin-left: 0;
    }
}

.container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description {
    padding-left: 10px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description {
        padding-left: 30px;
    }
}

.container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description h3 {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    color: #000;
    margin-top: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (min-width: 768px) {
    .container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description h3 {
        font-size: 20px;
        margin-top: 0;
        -webkit-line-clamp: 2;
    }
}

.container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink {
    border-bottom: 0.5px solid #939598;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink {
        padding-bottom: 15px;
        border-bottom: 1px solid #939598;
    }
}

.container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink a.explore-link {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    color: #EA1B23;
}

    .container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink a.explore-link:hover {
        color: #FF00BB;
    }

@media (min-width: 768px) {
    .container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink a.explore-link {
        font-size: 20px;
        line-height: 30px;
    }
}

.container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink a span.icon-Arrow_right {
    font-weight: bold;
}

@media (min-width: 768px) {
    .container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink a span.icon-Arrow_right {
        bottom: 12px;
    }
}

.container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink a span.icon-Arrow_right::before {
    font-size: 8px;
}

@media (min-width: 768px) {
    .container-center .search-main-section .search-section-wrapper .search-sub-section .feature-description .CoveoResultLink a span.icon-Arrow_right::before {
        font-size: 12px;
    }
}

.familycare-sitemap {
    margin-top: 24px;
}

@media (min-width: 992px) {
    .familycare-sitemap {
        margin-top: 60px;
    }
}

.familycare-sitemap .sitemap-section {
    max-width: 100%;
    padding-top: 25px;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section {
        max-width: 996px;
        padding-top: 3px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content {
    padding: 20px 0;
}

@media (max-width: 991.98px) {
    .familycare-sitemap .sitemap-section .sitemap-content {
        border-radius: 0 !important;
    }
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content {
        padding: 50px 0;
        padding-left: 50px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns {
    display: block;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns {
        display: flex;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card {
    margin-bottom: 0;
}

    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul {
        padding-left: 15px;
    }

        .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul .accordion {
            margin-top: 0px;
        }

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul .accordion {
        margin-top: 0;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li {
        margin-bottom: 2px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li label {
    margin-top: 18px;
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li label {
        margin-top: 23px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li label a {
    color: #939598;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 25px;
    text-decoration: none;
    border: 0;
    margin-bottom: 0;
    /*Override bootstrap*/
    cursor: pointer;
}

    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li label a:hover {
        color: #FF00BB;
    }

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li label a {
        font-size: 20px;
        line-height: 30px;
        margin-top: 40px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link ul {
    padding-left: 0px;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link ul li {
        margin-bottom: 15px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link.brand-page {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link.brand-page {
        margin-top: 25px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link a {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link a {
        font-size: 20px;
        line-height: 30px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link a:hover {
    color: #FF00BB;
}

@media (max-width: 991.98px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li.root-link a:focus {
        color: #FF00BB;
    }
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li:first-of-type.brand-page {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul li:first-of-type label {
        /*New column in widescreen*/
        margin-top: 0px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children {
    list-style-type: none;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children {
        margin-top: 3px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children.level-2 li div {
    padding-left: 5px;
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li {
    font-size: 10px;
}

    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a {
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
    }

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a {
        font-size: 20px;
        line-height: 30px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded=false]::after {
    content: none;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a:hover {
        color: #FF00BB;
    }

        .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a:hover span.icon-Arrow_down {
            color: #FF00BB;
        }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a.mobile-effect {
    color: #FF00BB;
}

    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a.mobile-effect .moreellipses {
        color: #FF00BB;
    }

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a span.icon-Arrow_down {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    color: #EA1B23;
    position: relative;
    top: -3px;
}

@media (min-width: 576px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a span.icon-Arrow_down {
        top: -4px;
    }
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a span.icon-Arrow_down {
        top: -2px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a span.icon-Arrow_down::before {
    font-size: 6px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a span.icon-Arrow_down::before {
        font-size: 8px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="true"] span.icon-Arrow_down {
    transform: scaleY(-1);
    top: 1px;
}

@media (min-width: 576px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="true"] span.icon-Arrow_down {
        top: 4px;
    }
}

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="true"] span.icon-Arrow_down {
        top: 2px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li a[aria-expanded="true"]::after {
    content: none;
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children {
    list-style: disc;
    padding-left: 10px;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children li {
        margin: 2px 0;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children li a {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 25px;
    border: 0;
}

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children li a {
        font-size: 20px;
        line-height: 30px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children.last-level {
    padding-left: 10px;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children.last-level {
        padding-left: 5px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children.last-level li {
    list-style-position: inside;
}

@media (min-width: 992px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children.last-level li {
        white-space: nowrap;
    }
}

@media (min-width: 768px) {
    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children.last-level li a {
        font-size: 20px;
        line-height: 30px;
    }
}

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children.last-level li a:hover {
    color: #FF00BB;
}

    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show .children.last-level li a:hover .moreellipses {
        color: #FF00BB;
    }

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show > .accordion .children {
    list-style: none;
}

    .familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body ul.children li .collapse.show > .accordion .children .collapse.show .children {
        list-style: disc;
    }

.familycare-sitemap .sitemap-section .sitemap-content .card-columns .card .card-body.bottom-link-container .root-link:not(:last-child) {
    margin-bottom: 10px;
}

.familycare-sitemap .sitemap-section .sitemap-content .collapsing {
    transition: none;
}

.familycare-terms-condition {
    margin-top: 40px;
}

    .familycare-terms-condition .component-title {
        margin-bottom: 5px;
    }

@media (min-width: 768px) {
    .familycare-terms-condition .component-title {
        margin-bottom: 8px;
    }
}

.familycare-terms-condition .content-header {
    text-align: center;
}

.familycare-terms-condition .heading-privacy {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .familycare-terms-condition .heading-privacy {
        margin-bottom: 50px;
    }
}

.familycare-terms-condition .sub-heading {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

@media (min-width: 768px) {
    .familycare-terms-condition .sub-heading {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 767.98px) {
    .familycare-terms-condition {
        margin-top: 22px;
    }
}

.familycare-terms-condition a {
    color: #EA1B23;
}

    .familycare-terms-condition a:focus {
        color: #FF00BB;
    }

    .familycare-terms-condition a:hover {
        text-decoration: none;
        color: #FF00BB;
    }

.familycare-terms-condition .static-content-wrapper {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .familycare-terms-condition .static-content-wrapper {
        margin-top: 30px;
    }
}

.familycare-terms-condition .static-content-wrapper img {
    max-width: 100%;
    height: auto;
}

.familycare-terms-condition .static-content-wrapper p {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left;
    margin-bottom: 25px;
    width: 100%;
}

    .familycare-terms-condition .static-content-wrapper p img {
        max-width: 100%;
        height: auto;
    }

    .familycare-terms-condition .static-content-wrapper p a {
        color: #EA1B23;
    }

        .familycare-terms-condition .static-content-wrapper p a:focus {
            color: #FF00BB;
        }

        .familycare-terms-condition .static-content-wrapper p a:hover {
            text-decoration: none;
            color: #FF00BB;
        }

    .familycare-terms-condition .static-content-wrapper p strong {
        color: #000;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    }

    .familycare-terms-condition .static-content-wrapper p:first-child {
        margin: 0 0 30px !important;
        text-align: left;
    }

@media (min-width: 768px) {
    .familycare-terms-condition .static-content-wrapper p:first-child {
        margin: 0 0 50px !important;
    }
}

@media (min-width: 768px) {
    .familycare-terms-condition .static-content-wrapper p {
        font-size: 20px;
        line-height: 24px;
    }
}

.familycare-terms-condition .static-content-wrapper p.heading-text {
    margin: 0;
}

.familycare-terms-condition .static-content-wrapper ul {
    padding-left: 20px;
    list-style-type: square;
}

    .familycare-terms-condition .static-content-wrapper ul li {
        color: #000;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 15px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 25px;
        text-align: left;
    }

@media (min-width: 576px) {
    .familycare-terms-condition .static-content-wrapper ul li {
        font-size: 20px;
    }
}

@media (min-width: 992px) {
    .familycare-terms-condition .static-content-wrapper ul li {
        font-size: 15px;
    }
}

.familycare-terms-condition .static-content-wrapper ul li ul {
    padding-left: 10px;
}

    .familycare-terms-condition .static-content-wrapper ul li ul li {
        list-style: none;
    }

        .familycare-terms-condition .static-content-wrapper ul li ul li::before {
            content: '-';
            padding-right: 10px;
        }

.terminoscondiciones .content-header {
    margin-top: 40px;
}

.terminoscondiciones .static-content-wrapper {
    padding: 0 15px;
}

.scrollTo-component {
    margin: 20px 0 20px;
}

@media (min-width: 768px) {
    .scrollTo-component {
        margin: 30px 0 30px;
    }
}

.scrollTo-component a:hover,
.scrollTo-component a :focus {
    text-decoration: none;
}

    .scrollTo-component a:hover .icon-Arrow_up,
    .scrollTo-component a :focus .icon-Arrow_up {
        border: 1px solid #FF00BB;
    }

        .scrollTo-component a:hover .icon-Arrow_up:before,
        .scrollTo-component a :focus .icon-Arrow_up:before {
            color: #FF00BB;
        }

.scrollTo-component a .icon-Arrow_up {
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #EA1B23;
    display: inline-block;
    font-size: 6px;
    width: 25px;
    height: 25px;
    line-height: 23px;
}

    .scrollTo-component a .icon-Arrow_up:before {
        color: #EA1B23;
    }

@media (min-width: 768px) {
    .scrollTo-component a .icon-Arrow_up {
        font-size: 9px;
        width: 40px;
        height: 40px;
        line-height: 39px;
    }
}

.scrollTo-component .scroll-to-top .icon-Arrow_up {
    transform: rotate(180deg);
}

.scrollTo-component .scroll-to-bottom icon-Arrow_up {
    transform: rotate(0deg);
}

@media (min-width: 768px) {
    .familycare-privacy-policy .static-content-wrapper {
        margin-top: 45px;
    }
}

.familycare-privacy-policy .static-content-wrapper p:first-child {
    text-align: left;
    margin-bottom: 25px !important;
}

.familycare-privacy-policy .static-content-wrapper a:focus {
    color: #EA1B23;
}

.familycare-privacy-policy .static-content-wrapper h2 {
    color: #000;
    font-size: 28px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 576px) {
    .familycare-privacy-policy .static-content-wrapper h2 {
        font-size: 24px;
    }
}

.familycare-privacy-policy .static-content-wrapper h3 {
    color: #000;
    font-size: 24px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 576px) {
    .familycare-privacy-policy .static-content-wrapper h3 {
        font-size: 22px;
    }
}

.familycare-privacy-policy .static-content-wrapper ul li {
    white-space: normal;
    word-break: break-word;
}

.familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 12px;
    max-width: 100%;
}

    .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr {
        border-bottom: 1px solid #cccccc;
    }

        .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr:first-child {
            text-align: left;
        }

        .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr:last-child {
            border-bottom: 0;
        }

        .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr th {
            font-weight: normal;
        }

            .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr th.optanon-cookie-policy-left {
                width: 50%;
            }

            .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr th.optanon-cookie-policy-right {
                width: 50%;
                padding-left: 3rem;
            }

@media (max-width: 991.98px) {
    .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr th.optanon-cookie-policy-right {
        padding-left: 1rem !important;
    }
}

.familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr.optanon-cookie-policy-subgroup .optanon-cookie-policy-left {
    border-right: 1px solid #cccccc;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr.optanon-cookie-policy-subgroup .optanon-cookie-policy-right {
    padding-left: 4rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

@media (max-width: 991.98px) {
    .familycare-privacy-policy .static-content-wrapper .optanon-cookie-policy-subgroup-table tr.optanon-cookie-policy-subgroup .optanon-cookie-policy-right {
        padding-left: 1rem !important;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content {
    border-radius: 0;
    background-color: #FFFFFF;
}

@media (min-width: 576px) {
    .familycare-signin-register #signIn .modal-container .modal-content {
        border-radius: 15px;
        box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button {
    padding: 0 !important;
    border: 1px solid transparent;
    width: 30px;
    height: 30px;
}

@media (min-width: 768px) {
    .familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button {
        width: 50px;
        height: 50px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button:hover {
    border: 1px solid #FF00BB;
}

    .familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button:hover .icon-close {
        color: #FF00BB;
    }

@media (max-width: 767.98px) {
    .familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button {
        padding: 0 !important;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button .icon-close {
    font-size: 10px;
    line-height: 30px;
    color: #EA1B23;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button .icon-close {
        font-size: 17px;
        line-height: 50px;
    }
}

@media (max-width: 575.98px) {
    .familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button .icon-close {
        font-weight: bolder;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .modal-header .close-button .icon-close:hover {
    color: #FF00BB;
}

@media (min-width: 992px) {
    .familycare-signin-register #signIn .modal-container .modal-content .modal-body {
        align-items: flex-start;
        padding-top: 30px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .modal-body .container {
    padding: 0;
}

@media (max-width: 767.98px) {
    .familycare-signin-register #signIn .modal-container .modal-content .modal-body .container {
        padding: 0 15px;
    }
}

@media (max-width: 991.98px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container {
        padding: 20px 0;
    }
}

@media (min-width: 992px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .content-header {
        margin-top: 12px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .content-header .heading-text {
    color: #000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    margin-top: 0;
}

@media (min-width: 576px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .content-header .heading-text {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .content-header .heading-text {
        font-size: 40px;
        line-height: 42px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .content-header .signin-subheading-text {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    padding: 5px 10px 0;
    margin-bottom: -13px;
}

@media (min-width: 576px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .content-header .signin-subheading-text {
        font-size: 20px;
        padding: 15px;
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .content-header .signin-subheading-text {
        margin-bottom: 0;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .signin-social-buttons {
    padding: 0;
}

    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-content-header .signin-social-buttons #socialsignin_div {
        margin-right: 0;
    }

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-seperator hr {
    margin: 10px 0;
}

@media (min-width: 992px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-seperator hr {
        margin: 39px -35px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-seperator .signin-seperator-text {
    color: #424C5F;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 28px;
    text-align: center;
    top: 25px;
    margin-left: 10px;
}

@media (max-width: 991.98px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-seperator .signin-seperator-text {
        top: -3px;
        margin-left: 10px;
    }
}

@media (min-width: 576px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-seperator .signin-seperator-text {
        font-size: 22px;
    }
}

@media (min-width: 992px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-seperator .signin-seperator-text {
        font-size: 20px;
        margin-left: 10px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels {
    padding-top: 0;
}

    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings {
        margin-bottom: 22px;
    }

@media (max-width: 991.98px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings {
        margin-bottom: 5px;
        margin-top: 20px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab.active a {
    color: #EA1B23;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    border-color: #EA1B23;
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab:first-child {
    padding-right: 30px;
}

@media (min-width: 992px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab:first-child {
        padding-right: 30px;
    }
}

.familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab a {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}

    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab a.active {
        color: #EA1B23;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
        border-color: #EA1B23;
    }

    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab a:hover:not(.active) {
        color: #FF00BB;
    }

@media (max-width: 767.98px) {
    .familycare-signin-register #signIn .modal-container .modal-content .signin-container .signin-tab-wrapper .tab-panels .tab-headings .user-select-tab a {
        font-size: 16px;
    }
}

.familycare-user-profile {
    margin: 60px 0 25px;
}

@media (min-width: 768px) {
    .familycare-user-profile {
        margin: 75px 0 30px;
    }
}

.familycare-user-profile .profile-user-image {
    background-color: #F1F1F1;
    position: relative;
    height: 64px;
    width: 100%;
}

@media (min-width: 768px) {
    .familycare-user-profile .profile-user-image {
        height: 84px;
    }
}

.familycare-user-profile .profile-user-image .profile-pic-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    border: 1px solid #767874;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 20px;
    background-color: #fff;
    cursor: pointer;
}

@media (min-width: 768px) {
    .familycare-user-profile .profile-user-image .profile-pic-block {
        width: 161px;
        height: 161px;
        left: auto;
        right: auto;
    }
}

.familycare-user-profile .profile-user-image .profile-pic-block img {
    width: 80px;
    max-height: 80px;
    border-radius: 15px;
}

@media (min-width: 768px) {
    .familycare-user-profile .profile-user-image .profile-pic-block img {
        width: 100px;
        max-height: 100px;
    }
}

.familycare-user-profile .profile-user-image .profile-pic-block .user-name {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    margin: 10px 0 0;
}

.familycare-user-profile .profile-nav-container .profile-nav-section {
    padding: 30px 0 0;
}

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section {
        padding: 0;
        position: relative;
        top: -55px;
    }
}

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs {
    display: flex;
    justify-content: space-evenly;
    margin: 12px 0 20px;
    padding: 20px 0 0;
}

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs {
        margin: 0;
        padding: 0;
        justify-content: flex-start;
        margin-left: 275px;
    }
}

@media (max-width: 767.98px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs {
        justify-content: center;
        margin-left: -10px;
    }
}

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li {
    padding-right: 10px;
}

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li {
        padding-right: 60px;
    }
}

@media screen and (max-width: 360px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li {
        padding-right: 20px;
    }
}

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li:first-child {
        padding-right: 60px;
    }
}

@media (max-width: 767.98px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li:first-child {
        padding-right: 15px;
    }
}

@media screen and (max-width: 360px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li:first-child {
        padding-right: 10px;
    }
}

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li:last-child {
    padding: 0;
}

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    color: #000;
    padding: 0;
    position: relative;
    border: 0;
    border-bottom: 2px solid transparent;
}

    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a.active {
        color: #EA1B23;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        border-top: 0;
        border-bottom: 2px solid #EA1B23;
        pointer-events: none;
        padding-bottom: 5px;
        font-weight: bold;
    }

@media (min-width: 768px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a.active {
        padding-bottom: 6px;
    }
}

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a.active .custom-badge {
    background-color: #EA1B23;
    color: #fff;
    border-color: #EA1B23;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a:hover {
    color: #FF00BB;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    border-top: 0;
}

    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a:hover .custom-badge {
        background: #FF00BB;
        border: 1px solid transparent;
        color: #FFF;
    }

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a:focus {
    color: #EA1B23 !important;
}

@media (min-width: 768px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a {
        font-size: 24px;
        line-height: 26px;
    }
}

.familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a .custom-badge {
    position: absolute;
    border: 1px solid #000;
    padding: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: -10px;
    color: #000;
    font-size: 11px;
    background-color: #fff;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    line-height: 17px;
}

@media (min-width: 768px) {
    .familycare-user-profile .profile-nav-container .profile-nav-section .nav-tabs li a .custom-badge {
        font-size: 14px;
        width: 22px;
        height: 22px;
        line-height: 21px;
    }
}

.familycare-user-profile .profile-nav-container .userprofile-tab-content .user-profile-title {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .user-profile-title {
        width: 50%;
        margin: 0 auto 80px;
    }
}

.familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status {
    text-align: center;
}

    .familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status p {
        color: #000;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 20px;
        text-align: center;
        margin-bottom: 30px;
    }

@media (min-width: 768px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status p {
        font-size: 20px;
        line-height: 34px;
    }
}

.familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status .progress {
    height: 10px;
    width: 90%;
    margin: 0 auto 10px;
    border-radius: 8px;
}

    .familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status .progress .progress-bar {
        background-color: #939598;
    }

    .familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status .progress.progress-green .progress-bar {
        background-color: #77B20F;
    }

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status .progress {
        width: 100%;
    }
}

.familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status > span {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
}

@media (min-width: 768px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .profile-completion-status > span {
        font-size: 20px;
        line-height: 24px;
    }
}

.familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data {
    margin: 30px -15px 30px;
    padding: 30px 0;
    background-color: rgba(241, 241, 241, 0.5);
    position: relative;
}

@media (min-width: 576px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data {
        margin: 0 0 30px;
    }
}

@media (min-width: 768px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data {
        margin: 0 0 80px;
    }
}

.familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data .heading {
    color: #000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
}

@media (min-width: 576px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data .heading {
        font-size: 26px;
        padding-bottom: 12px;
    }
}

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data .heading {
        font-size: 26px;
        line-height: 26px;
    }
}

.familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data #userDetail_div {
    width: 100%;
}

@media (min-width: 992px) {
    .familycare-user-profile .profile-nav-container .userprofile-tab-content .userProfile-personal-data #userDetail_div {
        width: 100%;
        max-width: 792px;
        margin: 0 auto;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content {
    background-color: #FFFFFF;
    box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content {
        height: auto !important;
        padding: 15px 0 0 0 !important;
        border-radius: 0;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-header .close-button {
    height: 30px;
    width: 30px;
    background: #FFF;
    box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    border: 1px solid transparent;
    padding: 0 !important;
    top: 20px;
    right: 50px;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-header .close-button {
        top: 36px;
        right: 50px;
        margin-top: -1rem;
        padding: 0 !important;
        width: 50px;
        height: 50px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-header .close-button:hover {
    border: 1px solid #FF00BB;
}

    .familycare-custom-popup .modal .modal-container .modal-content .modal-header .close-button:hover .icon-close {
        color: #FF00BB;
    }

.familycare-custom-popup .modal .modal-container .modal-content .modal-header .close-button .icon-close {
    font-size: 10px;
    color: #ea1b23;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-header .close-button .icon-close {
        font-size: 17px;
        line-height: 50px;
    }
}

@media (max-width: 575.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-header .close-button .icon-close {
        font-weight: bolder;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body {
    align-items: top;
}

@media (max-width: 991.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body {
        padding: 15px 0px 40px;
    }
}

@media (max-width: 991.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .container {
        max-width: 100%;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper {
    text-align: center;
}

    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper img.popup-logo-img {
        margin-bottom: 30px;
        height: 115px;
    }

    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .heading-text {
        color: #000;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 34px;
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .heading-text {
        font-size: 40px;
        line-height: 42px;
    }
}

@media (max-width: 991.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .heading-text {
        margin: 0 !important;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .header-description-msg {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    padding: 5px 20px 0 20px;
    margin: 0 0 30px 0;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .header-description-msg {
        font-size: 20px;
        line-height: 24px;
        padding: 20px 50px 0 50px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .coupon-code-container .verification-code {
    width: 180px;
    height: 60px;
    border: 1px solid #BFCCDD;
    border-radius: 5px;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: 3px;
    color: #273040;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300px;
    text-align: center;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .coupon-code-container .verification-code {
        font-size: 32px;
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: bold;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .error-border {
    border: 1px solid #EA1B23 !important;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .text-red {
    color: #EA1B23;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .message {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 25px;
    padding: 10px 0 34px;
}

@media (min-width: 576px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .message {
        font-size: 20px;
        line-height: 30px;
        padding: 30px 0 34px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .message.delete-msg {
    padding: 0 0 34px;
    margin: 0;
    color: #000;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .message.delete-msg {
        padding: 0 0 14px;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .message.delete-msg {
        padding: 0 0 14px;
        margin: 0 126px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .error-msg {
    font-size: 14px;
    line-height: 18px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    padding: 8px 0 0 0;
}

    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .error-msg span {
        display: block;
    }

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .error-msg span {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .error-msg {
        font-size: 18px;
        line-height: 30px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .warning-message {
    color: #000;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
}

@media (min-width: 576px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .warning-message {
        font-size: 20px;
        line-height: 30px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .resend-code {
    font-size: 16px;
    line-height: 20px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    font-weight: 300;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .resend-code {
        font-size: 18px;
        line-height: 24px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .resend-code a {
    font-weight: bold;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .btn-wrapper {
    margin: 37px 0 20px 0;
}

    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .btn-wrapper a {
        font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 30px;
        width: 110px;
        cursor: pointer;
    }

        .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .btn-wrapper a#download-coupon {
            width: 150px;
        }

@media screen and (min-width: 321px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .btn-wrapper a {
        width: 150px;
        font-size: 20px;
        line-height: 30px;
        height: 36px;
        padding: 2px 0;
    }

        .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .btn-wrapper a#download-coupon {
            width: 190px;
        }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .btn-wrapper a.white-text {
    color: #fff;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper .btn-wrapper a.btn-secondary:hover {
    color: #00205C;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.delete-popup .header-description-msg {
    margin: 0 auto;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.delete-popup .warning-message {
    margin: 20px auto;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.delete-popup .delete-msg {
    padding-bottom: 0;
}

@media (max-width: 991.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.delete-popup .delete-msg {
        padding-bottom: 10px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.quiz-thankyou-wrap .heading-text {
    margin-top: 30px !important;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.quiz-thankyou-wrap .message {
    padding-bottom: 20px;
    color: #00205c;
}

@media (max-width: 767.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.quiz-thankyou-wrap .message {
        padding: 30px 0 20px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .content-wrapper.quiz-thankyou-wrap .message p {
    color: #00205c;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .button-wrapper .btn-delete-account {
    margin-right: 16px;
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content label {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #4F4F4F;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content label {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content input {
    border: 1px solid #939598;
    border-radius: 8px;
    color: #000;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content input {
        font-size: 18px;
        line-height: 28px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content input::placeholder {
    color: #939598;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content input::placeholder {
        font-size: 18px;
        line-height: 28px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content input#dob-Coupon {
    background-image: url("../img/Calendar default.svg");
    background-position: right 10px center;
    background-repeat: no-repeat;
}

    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content input#dob-Coupon:hover {
        background-image: url("../img/Calendar hover.svg");
    }

@media (max-width: 767.98px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content input#dob-Coupon {
        background-size: 15px;
    }
}

.familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content .btn-wrapper .primary-btn {
    width: 150px;
}

@media (min-width: 768px) {
    .familycare-custom-popup .modal .modal-container .modal-content .modal-body .form-content .btn-wrapper .primary-btn {
        width: 220px;
    }
}

.familycare-custom-popup .coupon-downloaded .modal-container .modal-content .modal-body .content-wrapper {
    width: 75%;
    margin: 0 auto;
}

.familycare-custom-popup .register-coupon .modal-body .content-wrapper .header-description-msg {
    margin: 0;
}

.familycare-custom-popup .register-coupon .modal-body .form-content {
    margin: 30px 0 0 0;
    padding: 0 10px;
}

@media (min-width: 768px) {
    .familycare-custom-popup .register-coupon .modal-body .form-content {
        margin: 30px auto 0 auto;
        width: 85%;
    }
}

.familycare-custom-popup .register-coupon .modal-body .form-content .phoneCode input {
    width: 62px;
    background: url("../img/down-arrow.png") no-repeat scroll 0 0;
    background-position: 87% center;
    background-size: 10px;
}

    .familycare-custom-popup .register-coupon .modal-body .form-content .phoneCode input:disabled {
        font-style: normal;
    }

@media (min-width: 768px) {
    .familycare-custom-popup .register-coupon .modal-body .form-content .phoneCode input {
        width: 87px;
        background-size: 12px;
    }
}

.familycare-custom-popup .register-coupon .modal-body .form-content .mobile-number {
    width: 100%;
    margin-left: 10px;
}

@media (min-width: 768px) {
    .familycare-custom-popup .register-coupon .modal-body .form-content .mobile-number {
        width: 220px;
    }
}

.familycare-custom-popup .error-coupon .modal-content {
    height: 191px !important;
    border-top: 5px solid #EA1B23 !important;
    box-shadow: 0px 8px 16px rgba(34, 34, 34, 0.200011);
    border-radius: 5px;
    padding: 0 !important;
}

@media (min-width: 768px) {
    .familycare-custom-popup .error-coupon .modal-content {
        height: 284px !important;
    }
}

.familycare-custom-popup .error-coupon .modal-content .modal-body {
    min-height: auto;
    padding-top: 5px !important;
}

    .familycare-custom-popup .error-coupon .modal-content .modal-body .content-wrapper .heading-text {
        padding: 0 40px;
        line-height: 24px;
    }

@media (min-width: 768px) {
    .familycare-custom-popup .error-coupon .modal-content .modal-body .content-wrapper .heading-text {
        line-height: 42px;
        padding: 28px 0 13px 0;
    }
}

.familycare-custom-popup .error-coupon .modal-content .modal-body .content-wrapper .header-description-msg {
    margin: 0 0 10px 0;
}

@media (min-width: 768px) {
    .familycare-custom-popup .error-coupon .modal-content .modal-body .content-wrapper .header-description-msg {
        padding: 10px 10px 0 10px;
    }

        .familycare-custom-popup .error-coupon .modal-content .modal-body .content-wrapper .header-description-msg:last-child {
            padding-top: 0;
        }
}

.familycare-custom-popup .error-coupon .modal-content .modal-body .content-wrapper .icon-Exclamation-Icon {
    padding: 20px 0 5px 0;
    font-size: 25px;
    display: inline-block;
}

@media (min-width: 768px) {
    .familycare-custom-popup .error-coupon .modal-content .modal-body .content-wrapper .icon-Exclamation-Icon {
        font-size: 40px;
    }
}

.familycare-custom-popup #profilecancelModal .explore-link {
    margin-left: 15px;
}

.familycare-custom-popup #profilecancelModal .modal-content .close-button {
    top: 40px;
    right: 40px;
}

@media (min-width: 768px) {
    .familycare-custom-popup #profilecancelModal .modal-content .close-button {
        top: 36px;
        right: 50px;
    }
}

.familycare-custom-popup #profilecancelModal .modal-body .content-wrapper {
    margin-top: 15px;
    padding: 0 25px;
}

@media (min-width: 768px) {
    .familycare-custom-popup #profilecancelModal .modal-body .content-wrapper {
        margin-top: 0;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .double-dotted-home .bg-wrap {
        right: -90px !important;
    }
}

@media (max-width: 767.98px) {
    .double-dotted-home .bg-wrap img {
        width: 200px;
    }
}

@media screen and (min-width: 640px) and (max-width: 991px) {
    .double-dotted-sustainability .bg-wrap {
        right: -37px !important;
        top: -510px !important;
        z-index: 0 !important;
    }
}

@media (max-width: 767.98px) {
    .double-dotted-sustainability .bg-wrap img {
        width: 150px;
    }
}

@media (max-width: 767.98px) {
    .double-dotted-wateraid .bg-wrap img {
        width: 150px;
    }
}

@media (max-width: 767.98px) {
    .single-dotted-home .bg-wrap {
        left: -55px !important;
        top: -73px !important;
        z-index: 1 !important;
    }
}

@media (max-width: 767.98px) {
    .single-dotted-home .bg-wrap img {
        width: 135px;
    }
}

@media (max-width: 767.98px) {
    .double-dotted-desktopOnly .bg-wrap img {
        display: none;
    }
}

@media (min-width: 992px) {
    .double-dotted-mobileOnly .bg-wrap img {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .double-dotted-mobileOnly .bg-wrap img {
        width: 150px;
    }
}

@media (max-width: 767.98px) {
    .pair-dotted-desktopOnly .bg-wrap img {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .single-dotted-productlanding .bg-wrap {
        left: -40px !important;
    }
}

@media (max-width: 767.98px) {
    .single-dotted-productlanding .bg-wrap img {
        display: none;
    }
}

.single-dotted-small .bg-wrap img {
    width: 100px;
}

@media (max-width: 767.98px) {
    .single-dotted-desktoponly {
        display: none;
    }
}

.double-dotted-campaign .bg-wrap img {
    width: 200px;
}

@media (max-width: 767.98px) {
    .double-dotted-quiz .bg-wrap {
        top: -55px !important;
        right: -55px !important;
        z-index: -1 !important;
    }
}

@media (max-width: 767.98px) {
    .double-dotted-quiz .bg-wrap img {
        width: 200px;
    }
}

@media (max-width: 767.98px) {
    .single-dotted-mobileOnly .bg-wrap img {
        width: 80px;
    }
}

@media (min-width: 992px) {
    .single-dotted-mobileOnly .bg-wrap img {
        display: none;
    }
}

.tooltip.show {
    opacity: 1;
}

.tooltip .arrow::before {
    border-width: 0 10px 10px;
    border-bottom-color: #000;
    top: -1px;
    right: -5px;
}

.tooltip .arrow-ourpurpose::before {
    right: -4px;
}

.tooltip .tooltip-inner {
    height: auto;
    color: #fff;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    max-width: 250px;
    box-shadow: none;
    background-color: #000;
    max-width: 250px;
    position: relative;
    left: 10px;
    padding: 10px 20px;
    text-align: left;
}

@media (min-width: 375px) {
    .tooltip .tooltip-inner {
        max-width: 325px;
        left: 20px;
    }
}

@media (min-width: 768px) {
    .tooltip .tooltip-inner {
        max-width: 400px;
    }
}

.tooltip .tooltip-inner ul {
    padding-left: 20px;
}

@media (min-width: 992px) {
    .tooltip .ourpurpose {
        left: 0;
        font-size: 20px;
        line-height: 24px;
        max-width: 600px;
    }
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    transform: rotate(180deg);
}

    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
        right: -1px;
    }

/*reviews*/
.read-all-customers .offers-tab-section .offers-tabs {
    padding: 0;
    margin: 30px 0 35px 0;
}

@media (min-width: 768px) {
    .read-all-customers .offers-tab-section .offers-tabs {
        margin: 50px 0 20px;
    }
}

.customers-review-component .customer-review-section {
    margin: 30px auto 0;
}

@media (max-width: 1199.98px) {
    .customers-review-component .customer-review-section {
        width: 100%;
        margin: 20px 0 0;
    }
}

.customers-review-component .customer-review-section .review-media-component {
    background-color: transparent;
    padding: 0 0 30px;
}

@media (max-width: 1199.98px) {
    .customers-review-component .customer-review-section .review-media-component {
        padding: 0 0 20px;
    }
}

.review-more .morelink {
    font-size: 20px;
    line-height: 30px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
}

    .review-more .morelink:hover,
    .review-more .morelink :focus {
        color: #EA1B23;
    }

@media (max-width: 575.98px) {
    .review-more .morelink {
        font-size: 12px;
        line-height: 20px;
    }
}

@media (max-width: 575.98px) {
    .review-more .morelink span.icon-Arrow-up_defaut {
        font-size: 6px;
    }
}

.review-more .morelink span.icon-Arrow-up_defaut::before {
    color: #000;
}

.product-customer-review .product-list-section-wrapper .product-item-section .promo-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 46px 0 43px;
    border-radius: 40px 0;
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
}

    .product-customer-review .product-list-section-wrapper .product-item-section .promo-image-wrapper img {
        width: 131px;
        height: auto;
        position: relative;
    }

@media (min-width: 768px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .promo-image-wrapper img {
        width: 338px;
        height: auto;
    }
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description {
    border-bottom: 1px solid rgba(147, 149, 152, 0.5);
    padding: 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

@media (min-width: 992px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description {
        text-align: left;
        padding-left: 24px;
    }
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description .heading {
    font-size: 20px;
    line-height: 20px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin: 20px 0 0;
}

@media (min-width: 768px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .heading {
        font-size: 40px;
        line-height: 42px;
        margin: 10px 0 0;
    }
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description .product-title {
    font-size: 16px;
    line-height: 25px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin: 5px 0 15px;
}

@media (min-width: 768px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .product-title {
        font-size: 26px;
        margin: 26px 0 17px;
        line-height: 26px;
    }
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section {
    margin: auto 0 15px 0;
}

@media (min-width: 992px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section {
        margin: auto 0 35px 0;
    }
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section .product-detail-rating {
    margin: 9px 0 10px;
}

@media (min-width: 768px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section .product-detail-rating {
        margin: 10px 0 20px;
    }
}

@media (min-width: 992px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section .product-detail-rating {
        margin: 0 0 20px;
    }
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section .familycare-buy-now a:focus, .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section .familycare-buy-now a:hover {
    background: linear-gradient(124.81deg, #f0b 7.75%, #ea1b23 92.33%);
    box-shadow: none !important;
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section .add-review-btn {
    padding: 0;
    margin: 20px 0 0;
    border-bottom: none;
}

@media (min-width: 992px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section .add-review-btn {
        text-align: left;
        margin: 0 auto 0;
    }
}

.product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section a {
    cursor: pointer;
    width: 110px;
    height: 32px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    padding: 4px 0 0;
}

@media (min-width: 768px) {
    .product-customer-review .product-list-section-wrapper .product-item-section .feature-description .btn-section a {
        font-size: 20px;
        width: 150px;
        height: 36px;
        padding: 5px 0 0;
    }
}

.review-comments-tooltip {
    padding: 0 0 5px 5px;
}

    .review-comments-tooltip span {
        position: relative;
        top: 2px;
        font-size: 12px;
    }

@media (min-width: 576px) {
    .review-comments-tooltip span {
        font-size: 20px;
    }
}

#add-review-modal .modal-container {
    max-width: 945px;
}

.customer-review-section button.slick-prev {
    left: -25px;
}

@media (min-width: 576px) {
    .customer-review-section button.slick-prev {
        left: -50px;
        top: 49%;
    }
}

.customer-review-section button.slick-next {
    right: -25px;
}

@media (min-width: 576px) {
    .customer-review-section button.slick-next {
        right: -50px;
        top: 49%;
    }
}

.review-star-rating .icon-star-filled {
    font-size: 20px;
}

@media (max-width: 767.98px) {
    .review-star-rating .star-ratings {
        max-width: 90px;
    }
}

@media (min-width: 992px) {
    .review-star-rating .star-ratings {
        max-width: 133px;
    }
}

.review-star-rating p {
    display: inline-block;
    margin-bottom: 0;
}

    .review-star-rating p.rating-val {
        color: #000;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 12px;
        line-height: 14px;
        padding-right: 7px;
        position: relative;
        font-weight: 300;
        top: -2px;
        padding-left: 2px;
    }

@media (min-width: 768px) {
    .review-star-rating p.rating-val {
        font-size: 20px;
        line-height: 24px;
        padding-right: 12px;
        top: -4px;
    }
}

@media (min-width: 992px) {
    .review-star-rating p.rating-val {
        top: -6px;
    }
}

.review-star-rating p.rating-val::after {
    position: absolute;
    content: '';
    right: 0px;
    border-left: 1px solid #000;
    height: 10px;
    top: 2px;
    right: -1px;
}

@media (min-width: 768px) {
    .review-star-rating p.rating-val::after {
        border-left: 3px solid #000;
        height: 18px;
        top: 3px;
    }
}

.review-star-rating p.reviewsCount {
    color: #EA1B23;
    font-size: 12px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    padding-left: 5px;
    font-weight: 300;
    position: relative;
    top: -2px;
}

@media (min-width: 768px) {
    .review-star-rating p.reviewsCount {
        font-size: 20px;
        line-height: 30px;
        padding-left: 8px;
        top: -4px;
    }
}

@media (min-width: 992px) {
    .review-star-rating p.reviewsCount {
        top: -6px;
    }
}

.review-star-rating a.reviewsCount {
    color: #EA1B23;
    font-size: 12px;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    padding-left: 5px;
    font-weight: 300;
    position: relative;
    top: -2px;
}

    .review-star-rating a.reviewsCount:focus, .review-star-rating a.reviewsCount:hover {
        color: #FF00BB;
    }

@media (min-width: 768px) {
    .review-star-rating a.reviewsCount {
        font-size: 20px;
        line-height: 30px;
        padding-left: 8px;
        top: -4px;
    }
}

@media (min-width: 992px) {
    .review-star-rating a.reviewsCount {
        top: -6px;
    }
}

@media (max-width: 991.98px) {
    .review-star-rating {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.hide {
    display: none !important;
}

.customer-review-section {
    width: 90%;
    margin: 0 auto 20px;
}

@media (min-width: 768px) {
    .customer-review-section {
        margin: 0 auto 23px;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .customer-review-section .read-all {
        margin-bottom: 25px;
    }
}

@media (max-width: 575.98px) {
    .customer-review-section .read-all a {
        line-height: 20px;
    }
}

.customer-review-section .read-all a .icon-Arrow_right {
    margin: 0 0 0 5px;
}

@media (min-width: 768px) {
    .customer-review-section .read-all a .icon-Arrow_right {
        margin: 0 0 0 8px;
    }
}

.customer-review-section .read-all a .icon-Arrow_right::before {
    font-size: 8px;
}

@media (min-width: 768px) {
    .customer-review-section .read-all a .icon-Arrow_right::before {
        font-size: 10px;
        margin-top: -1px;
    }
}

.customer-review-section .component-title {
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    .customer-review-section .component-title {
        line-height: 0;
    }
}

@media (min-width: 768px) {
    .customer-review-section .component-title {
        margin: 0 auto 17px;
    }
}

@media (max-width: 575.98px) {
    .customer-review-section .component-title span {
        line-height: 22px;
    }
}

.customer-review-section .slick-dots {
    bottom: -21px;
}

@media (min-width: 576px) {
    .customer-review-section .slick-dots {
        bottom: -30px;
    }
}

@media (min-width: 992px) {
    .customer-review-section .slick-dots {
        bottom: -40px;
    }
}

@media (min-width: 1200px) {
    .customer-review-section .slick-current .review-media-component {
        margin: 0 25px 0 58px;
    }
}

.customer-review-section .review-media-component {
    background: rgba(238, 238, 238, 0.5);
    border-radius: 15px;
    margin: 0 6px;
    padding: 20px 10px 9px;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component {
        padding: 20px 18px;
        margin: 0 25px;
    }
}

@media (min-width: 1200px) {
    .customer-review-section .review-media-component {
        padding: 20px 18px 19px;
        margin: 0 58px 0 25px;
    }
}

.customer-review-section .review-media-component .review-rating-block {
    border-left: 2px solid #EA1B23;
    padding-left: 5px;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component .review-rating-block {
        padding-left: 10px;
    }
}

.customer-review-section .review-media-component .review-rating-block .customer-name {
    font-size: 14px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    line-height: 16px;
    color: #000;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component .review-rating-block .customer-name {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1199.98px) {
    .customer-review-section .review-media-component .review-rating-block .customer-name {
        margin: 0;
    }
}

.customer-review-section .review-media-component .review-rating-block .review-rating {
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .customer-review-section .review-media-component .review-rating-block .review-rating {
        margin-top: 3px;
    }
}

.customer-review-section .review-media-component .review-rating-block .review-rating p {
    margin-bottom: 2px;
    display: inline-block;
    color: #4F4F4F;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

    .customer-review-section .review-media-component .review-rating-block .review-rating p.date {
        font-size: 11px;
        line-height: 14px;
        position: relative;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 300;
        margin-bottom: 2px;
    }

@media (min-width: 768px) {
    .customer-review-section .review-media-component .review-rating-block .review-rating p.date {
        font-size: 18px;
        line-height: 14px;
        margin-bottom: 4px;
    }
}

@media (min-width: 992px) {
    .customer-review-section .review-media-component .review-rating-block .review-rating p.date::after {
        position: absolute;
        content: '';
        right: -11px;
        border-right: 1px solid #000;
        width: 5px;
        height: 20px;
        top: -4px;
    }
}

.customer-review-section .review-media-component .review-rating-block .review-rating p.rating-val {
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component .review-rating-block .review-rating p.rating-val {
        font-size: 20px;
        line-height: 24px;
        margin-left: -4px;
        margin-bottom: 6px;
    }
}

.customer-review-section .review-media-component .review-rating-block .review-rating p.star {
    margin: 0 5px 0 5px;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component .review-rating-block .review-rating p.star {
        margin: 0 12px;
    }
}

@media (min-width: 1200px) {
    .customer-review-section .review-media-component .review-rating-block .review-rating p.star {
        margin: 0 7px 0 21px;
    }
}

.customer-review-section .review-media-component .review-wrapper {
    padding-left: 0;
    margin: 14px 0 20px;
    word-break: break-word;
    min-height: 86px;
}

    .customer-review-section .review-media-component .review-wrapper.read-more-less {
        height: auto !important;
    }

@media (max-width: 575.98px) {
    .customer-review-section .review-media-component .review-wrapper {
        margin: 5px 0 3px;
    }
}

@media (min-width: 992px) {
    .customer-review-section .review-media-component .review-wrapper {
        min-height: 146px;
    }
}

.customer-review-section .review-media-component .review-wrapper p {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 14px;
    color: #000;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component .review-wrapper p {
        font-size: 20px;
        line-height: 24px;
    }
}

.customer-review-section .review-media-component .review-wrapper p.review-title {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

@media (max-width: 767.98px) {
    .customer-review-section .review-media-component .review-wrapper p.review-title {
        padding-bottom: 3px;
    }
}

.customer-review-section .review-media-component .review-wrapper p.hide-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.customer-review-section .review-media-component .review-wrapper p.description {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    min-height: 58px;
}

@media (min-width: 992px) {
    .customer-review-section .review-media-component .review-wrapper p.description {
        min-height: 98px;
    }
}

.customer-review-section .review-media-component .confirm-button-wrapper {
    padding-left: 0;
    display: flex;
    align-items: center;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

    .customer-review-section .review-media-component .confirm-button-wrapper span {
        font-size: 12px;
        line-height: 30px;
        color: #000;
    }

@media (min-width: 768px) {
    .customer-review-section .review-media-component .confirm-button-wrapper span {
        font-size: 18px;
        line-height: 30px;
        margin-right: 20px;
    }
}

.customer-review-section .review-media-component .confirm-button-wrapper a {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    display: inline;
    margin: 0 10px;
    padding: 0;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component .confirm-button-wrapper a {
        font-size: 20px;
        line-height: 23px;
        margin: 0 15px 0 0;
    }
}

.customer-review-section .review-media-component .confirm-button-wrapper a.btn-secondary {
    color: #EA1B23;
}

    .customer-review-section .review-media-component .confirm-button-wrapper a.btn-secondary:hover, .customer-review-section .review-media-component .confirm-button-wrapper a.btn-secondary:focus, .customer-review-section .review-media-component .confirm-button-wrapper a.btn-secondary:active {
        border: 1px solid #FF00BB;
        color: #FF00BB;
        background-color: #FFF;
        box-shadow: none;
    }

.customer-review-section .review-media-component .confirm-button-wrapper a.btn-primary:hover, .customer-review-section .review-media-component .confirm-button-wrapper a.btn-primary:focus, .customer-review-section .review-media-component .confirm-button-wrapper a.btn-primary:active {
    background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
    color: #FFF;
    box-shadow: none;
}

.customer-review-section .review-media-component .confirm-button-wrapper a.small-btn {
    min-width: 56px;
    height: 20px;
    width: auto;
}

@media (min-width: 768px) {
    .customer-review-section .review-media-component .confirm-button-wrapper a.small-btn {
        min-width: 74px;
        height: 25px;
    }
}

.customer-review-section .review-media-component .confirm-button-wrapper a.small-btn:last-child {
    margin: 0;
}

.add-review-btn {
    padding: 50px 0 0;
    text-align: center;
    border: 0;
}

@media (max-width: 767.98px) {
    .add-review-btn {
        padding: 12px 0 0;
    }
}

.add-review-btn a {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 33px;
    width: 150px;
    height: 36px;
    padding: 0;
}

    .add-review-btn a:hover, .add-review-btn a:focus {
        background: linear-gradient(124.81deg, #f0b 7.75%, #ea1b23 92.33%);
        color: #fff;
        box-shadow: none !important;
    }

@media (max-width: 767.98px) {
    .add-review-btn a {
        font-size: 14px;
        line-height: 31px;
        height: 32px;
        width: 110px;
    }
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content {
        border-radius: 10px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .close-button {
    width: 30px;
    height: 30px;
    padding: 0 !important;
}

    .review-custom-popup .modal .modal-container .modal-content .close-button .icon-close:before {
        font-size: 10px;
        display: flex;
        justify-content: center;
        line-height: 30px;
    }

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .close-button {
        width: 50px;
        height: 50px;
    }

        .review-custom-popup .modal .modal-container .modal-content .close-button .icon-close:before {
            font-size: 16px;
            line-height: 50px;
        }
}

.review-custom-popup .modal .modal-container .modal-content.error-review-popup {
    border-top: 5px solid #EA1B23 !important;
    border-radius: 10px;
}

@media (max-width: 1199.98px) {
    .review-custom-popup .modal .modal-container .modal-content.error-review-popup {
        max-height: 400px !important;
    }
}

@media (max-width: 575.98px) {
    .review-custom-popup .modal .modal-container .modal-content.error-review-popup {
        border-top: 10px solid #EA1B23 !important;
        border-radius: 5px;
        height: auto !important;
        max-height: 300px !important;
    }
}

@media (max-width: 1199.98px) {
    .review-custom-popup .modal .modal-container .modal-content.error-review-popup .modal-body {
        align-items: flex-start;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review h3 {
    margin-top: 25px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form {
    text-align: left;
    padding: 0 10px 0 10px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form {
        padding: 0 55px 0 55px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group {
        margin-bottom: 12px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.name-rating {
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.name-rating {
        margin-bottom: 10px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.anonymous {
    margin-bottom: 17px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.anonymous {
        margin-bottom: 28px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.review-title-txt {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.review-title-txt {
        margin-bottom: 30px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.review-title-txt label {
    color: #000;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .form-group.review-title-txt label {
        color: #4F4F4F;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .custom-checkbox {
    height: 14px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .custom-checkbox {
        height: 24px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .custom-checkbox .checkbox-label {
    margin-bottom: 0px;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label {
    line-height: 14px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label {
        line-height: 20px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label .agree-text,
.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label .text {
    vertical-align: middle;
    line-height: 14px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label .agree-text,
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label .text {
        line-height: 20px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label span.icon-Checkbox_default,
.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label span.icon-Checkbox_selected-1 {
    margin-right: 5px;
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label span.icon-Checkbox_default,
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .checkbox-label span.icon-Checkbox_selected-1 {
        margin-right: 10px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form label {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.5px;
    color: #4F4F4F;
    margin-bottom: 5px;
    font-weight: 700;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form label {
        font-size: 18px;
        line-height: 24px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form label.radio-label {
    font-size: 12px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form label.radio-label {
        font-size: 20px;
        line-height: 24px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form label.rating-label {
    margin-bottom: 10px !important;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form label.checkbox-label {
    font-weight: 300;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form input[type="text"] {
    border-radius: 8px;
    border: 1px solid #939598;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    font-size: 12px;
    line-height: 30px;
    padding: 0 0 0 12px;
    height: 30px;
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form input[type="text"] {
        font-size: 18px;
        line-height: 40px;
        padding: 0 0 0 15px;
        height: 40px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form input[type="text"].invalid {
    border: 1px solid #EA1B23;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form input[type="text"]::placeholder {
    color: #939598;
    font-size: 12px;
    line-height: 30px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form input[type="text"]::placeholder {
        font-size: 18px;
        line-height: 40px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-rating,
.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-comment,
.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-firstname,
.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-tc,
.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-title {
    font-size: 11px;
    line-height: 30px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #EA1B23;
    letter-spacing: 0.5px;
    padding: 3px 0 0 5px;
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-rating,
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-comment,
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-firstname,
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-tc,
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-title {
        font-size: 18px;
        padding: 5px 0 0 5px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-rating {
    margin: 10px 0 0;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-rating {
        margin: 1px 0 0;
    }
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .error-info-rating {
        margin: 11px 0 0;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .validation-info {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 10px;
    line-height: 26px;
    letter-spacing: 0.5px;
    color: #4F4F4F;
    float: right;
    font-weight: 300;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .validation-info {
        font-size: 14px;
        line-height: 28px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form textarea {
    border-radius: 8px;
    border: 1px solid #939598;
    resize: none;
    font-size: 12px;
    line-height: 30px;
    min-height: 214px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    font-weight: 300;
    padding: 0 0 0 12px;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form textarea {
        padding: 0 0 0 15px;
        min-height: 164px;
        font-size: 18px;
        line-height: 40px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form textarea.invalid {
    border: 1px solid #EA1B23;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form textarea::placeholder {
    color: #939598;
    padding: 5px 0 5px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 30px;
    font-weight: 300;
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form textarea::placeholder {
        font-size: 18px;
        line-height: 40px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.44px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin-bottom: 30px;
    font-weight: 300;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text {
        font-size: 18px;
        line-height: 24px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text .checkbox-label {
    display: flex;
    vertical-align: middle;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text .agree-text {
    margin-bottom: 0;
    text-align: left;
}

@media (min-width: 576px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text .agree-text {
        margin-top: 2px;
    }
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text .agree-text {
        margin-top: 2px;
    }
}

@media (min-width: 1200px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text .agree-text {
        margin-top: 0;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text .agree-text #terms-conditions {
    font: inherit;
    color: #EA1B23;
}

    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .terms-condition-text .agree-text #terms-conditions :hover {
        color: #EA1B23;
    }

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .options .radio-label {
    display: inline;
    margin-right: 30px;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .options .option-container {
    padding-right: 30px;
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form #add-review-submit {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: white;
    font-size: 14px;
    font-weight: 700;
    width: 110px;
    height: 32px;
    padding: 0;
}

    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form #add-review-submit:focus, .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form #add-review-submit:hover {
        background: linear-gradient(124.81deg, #f0b 7.75%, #ea1b23 92.33%);
        box-shadow: none !important;
    }

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form #add-review-submit {
        font-size: 20px;
        width: 150px;
        height: 36px;
        line-height: 33px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .recommend-product-confirm {
    margin-bottom: 25px;
}

    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .recommend-product-confirm p {
        font-size: 12px;
        line-height: 14px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        color: #000;
        margin-bottom: 10px;
        font-weight: 300;
    }

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .recommend-product-confirm p {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .recommend-product-confirm ul li {
    margin-right: 50px;
}

    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .recommend-product-confirm ul li .radio-label {
        font-size: 12px;
        line-height: 14px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    }

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .recommend-product-confirm ul li .radio-label {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 575.98px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .add-review-form .recommend-product-confirm ul li {
        margin-right: 40px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .header-description-msg {
    font-size: 12px;
    line-height: 14px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #000;
    margin-bottom: 20px;
    font-weight: 300;
    text-align: center;
}

@media (min-width: 768px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review .header-description-msg {
        padding: 3px 0 0;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 50px;
    }
}

@media (max-width: 575.98px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .heading-text {
        font-size: 14px;
        line-height: 27px;
        text-align: left !important;
        margin-top: 2px !important;
    }
}

@media (max-width: 1199.98px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .heading-text {
        margin-top: 5px !important;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .error-icon {
    margin: 40px 0 20px;
}

@media (max-width: 575.98px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .error-icon {
        margin: 10px 0;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .error-icon img {
    width: 20px;
    height: auto;
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .error-icon img {
        width: 40px;
        height: auto;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .errorDescription {
    font-size: 14px;
    line-height: 18px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #4F4F4F;
}

@media (min-width: 992px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .errorDescription {
        font-size: 20px;
        line-height: 30px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .error-msg {
    margin-bottom: 25px;
}

@media (max-width: 575.98px) {
    .review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .error-msg {
        margin-bottom: 15px;
    }
}

.review-custom-popup .modal .modal-container .modal-content .content-wrapper.add-review-error .error-msg.last-child {
    margin-bottom: 0;
}

.star-review-rating .rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 0;
}

    .star-review-rating .rating label {
        color: #EA1B23 !important;
        width: 20px;
        margin: 0 3px !important;
        font-size: 21px !important;
    }

@media (min-width: 992px) {
    .star-review-rating .rating label {
        font-size: 37px !important;
        width: 28px;
    }
}

.star-review-rating .rating label::before {
    font-size: 21px;
}

@media (min-width: 768px) {
    .star-review-rating .rating label::before {
        font-size: 37px;
    }
}

.star-review-rating .rating label.invalid {
    color: #EA1B23 !important;
}

.rating > input {
    display: none;
}

.rating > label {
    position: relative;
    width: 1em;
    font-size: 6vw;
    color: #FFD600;
    cursor: pointer;
}

    .rating > label::before {
        content: "\2605";
        position: absolute;
        opacity: 0;
    }

    .rating > label:hover:before,
    .rating > label:hover ~ label:before {
        opacity: 1 !important;
    }

.rating > input:checked ~ label:before {
    opacity: 1;
}

.rating:hover > input:checked ~ label:before {
    opacity: 0.4;
}

.review-error-custom-popup {
    position: relative;
}

    .review-error-custom-popup .modal {
        border-radius: 5px;
        height: 200px;
        max-height: 400px;
        max-width: 800px;
        width: calc(100% - 30px);
        position: relative;
        top: -400px;
        left: 20px;
    }

@media (min-width: 768px) {
    .review-error-custom-popup .modal {
        top: -250px;
        left: -400px;
        width: 800px;
        height: 400px;
    }
}

.review-error-custom-popup .modal .red-marker {
    height: 10px;
    width: 100%;
    background: #EA1B23;
}

@media (min-width: 768px) {
    .review-error-custom-popup .modal .modal-container {
        margin-top: 0px;
        border-radius: 10px;
    }
}

.review-error-custom-popup .modal .close-button {
    width: 30px;
    height: 30px;
}

    .review-error-custom-popup .modal .close-button .icon-close:before {
        font-size: 10px;
    }

@media (min-width: 768px) {
    .review-error-custom-popup .modal .close-button {
        width: 50px;
        height: 50px;
    }

        .review-error-custom-popup .modal .close-button .icon-close:before {
            font-size: 16px;
            margin-bottom: 10px;
        }
}

.review-error-custom-popup .modal .modal-body {
    min-height: unset;
}

    .review-error-custom-popup .modal .modal-body .container h2 {
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        font-weight: 700;
        margin-top: 10px;
    }

@media (min-width: 768px) {
    .review-error-custom-popup .modal .modal-body .container h2 {
        margin-top: 10px;
        font-size: 40px;
    }
}

.review-error-custom-popup .modal .modal-body .container .error-icon {
    margin-top: 20px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .review-error-custom-popup .modal .modal-body .container .error-icon {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

.review-error-custom-popup .modal .modal-body .container .error-icon img {
    width: 18px;
    height: 18px;
}

@media (min-width: 768px) {
    .review-error-custom-popup .modal .modal-body .container .error-icon img {
        width: 40px;
        height: 40px;
    }
}

.review-error-custom-popup .modal .modal-body .container p {
    font-size: 12px;
    line-height: 14px;
}

@media (min-width: 768px) {
    .review-error-custom-popup .modal .modal-body .container p {
        font-size: 20px;
        line-height: 24px;
    }
}

.review-success-custom-popup {
    position: relative;
}

    .review-success-custom-popup .modal {
        border-radius: 5px;
        height: 100%;
        width: 100%;
        padding-right: 0px !important;
    }

@media (min-width: 768px) {
    .review-success-custom-popup .modal {
        top: 10%;
    }
}

.review-success-custom-popup .modal .red-marker {
    width: 100%;
    background: #EA1B23;
}

.review-success-custom-popup .modal .modal-container {
    height: 100%;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .modal-container {
        margin-top: 0px;
        border-radius: 10px;
        height: auto;
    }
}

.review-success-custom-popup .modal .modal-container .modal-content {
    height: 100%;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .modal-container .modal-content {
        height: auto;
    }
}

.review-success-custom-popup .modal .close-button {
    width: 30px;
    height: 30px;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .close-button {
        width: 50px;
        height: 50px;
    }
}

.review-success-custom-popup .modal .close-button .icon-close:before {
    font-size: 10px;
    position: relative;
    bottom: 10px;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .close-button .icon-close:before {
        font-size: 16px;
        margin-bottom: 10px;
        bottom: 0px;
    }
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .close-button {
        width: 50px;
        height: 50px;
    }
}

.review-success-custom-popup .modal .modal-body {
    min-height: unset;
    padding: 0px 10px 0px 10px !important;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .modal-body {
        padding: 0px 40px 40px 40px !important;
    }
}

.review-success-custom-popup .modal .modal-body .container h2 {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .modal-body .container h2 {
        margin-top: 40px;
        margin-bottom: 20px;
        font-size: 40px;
    }
}

.review-success-custom-popup .modal .modal-body .container .logo-container {
    margin-top: 40px;
}

    .review-success-custom-popup .modal .modal-body .container .logo-container img {
        width: 136px;
        height: 30px;
    }

@media (min-width: 768px) {
    .review-success-custom-popup .modal .modal-body .container .logo-container img {
        width: 250px;
        height: 55px;
    }
}

.review-success-custom-popup .modal .modal-body .container p {
    font-size: 12px;
    line-height: 14px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .modal-body .container p {
        font-size: 20px;
        line-height: 24px;
    }
}

.review-success-custom-popup .modal .modal-body .container .confirm-button {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: white;
    font-size: 14px;
    font-weight: 700;
    width: 110px;
    height: 32px;
}

@media (min-width: 768px) {
    .review-success-custom-popup .modal .modal-body .container .confirm-button {
        font-size: 20px;
        width: 150px;
        height: 36px;
    }
}

/*Loader*/
.loader-bg {
    position: fixed;
    /* Sit on top of the page content */
    display: block;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 15;
    cursor: progress;
}

    .loader-bg .spinner {
        font-size: 25px;
        width: 1.5em;
        height: 1.5em;
        border-radius: 50%;
        position: relative;
        text-indent: -9999em;
        left: 50%;
        top: 50%;
        -webkit-animation: load5 1.1s infinite ease;
        animation: load5 1.1s infinite ease;
        -webkit-transform: translate(-50%, -50%) scale(0.5);
        -ms-transform: translate(-50%, -50%) scale(0.5);
        transform: translate(-50%, -50%) scale(0.5);
    }

        .loader-bg .spinner:before {
            background-color: rgba(255, 255, 255, 0.8);
            position: absolute;
            width: 100%;
            height: 100%;
        }

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #EA1B23, 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(237, 167, 156, 0), -1.8em -1.8em 0 0em rgba(234, 27, 35, 0.6);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 27, 35, 0.6), 1.8em -1.8em 0 0em #EA1B23, 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(237, 167, 156, 0);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(237, 167, 156, 0), 1.8em -1.8em 0 0em rgba(234, 27, 35, 0.6), 2.5em 0em 0 0em #EA1B23, 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(237, 167, 156, 0), 2.5em 0em 0 0em rgba(234, 27, 35, 0.6), 1.75em 1.75em 0 0em #EA1B23, 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(237, 167, 156, 0), 1.75em 1.75em 0 0em rgba(234, 27, 35, 0.6), 0em 2.5em 0 0em #EA1B23, -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(237, 167, 156, 0), 0em 2.5em 0 0em rgba(234, 27, 35, 0.6), -1.8em 1.8em 0 0em #EA1B23, -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(237, 167, 156, 0), -1.8em 1.8em 0 0em rgba(234, 27, 35, 0.6), -2.6em 0em 0 0em #EA1B23, -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(237, 167, 156, 0), -2.6em 0em 0 0em rgba(234, 27, 35, 0.6), -1.8em -1.8em 0 0em #EA1B23;
    }
}

.spinner {
    font-size: 25px;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    position: absolute;
    text-indent: -9999em;
    left: 50%;
    top: 50%;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
}

    .spinner:before {
        background-color: rgba(255, 255, 255, 0.8);
        position: absolute;
        width: 100%;
        height: 100%;
    }

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #EA1B23, 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(237, 167, 156, 0), -1.8em -1.8em 0 0em rgba(234, 27, 35, 0.6);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(234, 27, 35, 0.6), 1.8em -1.8em 0 0em #EA1B23, 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(237, 167, 156, 0);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(237, 167, 156, 0), 1.8em -1.8em 0 0em rgba(234, 27, 35, 0.6), 2.5em 0em 0 0em #EA1B23, 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(237, 167, 156, 0), 2.5em 0em 0 0em rgba(234, 27, 35, 0.6), 1.75em 1.75em 0 0em #EA1B23, 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(237, 167, 156, 0), 1.75em 1.75em 0 0em rgba(234, 27, 35, 0.6), 0em 2.5em 0 0em #EA1B23, -1.8em 1.8em 0 0em rgba(212, 46, 18, 0), -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(237, 167, 156, 0), 0em 2.5em 0 0em rgba(234, 27, 35, 0.6), -1.8em 1.8em 0 0em #EA1B23, -2.6em 0em 0 0em rgba(212, 46, 18, 0), -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(237, 167, 156, 0), -1.8em 1.8em 0 0em rgba(234, 27, 35, 0.6), -2.6em 0em 0 0em #EA1B23, -1.8em -1.8em 0 0em rgba(212, 46, 18, 0);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(212, 46, 18, 0), 1.8em -1.8em 0 0em rgba(212, 46, 18, 0), 2.5em 0em 0 0em rgba(212, 46, 18, 0), 1.75em 1.75em 0 0em rgba(212, 46, 18, 0), 0em 2.5em 0 0em rgba(212, 46, 18, 0), -1.8em 1.8em 0 0em rgba(237, 167, 156, 0), -2.6em 0em 0 0em rgba(234, 27, 35, 0.6), -1.8em -1.8em 0 0em #EA1B23;
    }
}

.poster-rules-wrapper .poster-description {
    font-size: 18px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

    .poster-rules-wrapper .poster-description a, .poster-rules-wrapper .poster-description a:focus {
        color: #ea1b23;
    }

.poster-rules-wrapper .poster-rules-slider .img-holder {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.poster-rules-wrapper .poster-rules-slider .slick-prev {
    left: -74px;
}

@media (max-width: 767.98px) {
    .poster-rules-wrapper .poster-rules-slider .slick-prev {
        left: 0;
    }
}

.poster-rules-modal .header-description-msg {
    font-size: 22px;
    text-align: center;
    padding: 30px;
}

@media (min-width: 768px) {
    .poster-rules-modal .modal-dialog.modal-container.small-popup {
        width: 500px;
        margin: 73px auto;
    }
}

.poster-rules-modal .modal-container .modal-content .modal-body {
    min-height: auto !important;
}

.kotex-cards-section {
    padding-top: 50px;
}

@media (min-width: 992px) {
    .kotex-cards-section {
        padding-top: 70px;
    }
}

.kotex-cards-section .title-description {
    font-size: 24px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-block {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid rgba(147, 149, 152, 0.5);
        padding-bottom: 40px;
    }
}

.kotex-cards-section .kotex-card-slider {
    margin-top: 16px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 0.5px solid #EA1B23;
}

    .kotex-cards-section .kotex-card-slider .slick-slide img {
        width: 100%;
        object-fit: cover;
        height: 137px;
    }

    .kotex-cards-section .kotex-card-slider.slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider {
        border-bottom: none;
    }
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider {
        margin-top: 25px;
        padding-bottom: 7px;
        max-width: 795px;
        margin: 25px auto 0;
    }
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider {
        /* the parent */
    }

        .kotex-cards-section .kotex-card-slider .slick-slide {
            margin: 0 60px;
        }

        .kotex-cards-section .kotex-card-slider .slick-list {
            margin: 0 -80px;
        }
}

.kotex-cards-section .kotex-card-slider .slick-arrow {
    width: 25px;
    height: 25px;
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }
}

.kotex-cards-section .kotex-card-slider .slick-prev {
    left: -10px;
}

.kotex-cards-section .kotex-card-slider .slick-next {
    right: -10px;
    left: unset;
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider .slick-prev {
        left: -98px;
    }

    .kotex-cards-section .kotex-card-slider .slick-next {
        right: -98px;
    }
}

@media (min-width: 992px) {
    .kotex-cards-section .kotex-card-slider .slick-prev {
        left: -80px;
        top: 42%;
    }

    .kotex-cards-section .kotex-card-slider .slick-next {
        right: -80px;
        top: 42%;
    }
}

.kotex-cards-section .kotex-card-slider .slider-item {
    text-align: center;
    width: 95% !important;
    margin-left: 5px;
    /*Override slickjs*/
}

@media (min-width: 992px) {
    .kotex-cards-section .kotex-card-slider .slider-item {
        width: auto !important;
        margin-left: 0px;
    }
}

.kotex-cards-section .kotex-card-slider .slider-item .mobile-border {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #EA1B23;
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider .slider-item .mobile-border {
        border: none;
    }
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider .slider-item .title-container .col-12 {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-bottom: none;
    }
}

.kotex-cards-section .kotex-card-slider .slider-item .title-container .col-12 h2.title {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    padding: 8px 11px 0px 8px;
    margin: 0;
    min-height: 156px;
    -webkit-line-clamp: 5;
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider .slider-item .title-container .col-12 h2.title {
        font-size: 24px;
        line-height: 26px;
        padding: 10px 30px 0 30px;
        min-height: 113px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
}

.kotex-cards-section .kotex-card-slider .slider-item .title-container .col-12 .description {
    max-height: 75px;
    min-height: 75px;
    overflow: hidden;
    display: none;
}

@media (max-width: 767.98px) {
    .kotex-cards-section .kotex-card-slider .slider-item .title-container .col-12 .description {
        max-height: 85px;
        min-height: 85px;
    }
}

.kotex-cards-section .kotex-card-slider .slider-item .title-container .col-12 .description p {
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-weight: 300;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

@media (min-width: 992px) {
    .kotex-cards-section .kotex-card-slider .slider-item .title-container .col-12 .description p {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider .slider-item .description-container .col-12 {
        border-bottom: 2px solid #EA1B23;
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        border-right: 1px solid rgba(0, 0, 0, 0.3);
    }
}

.kotex-cards-section .kotex-card-slider .slider-item .description-container a.primary-btn {
    margin-bottom: 16px;
    margin-top: 16px;
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider .slider-item .description-container a.primary-btn {
        margin-bottom: 15px;
        margin-top: 13px;
    }
}

.kotex-cards-section .kotex-card-slider ul.slick-dots {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    /*override slick?*/
    bottom: 0;
}

@media (min-width: 768px) {
    .kotex-cards-section .kotex-card-slider ul.slick-dots {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

/*@import "atoms/address";*/
.btn,
.btn-primary {
    background: #000;
    border: 1px solid #000;
    border-radius: 0;
    color: #ffffff;
    outline: none;
    box-shadow: none;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-weight: normal;
}

    .btn:hover, .btn:focus, .btn.focus,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus {
        background: #EA1B23;
        color: #ffffff;
        border: 1px solid #EA1B23;
        outline: none;
        box-shadow: none;
    }

    .btn:active, .btn.active,
    .btn-primary:active,
    .btn-primary.active {
        background: #EA1B23;
        color: #ffffff;
        border: 1px solid #EA1B23;
        outline: none;
        box-shadow: none;
    }

.btn-secondary {
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    color: #ffffff;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    line-height: 42px;
    outline: none;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active {
        background: transparent;
        color: #EA1B23;
        border: 1px solid #EA1B23;
        outline: none;
        box-shadow: none;
    }

button {
    outline: none !important;
}

    button:focus, button:hover, button:active {
        outline: none !important;
    }

a {
    outline: none !important;
}

    a:hover, a:focus, a:active, a:visited {
        outline: none !important;
    }

input[type=submit],
input[type=button],
input[type=checkbox],
input[type=date],
input[type=file] {
    outline: none !important;
}

    input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit]:visited,
    input[type=button]:hover,
    input[type=button]:focus,
    input[type=button]:active,
    input[type=button]:visited,
    input[type=checkbox]:hover,
    input[type=checkbox]:focus,
    input[type=checkbox]:active,
    input[type=checkbox]:visited,
    input[type=date]:hover,
    input[type=date]:focus,
    input[type=date]:active,
    input[type=date]:visited,
    input[type=file]:hover,
    input[type=file]:focus,
    input[type=file]:active,
    input[type=file]:visited {
        outline: none !important;
    }

.btn-primary {
    background-color: #EA1B23;
    color: #FFF;
    line-height: 22px;
    border: 1px solid #EA1B23;
    padding: 10px 20px 9px;
    text-align: center;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    outline: none !important;
    border-radius: 0;
    width: 100%;
    max-width: 180px;
    font-weight: 500;
}

    .btn-primary:hover {
        color: #ffffff;
        background: linear-gradient(124.81deg, #FF00BB 7.75%, #EA1B23 92.33%);
        text-decoration: none;
        border: 1px solid #EA1B23;
        outline: none;
    }

    .btn-primary:active {
        background-color: #EA1B23 !important;
        border: 1px solid #EA1B23 !important;
        color: #ffffff;
        outline: none;
    }

    .btn-primary:focus {
        outline: none;
    }

.btn-secondary {
    background-color: #fff;
    color: #000;
    border-radius: 0;
    line-height: 22px;
    padding: 10px 20px 9px;
    border: 1px solid #EA1B23;
    text-align: center;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    outline: none;
    width: 100%;
    max-width: 180px;
}

    .btn-secondary:hover {
        color: #EA1B23;
        background-color: transparent;
        text-decoration: none;
        border: 1px solid #EA1B23;
        outline: none;
    }

.btn-disabled,
.btn-disabled:hover,
.btn-disabled:active {
    line-height: 44px;
    min-width: 150px;
    width: 180px;
    text-align: center;
    color: #EA1B23;
    background-color: transparent;
    border: 1px solid #EA1B23;
    text-decoration: none;
    cursor: default;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    outline: none;
}

.btn-large {
    min-width: 290px;
    text-align: center;
    line-height: 44px;
    border-radius: 8px;
    text-decoration: none !important;
}

.btn-contact,
.btn-contact:hover {
    background: #4a74a5;
    color: #ffffff;
    outline: none;
}

.btn-fb,
.btn-fb:hover {
    background: #3c589a;
    color: #ffffff;
    background-size: 4%;
    outline: none;
}

.btn-odno,
.btn-odno:hover {
    background: #f48d33;
    color: #ffffff;
    background-size: 5%;
    outline: none;
}

.btn-mail,
.btn-mail:hover {
    background: #0ba0e8;
    color: #ffffff;
    background-size: 8%;
    outline: none;
}

.btn-link {
    position: relative;
}

    .btn-link img {
        position: absolute;
        width: 28px;
        position: absolute;
        left: 20%;
        top: 12px;
    }

.btn-fb img {
    width: 11px;
    left: 26%;
}

.btn-odno img {
    width: 15px;
    left: 22%;
}

a:focus {
    color: #ffffff;
}

/*Checkbox buttons*/
.custom-checkbox .checkbox-label:hover span.icon-Checkbox_hover {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

@media (min-width: 1200px) {
    .custom-checkbox .checkbox-label:hover span.icon-Checkbox_hover {
        display: inline-block !important;
    }
}

.custom-checkbox .checkbox-label:hover span.icon-Checkbox_hover::before {
    font-size: 14px;
}

@media (min-width: 576px) {
    .custom-checkbox .checkbox-label:hover span.icon-Checkbox_hover::before {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .custom-checkbox .checkbox-label:hover span.icon-Checkbox_default {
        display: none !important;
    }
}

.custom-checkbox .checkbox-label:hover span.icon-Checkbox_selected-1 {
    display: none !important;
}

.custom-checkbox .checkbox-label span.icon-Checkbox_default {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
}

@media (min-width: 992px) {
    .custom-checkbox .checkbox-label span.icon-Checkbox_default {
        font-size: 20px;
    }
}

.custom-checkbox input:checked + .checkbox-label .icon-Checkbox_selected-1 {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 10px;
}

    .custom-checkbox input:checked + .checkbox-label .icon-Checkbox_selected-1::before {
        font-size: 14px;
        color: #EA1B23;
    }

@media (min-width: 992px) {
    .custom-checkbox input:checked + .checkbox-label .icon-Checkbox_selected-1::before {
        font-size: 20px;
    }
}

.custom-checkbox input:checked + .checkbox-label .icon-Checkbox_default {
    display: none;
}

.custom-checkbox input:checked + .checkbox-label .icon-Checkbox_hover {
    display: none !important;
}

.custom-checkbox input:checked + .checkbox-label:hover .icon-Checkbox_selected-1 {
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 10px;
}

    .custom-checkbox input:checked + .checkbox-label:hover .icon-Checkbox_selected-1::before {
        font-size: 14px;
    }

@media (min-width: 576px) {
    .custom-checkbox input:checked + .checkbox-label:hover .icon-Checkbox_selected-1::before {
        font-size: 20px;
    }
}

.custom-checkbox input:checked + .checkbox-label:hover .icon-Checkbox_default {
    display: none;
}

.custom-checkbox input:checked + .checkbox-label:hover .icon-Checkbox_hover {
    display: none !important;
}

/**Breadcrumb styles*/
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #EA1B23;
    font-weight: 300;
}

@media (min-width: 768px) {
    .breadcrumb .breadcrumb-item,
    .breadcrumb .breadcrumb-item a {
        font-size: 18px;
    }
}

.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item a.active {
    color: #000;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item.active::before,
.breadcrumb .breadcrumb-item a + .breadcrumb-item.active::before {
    color: #EA1B23;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb .breadcrumb-item a + .breadcrumb-item::before {
    color: #EA1B23;
    font-size: 9px;
    content: "";
    vertical-align: middle;
    font-family: "kotex-1";
    margin: 1px 0;
    padding: 0 5px;
    font-weight: bold;
    transform: scaleX(1);
}

@media (min-width: 768px) {
    .breadcrumb .breadcrumb-item + .breadcrumb-item::before,
    .breadcrumb .breadcrumb-item a + .breadcrumb-item::before {
        padding: 0 10px;
        font-size: 12px;
    }
}

.common-breadcrumb.scrollable-breadcrumb .breadcrumb {
    position: relative;
}

.common-breadcrumb.scrollable-breadcrumb .breadcrumb-extension::before {
    content: "";
    font-size: 12px;
    color: #EA1B23;
    font-family: "kotex-1";
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    transform: scaleX(1);
}

.breadcrumb-item + .breadcrumb-item {
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 991px) {
    .common-breadcrumb .breadcrumb {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .common-breadcrumb .breadcrumb .breadcrumb-item {
            display: inline;
        }

            .common-breadcrumb .breadcrumb .breadcrumb-item.active {
                font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
            }

            .common-breadcrumb .breadcrumb .breadcrumb-item a {
                margin-bottom: 0 !important;
            }
}

/*@import "organisms/banner-carousel";*/
/*Cookie popup styles*/
.cookie-popup {
    width: 100%;
    min-height: 135px;
    background-color: #f5f5f5;
    border-radius: 8px;
    margin: 20px 0;
    position: relative;
    padding: 25px 0;
}

    .cookie-popup .cookie img {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .cookie-popup .cookie .close-icon {
        max-width: 5%;
        flex: 0 0 5%;
    }

        .cookie-popup .cookie .close-icon .close {
            left: 0;
            color: #53565a;
            opacity: 1;
            font-size: 44px;
            font-weight: normal;
            padding: 0 15px;
            top: 15px;
        }

    .cookie-popup .cookie h6 {
        font-size: 18px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        line-height: 26px;
        color: #939598;
        font-weight: normal;
    }

    .cookie-popup .cookie p {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        color: #939598;
        line-height: 26px;
        text-align: left;
        letter-spacing: 0.8px;
    }

    .cookie-popup .cookie .btn-secondary, .cookie-popup .cookie .btn-secondary:hover {
        border: 2px solid #000;
        color: #000;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        padding: 10px 58px;
        background: #fff;
        position: relative;
        top: 20px;
        float: right;
        line-height: normal;
    }

/*Article category*/
.btn-secondary:focus {
    outline: auto;
}

.article-category {
    height: 100%;
    background: #ffffff;
    padding: 40px;
    float: left;
}

    .article-category > [class^="col-"] {
        float: left;
    }

@media screen and (min-width: 768px) and (max-width: 991px) {
    .article-category > [class^="col-"] {
        padding: 0;
    }
}

.article-category > [class^="col-"] img {
    border-radius: 8px;
    min-height: 250px;
}

.article-category > [class^="col-"] .content-block {
    padding: 0 30px;
}

    .article-category > [class^="col-"] .content-block h2 {
        font-size: 40px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #53565A;
        font-weight: normal;
    }

    .article-category > [class^="col-"] .content-block p {
        font-size: 18px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #53565A;
        margin: 20px 0;
    }

    .article-category > [class^="col-"] .content-block .btn-secondary, .article-category > [class^="col-"] .content-block .btn-secondary:hover {
        border: 2px solid #000;
        color: #000;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        padding: 10px 40px;
        background: #fff;
        line-height: normal;
    }

@media screen and (max-width: 767px) {
    .article-category {
        padding: 40px 10px;
        float: none;
    }

        .article-category > [class^="col-"] .content-block {
            padding: 0;
        }

            .article-category > [class^="col-"] .content-block h2 {
                margin-top: 20px;
            }
}

/*Article category*/
.product-category {
    display: flex;
}

    .product-category .product-tile {
        background: #E8E8E8;
        padding: 30px 20px;
        border-radius: 8px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        margin: 20px 0;
    }

        .product-category .product-tile .prod-btn {
            border: 2px solid #C8C9C7;
            border-radius: 8px;
            padding: 10px 25px;
            width: auto;
            color: #939598;
            margin: 15px;
            display: inline-block;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            text-transform: capitalize;
        }

            .product-category .product-tile .prod-btn:hover {
                text-decoration: none;
                color: #000;
                border-color: #000;
                background: #ffffff;
            }

/*Article category*/
.buy-now {
    background: #ffffff;
    padding: 15px 10px;
    display: flex;
    margin: 20px 0 21px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: relative;
}

    .buy-now .slimScrollBar {
        height: 150px !important;
    }

    .buy-now .top-arrow {
        border-bottom: 15px solid #999;
        bottom: -9px;
        border-color: #939598;
    }

    .buy-now .top-arrow-2 {
        border-bottom: 15px solid #fff;
        bottom: -10px;
        z-index: 9999;
    }

    .buy-now .top-arrow, .buy-now .top-arrow-2 {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        left: 40%;
        position: absolute;
        top: 100%;
    }

    .buy-now .img-section img {
        width: 80%;
        min-height: 210px;
        margin: 30px 0;
    }

    .buy-now .content-block h2 {
        font-size: 40px;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        color: #939598;
        margin: 0 0 15px 0;
        font-weight: normal;
    }

    .buy-now .content-block h5 {
        margin: 25px 0;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 22px;
        color: #939598;
        letter-spacing: 0.8px;
    }

    .buy-now .content-block .dimension {
        width: 38%;
        padding: 12px 10px;
        border: 1.3px solid #ccc;
        border-radius: 8px;
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
        margin: 25px 0;
    }

        .buy-now .content-block .dimension p {
            padding: 0 15px;
            margin: 0;
            display: inline-block;
            color: #939598;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 22px;
        }

            .buy-now .content-block .dimension p span {
                font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                font-size: 22px;
            }

    .buy-now .content-block .btn-secondary, .buy-now .content-block .btn-secondary:hover {
        border: 2px solid #000;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 19px;
        padding: 10px 25px;
        width: 18%;
        text-transform: uppercase;
        margin-right: 18px;
        line-height: normal;
    }

        .buy-now .content-block .btn-secondary.buy, .buy-now .content-block .btn-secondary:hover.buy {
            background: #000;
            color: #ffffff;
        }

        .buy-now .content-block .btn-secondary.read-more, .buy-now .content-block .btn-secondary:hover.read-more {
            background: #ffffff;
            color: #000;
        }

@media screen and (max-width: 991px) {
    .buy-now {
        display: block;
    }

        .buy-now .content-block .dimension {
            width: 100%;
        }

        .buy-now .content-block .btn-secondary {
            width: 44%;
        }
}

.show-pop {
    left: 0;
    z-index: 9;
    position: relative;
    min-height: 1px;
    width: 80%;
}

    .show-pop .wrapper-main {
        background: #ffffff;
        margin: 0px;
        text-align: initial;
        position: relative;
        top: -7px;
        padding: 30px;
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }

        .show-pop .wrapper-main .close {
            font-size: 40px;
            font-weight: normal;
            color: #939598;
            height: auto;
            width: auto;
            opacity: 1;
            background: none;
        }

        .show-pop .wrapper-main h2 {
            font-size: 40px;
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            color: #939598;
            margin: 0 0 15px 0;
        }

        .show-pop .wrapper-main .store-list {
            list-style-type: none;
        }

            .show-pop .wrapper-main .store-list li {
                padding: 35px 12px;
                border-bottom: 2px solid #C8C9C7;
                min-height: 145px;
            }

                .show-pop .wrapper-main .store-list li img, .show-pop .wrapper-main .store-list li span {
                    display: inline-block;
                    width: 30%;
                    padding: 0 30px 0 0;
                }

                .show-pop .wrapper-main .store-list li img {
                    max-width: 200px;
                    max-height: 100px;
                }

                .show-pop .wrapper-main .store-list li span {
                    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                    color: #939598;
                    font-size: 28px;
                }

                .show-pop .wrapper-main .store-list li .buy {
                    float: right;
                    border: 2px solid #000;
                    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
                    background: #000;
                    color: #ffffff;
                    font-size: 19px;
                    padding: 10px 25px;
                    width: 18%;
                    text-transform: uppercase;
                    margin: 20px 18px;
                    line-height: normal;
                }

@media screen and (max-width: 991px) {
    .show-pop {
        width: 100%;
    }
}

.nav-tabs {
    border-bottom: 0;
    margin: 30px 0;
}

    .nav-tabs .nav-link {
        color: #939598;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.8px;
        line-height: 26px;
    }

        .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
            font-weight: bold;
            background-color: transparent;
            border-top: 4px solid #000;
            border-right: none;
            border-left: none;
            border-bottom: 0;
            color: #000;
        }

    .nav-tabs .tab-pane p {
        color: #53565A;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 0.8px;
        line-height: 26px;
    }

.find-product-section-wrapper {
    background-color: #FFF;
}

    .find-product-section-wrapper .find-product-section {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        /*.new-main-heading {
            margin-top: 55px;
            margin-bottom: 10px;

            @media only screen and (max-width: 767px) {
                margin-top: 22px;
                margin-bottom: 20px;
            }
        }*/
    }

        .find-product-section-wrapper .find-product-section .new-main-heading {
            margin-bottom: 10px;
        }

        .find-product-section-wrapper .find-product-section .section-header {
            color: #424C5F;
            font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
            font-size: 32px;
            font-weight: 600;
            line-height: 40px;
            text-align: center;
        }

@media only screen and (max-width: 500px) {
    .find-product-section-wrapper .find-product-section .section-header {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 0px;
    }
}

.find-product-section-wrapper .find-product-section .view-all-product-link {
    color: #00205c;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    text-decoration: none;
}

    .find-product-section-wrapper .find-product-section .view-all-product-link img {
        width: 10px;
        height: 12px;
        margin-left: 5px;
        transform: scaleX(1);
        vertical-align: baseline;
    }

@media only screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .view-all-product-link img {
        height: 8px;
        margin-left: 4px;
        vertical-align: unset;
        width: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .view-all-product-link {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 20px;
        display: inline-block;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section {
    width: 65%;
    margin: 0 auto;
    padding: 22px 0 29px;
}

@media (min-width: 992px) {
    .find-product-section-wrapper .find-product-section .family-care-section {
        width: 65%;
        border-bottom: 2px dotted #F5ECD9;
        padding-top: 2px;
    }
}

@media (max-width: 767.98px) {
    .find-product-section-wrapper .find-product-section .family-care-section {
        padding: 25px 0 0;
    }
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-section {
        padding: 50px 0 20px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .coveo-tab-component-container {
    display: none;
}

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    height: auto;
    text-transform: capitalize;
    border: none;
}

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category p {
        display: none;
    }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .family-care-icon-wrapper img {
        width: 80px;
        height: 80px;
    }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-name {
        color: #00205c;
        line-height: 30px;
        font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
        font-size: 20px;
        text-align: center;
        padding-top: 2px;
        text-decoration: none;
    }

        .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-name:hover {
            color: #009bde;
        }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight {
        color: #424C5F;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
    }

        .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a p {
            color: #424C5F;
            border-right: 2px solid rgba(191, 204, 221, 0.4);
            margin-right: 13px;
            padding-right: 13px;
        }

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a p {
        margin-right: 5px;
        padding-right: 5px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a p:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover .age-name {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    color: #009bde;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    margin-top: 3px;
}

@media (min-width: 768px) {
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover .age-name {
        font-size: 20px;
        line-height: 30px;
        margin-top: 0;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active .age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active .age-weight.age-name,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active p, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected .age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected .age-weight.age-name,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected p, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover .age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover .age-weight.age-name,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover p {
    color: #00205c;
}

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active .age-weight span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active .age-weight.age-name span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.active p span.active, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected .age-weight span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected .age-weight.age-name span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.coveo-selected p span.active, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover .age-weight span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover .age-weight.age-name span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight a.hover p span.active {
        color: #00205c;
    }

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category img:last-child {
    display: none;
}

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .age-name {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    color: #009bde;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
}

@media (min-width: 768px) {
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .age-name, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .age-name {
        font-size: 20px;
        line-height: 30px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .age-weight.age-name,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active p, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .age-weight.age-name,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected p, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .age-weight.age-name,
.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover p {
    color: #00205c;
}

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .age-weight span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .age-weight.age-name span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active p span.active, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .age-weight span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .age-weight.age-name span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected p span.active, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .age-weight span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .age-weight.age-name span.active,
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover p span.active {
        color: #00205c;
    }

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .family-care-icon-wrapper img:first-child, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .family-care-icon-wrapper img:first-child, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .family-care-icon-wrapper img:first-child {
    display: none;
}

.find-product-section-wrapper .find-product-section .family-care-section .family-care-category.active .family-care-icon-wrapper img:last-child, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.coveo-selected .family-care-icon-wrapper img:last-child, .find-product-section-wrapper .find-product-section .family-care-section .family-care-category.hover .family-care-icon-wrapper img:last-child {
    display: block;
}

.find-product-section-wrapper .find-product-section .family-care-section .CoveoTab.age-weight {
    display: inline-block;
    padding-left: 20px;
}

@media only screen and (max-width: 500px) {
    .find-product-section-wrapper .find-product-section .family-care-section .CoveoTab.age-weight {
        padding-left: 10px;
        margin-top: -18px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .CoveoTab.age-weight p {
    color: #424c5f;
    font-family: "OmnesMedium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
}

.find-product-section-wrapper .find-product-section .family-care-section .CoveoTab.age-weight.coveo-selected {
    border-bottom: none;
}

    .find-product-section-wrapper .find-product-section .family-care-section .CoveoTab.age-weight.coveo-selected p {
        color: #00205c;
    }

.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab {
        color: #424C5F;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.5px;
        line-height: 24px;
        text-align: center;
        text-decoration: none;
        border: none;
        padding: 0;
        margin-top: -2px;
        height: auto;
        text-transform: lowercase;
        border-right: 2px solid rgba(191, 204, 221, 0.4);
        margin-right: 13px;
        padding-right: 13px;
    }

        .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab:hover {
            text-decoration: none;
        }

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab {
        margin-right: 10px;
        padding-right: 10px;
        font-size: 20px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab {
        font-size: 10px;
        line-height: 12px;
        margin-right: 5px;
        padding-right: 5px;
        margin-top: 0;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab .age-name.age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab p {
    color: #424C5F;
    height: auto;
    line-height: normal;
    border: none;
    line-height: 24px;
    padding: 0;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab .age-name.age-weight,
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab p {
        font-size: 20px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 500px) {
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab .age-name.age-weight,
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab p {
        font-size: 10px;
        line-height: 12px;
        white-space: nowrap;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.coveo-selected .age-name.age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.coveo-selected p, .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.active .age-name.age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.active p, .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.hover .age-name.age-weight,
.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.hover p {
    color: #00205c;
    border: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.coveo-selected .age-name.age-weight,
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.coveo-selected p, .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.active .age-name.age-weight,
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.active p, .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.hover .age-name.age-weight,
    .find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a.CoveoTab.hover p {
        line-height: 26px;
        font-size: 20px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-section .age-weight-cont a:last-of-type {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list {
    padding: 8px 0 30px;
}

@media (min-width: 992px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list {
        border-top: 0;
        padding: 8px 0 50px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list .coveo-tab-section {
    width: auto;
    min-height: initial;
    background-color: transparent;
    text-align: center;
    border-bottom: none;
    font-size: 0;
    white-space: nowrap;
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 0;
    width: 80%;
    margin: 0 auto;
    justify-content: space-around;
}

    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li {
        cursor: pointer;
        padding: 0 13px;
    }

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li {
        padding: 0 10px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li a {
    color: #000;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    text-decoration: none;
    border: none;
    display: inline-block;
}

@media (min-width: 992px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li a {
        font-size: 24px;
        line-height: 36px;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li a {
        font-size: 14px;
        line-height: 30px;
        padding: 4px 0 4px;
        height: auto;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li a p {
    height: auto;
    color: #000;
    line-height: 26px;
    text-transform: none;
    white-space: normal;
    border-bottom: none;
    font-weight: 300;
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a {
    color: #EA1B23;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    border-bottom: 2px solid #EA1B23;
}

@media (min-width: 992px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 24px;
        line-height: 36px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a:hover p {
    color: #EA1B23;
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 22px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 18px;
        line-height: 25px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a p {
    height: auto;
    color: #EA1B23;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: normal;
    font-weight: bold;
}

@media (min-width: 768px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a p {
        line-height: 26px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .promo-image-wrapper {
    text-align: left;
    padding: 0;
    /*padding-right: 30px;*/
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .promo-image-wrapper {
        min-height: 250px;
    }
}

@media only screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-products .promo-image-wrapper {
        min-height: 133px;
    }
}

@media only screen and (max-width: 320px) {
    .find-product-section-wrapper .find-product-section .family-care-products .promo-image-wrapper {
        min-height: 130px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .promo-image-wrapper img {
    max-height: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    /*@media screen and (min-width:991px) {
                        max-height: 100%;
                        height: 100%;
                        width: auto;
                        max-width: none;
                    }*/
}

.find-product-section-wrapper .find-product-section .family-care-products .ultra-comfort {
    order: 1;
}

.find-product-section-wrapper .find-product-section .family-care-products .promo-image-end-wrapper {
    text-align: right;
    padding: 0;
    /*padding-left: 30px;*/
    order: 2;
}

.find-product-section-wrapper .find-product-section .family-care-products .feature-description {
    text-align: left;
    display: flex;
    align-items: flex-end;
    padding: 0;
}

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description.yellow-bg {
        background-color: #ECC099;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description.beige-bg {
        background-color: #f5f4f3;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description.redbg {
        background-color: #00205c;
    }

        .find-product-section-wrapper .find-product-section .family-care-products .feature-description.redbg div:first-child h3 {
            color: #fff;
        }

        .find-product-section-wrapper .find-product-section .family-care-products .feature-description.redbg div:first-child .feature-desc-text {
            color: #fff;
        }

        .find-product-section-wrapper .find-product-section .family-care-products .feature-description.redbg div:first-child .explore-link {
            color: #fff;
        }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child {
        margin-left: 30px;
        margin-right: 15px;
    }

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child {
        margin-left: 10px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child h3 {
    color: #424C5F;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin: 28px 0 15px;
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child h3 {
        margin: 10px 0;
    }
}

@media screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child h3 {
        margin: 8px 0 3px;
        font-size: 16px;
        line-height: 20px;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child .feature-desc-text {
    color: #424C5F;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.5px;
    line-height: 24px;
    padding: 6px 0 33px;
}

@media (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child .feature-desc-text {
        padding: 0 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child .feature-desc-text {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.25px;
        color: #424C5F;
        padding-bottom: 0;
    }
}

.find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child .explore-link {
    color: #00205c;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    padding: 0 0 11px;
    display: inline-block;
}

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child .explore-link img {
        width: 10px;
        height: 13px;
        margin: 0 0 -1px 9px;
        transform: scaleX(1);
        vertical-align: baseline;
    }

@media only screen and (max-width: 500px) {
    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child .explore-link img {
        height: 8px;
        width: 5px;
        vertical-align: middle;
        margin-top: -2px;
    }
}

@media only screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-products .feature-description div:first-child .explore-link {
        font-size: 14px;
        line-height: 16px;
        padding-top: 10px;
    }
}

/*Product page styles start*/
.product-page-banner {
    position: relative;
}

    .product-page-banner .product-offer-percentage {
        position: absolute;
        top: 80px;
        right: 160px;
        max-width: 300px;
        text-align: center;
    }

        .product-page-banner .product-offer-percentage h2 {
            color: #273040;
            font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
            font-size: 40px;
            line-height: 40px;
            text-align: center;
            margin: 0;
        }

@media (max-width: 767.98px) {
    .product-page-banner .product-offer-percentage h2 {
        font-size: 34px;
        line-height: 20px;
    }
}

.product-page-banner .product-offer-percentage h2 span {
    font-weight: 600;
}

.product-page-banner .product-offer-percentage > span {
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
}

@media (max-width: 767.98px) {
    .product-page-banner .product-offer-percentage > span {
        font-size: 16px;
        line-height: 16px;
    }
}

.product-page-banner .product-offer-percentage a {
    height: 50px;
    width: 220px;
    border-radius: 33.5px;
    background-color: #00205c;
    color: #fff;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    padding: 12px 0;
    margin-top: 30px;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .product-page-banner .product-offer-percentage a {
        font-size: 20px;
        height: 45px;
        width: 200px;
        padding: 10px 0;
    }
}

.product-page-banner .product-offer-percentage a:hover {
    background-color: #A51E14;
}

.product-page-footer .nbu-wrapper {
    text-align: center;
    padding: 50px 0;
    background-color: #fff;
}

.product-page-footer .nbu-images {
    width: 100%;
    margin: 0 auto 60px;
}

/*Product page styles end*/
@media only screen and (max-width: 991px) {
    .find-product-section-wrapper .find-product-section {
        width: 100%;
        padding: 0 0 30px;
    }

        .find-product-section-wrapper .find-product-section .family-care-section {
            width: 100%;
            padding: 0;
            padding-bottom: 16px !important;
        }
}

@media only screen and (max-width: 991px) and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-section {
        padding-bottom: 0 !important;
    }
}

@media only screen and (max-width: 991px) {
    .find-product-section-wrapper .find-product-section .family-care-section .col-4 {
        padding: 0 5px;
    }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .family-care-icon-wrapper img {
        width: 100px;
        height: 100px;
    }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-name {
        font-size: 24px;
        line-height: 28px;
    }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight {
        font-size: 20px;
        line-height: 26px;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list {
        padding: 10px 0 24px;
    }
}

@media only screen and (max-width: 991px) and (max-width: 991.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list {
        padding: 20px 0 30px;
    }
}

@media only screen and (max-width: 991px) and (max-width: 767.98px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list {
        padding: 0px 0 28px;
    }
}

@media only screen and (max-width: 991px) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type {
        width: 100%;
    }

        .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a {
            font-size: 20px;
        }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description h3 {
        font-size: 32px;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description .feature-desc-text {
        font-size: 20px;
        line-height: 26px;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description .explore-link {
        font-size: 20px;
        line-height: 28px;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .promo-image-wrapper {
        padding: 0;
        text-align: center !important;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .promo-image-end-wrapper {
        padding: 0;
        order: 1;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .ultra-comfort {
        order: 2;
    }

    .find-product-section-wrapper.explore-product .find-product-section {
        padding: 0 0 30px;
    }

        .find-product-section-wrapper.explore-product .find-product-section .new-main-heading {
            margin-top: 0;
            margin-bottom: 10px;
        }
}

@media only screen and (max-width: 991px) and (max-width: 767px) {
    .find-product-section-wrapper.explore-product .find-product-section .new-main-heading {
        margin-bottom: 4px;
    }
}

@media only screen and (max-width: 991px) {
    .product-page-banner .product-offer-percentage {
        right: 35px;
    }

        .product-page-banner .product-offer-percentage a {
            font-size: 24px;
            height: 60px;
            width: 270px;
            padding: 15px 0;
            margin-top: 20px;
        }

    .product-page-footer .nbu-images {
        width: 100%;
    }

        .product-page-footer .nbu-images img {
            width: 100%;
            margin-bottom: 20px;
        }
}

@media (max-width: 767.98px) {
    /*Product page styles start*/
    .product-page-banner picture img {
        min-height: 320px;
    }

    .product-page-banner .product-offer-percentage {
        max-width: 200px;
        right: 5%;
    }

        .product-page-banner .product-offer-percentage > span {
            font-size: 18px;
            line-height: 20px;
        }

        .product-page-banner .product-offer-percentage a {
            font-size: 20px;
            height: 45px;
            width: 200px;
            padding: 10px 0;
        }
}

@media only screen and (max-width: 767px) {
    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .family-care-icon-wrapper img {
        width: 50px;
        height: 50px;
    }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-name {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
    }

    .find-product-section-wrapper .find-product-section .family-care-section .family-care-category .age-weight {
        font-size: 10px;
        line-height: 14px;
        font-weight: 500;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description .feature-desc-text {
        font-size: 12px;
        line-height: 16px;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .feature-description .explore-link {
        font-size: 14px;
        line-height: 14px;
    }

    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .product-type li.active a {
        font-size: 14px;
    }
}

/*Main banner styles start*/
.main-banner-container {
    position: relative;
    height: 320px;
    overflow: hidden;
}

@media only screen and (max-width: 360px) {
    .main-banner-container {
        height: 160px;
    }
}

@media only screen and (min-width: 361px) and (max-width: 500px) {
    .main-banner-container {
        height: 180px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
    .main-banner-container {
        height: 370px;
    }
}

@media only screen and (min-width: 801px) and (max-width: 850px) {
    .main-banner-container {
        height: 386px;
    }
}

@media only screen and (min-width: 851px) and (max-width: 900px) {
    .main-banner-container {
        height: 414px;
    }
}

@media only screen and (min-width: 901px) and (max-width: 991px) {
    .main-banner-container {
        height: 440px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .main-banner-container {
        height: 220px;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1440px) {
    .main-banner-container {
        height: 284px;
    }
}

@media only screen and (min-width: 1600px) {
    .main-banner-container {
        height: 360px;
    }
}

.main-banner-container picture {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    overflow: hidden;
    min-width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
}

    .main-banner-container picture img {
        transform: scaleX(1);
        height: auto;
        width: 100%;
    }

@media only screen and (min-width: 1441px) {
    .main-banner-container picture img {
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
}

@media only screen and (max-width: 1440px) and (min-width: 992px) {
    .main-banner-container picture img {
        height: 100%;
        width: auto;
    }
}

.main-banner-container .product-offer-percentage {
    left: 50%;
    min-width: 30%;
    max-width: 35%;
    position: relative;
    top: 50%;
    transform: translate(0%, -50%);
    text-align: left;
    right: unset;
}

    .main-banner-container .product-offer-percentage h2 {
        color: #273040;
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 500;
        font-size: 40px;
        line-height: 40px;
        margin: 0;
    }

@media only screen and (max-width: 500px) {
    .main-banner-container .product-offer-percentage h2 {
        font-size: 20px;
        line-height: 20px;
    }
}

.main-banner-container .product-offer-percentage h2 span {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 600;
}

.main-banner-container .product-offer-percentage > span {
    color: #273040;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    display: inline-block;
    width: 100%;
}

@media only screen and (max-width: 500px) {
    .main-banner-container .product-offer-percentage > span {
        font-size: 16px;
        line-height: 16px;
    }
}

.main-banner-container .product-offer-percentage a {
    height: 50px;
    width: auto;
    border-radius: 33.5px;
    background-color: #00205c;
    color: #fff;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    padding: 12px 10px;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    min-width: 200px;
}

@media (max-width: 991.98px) {
    .main-banner-container .product-offer-percentage a {
        font-size: 24px;
        line-height: 26px;
        height: auto;
        width: auto;
        padding: 15px 20px;
    }
}

@media only screen and (max-width: 500px) {
    .main-banner-container .product-offer-percentage a {
        font-size: 14px;
        line-height: 15px;
        padding: 5px;
    }
}

.main-banner-container .product-offer-percentage a:hover {
    background-color: #A51E14;
}

@media only screen and (max-width: 1200px) {
    .main-banner-container .product-offer-percentage {
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    .main-banner-container .product-offer-percentage {
        text-align: center;
    }

        .main-banner-container .product-offer-percentage a {
            font-size: 24px;
            height: 60px;
            width: 270px;
            padding: 15px 0;
            margin-top: 20px;
        }
}

@media (max-width: 767.98px) {
    .main-banner-container .product-offer-percentage {
        text-align: center;
    }

        .main-banner-container .product-offer-percentage > span {
            font-size: 18px;
            line-height: 20px;
        }

        .main-banner-container .product-offer-percentage a {
            font-size: 20px;
            height: 45px;
            width: 200px;
            padding: 10px 0;
        }
}

@media only screen and (max-width: 500px) {
    .main-banner-container .product-offer-percentage {
        text-align: center;
    }

        .main-banner-container .product-offer-percentage h2 {
            font-size: 24px;
        }

        .main-banner-container .product-offer-percentage > span {
            font-size: 16px;
        }

        .main-banner-container .product-offer-percentage a {
            width: auto;
            height: 30px;
            font-size: 14px;
            padding: 6px 18px;
        }
}

/*Main banner styles end*/
.btn-result {
    height: 50px;
    width: 220px;
    border-radius: 33.5px;
    background-color: #00205c;
    color: #fff;
    font-family: "OmnesMedium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    padding: 12px 0;
    text-decoration: none;
    margin-bottom: 40px;
}

    .btn-result:hover {
        background-color: #A51E14;
    }

@media (max-width: 991.98px) {
    .btn-result {
        font-size: 24px;
        line-height: 26px;
        height: auto;
        width: auto;
        padding: 15px 20px;
    }
}

@media (max-width: 767.98px) {
    .btn-result {
        font-size: 14px;
        line-height: 15px;
        padding: 10px 23px;
        margin-bottom: 30px;
    }
}

/*add review button starts*/
.btn-red-add {
    border: 2px solid #00205c;
    background-color: #fff;
    color: #00205c;
    text-align: center;
    border-radius: 24px;
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    height: auto;
    width: 220px;
    padding: 9px 23px;
    outline: none;
}

    .btn-red-add:hover, .btn-red-add:focus, .btn-red-add:active {
        border: 2px solid #B02116;
        background-color: #fff;
        color: #B02116;
        outline: none;
    }

@media (max-width: 767.98px) {
    .btn-red-add {
        font-size: 24px;
        line-height: 26px;
        border-radius: 34px;
        padding: 15px 23px 15px;
        width: 62%;
    }
}

@media screen and (max-width: 500px) {
    .btn-red-add {
        font-size: 12px;
        line-height: 14px;
    }
}

/*add review button ends*/
/*buy button starts*/
.btn-buy-prod {
    border: 2px solid #00205c;
    background-color: #00205c;
    color: #ffffff;
    text-align: center;
    border-radius: 33px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    height: auto;
    width: 100%;
    padding: 12px 32px;
    outline: none;
}

    .btn-buy-prod:hover, .btn-buy-prod:focus, .btn-buy-prod:active {
        border: 2px solid #B02116 !important;
        background-color: #B02116;
        color: #ffffff;
        box-shadow: none !important;
        outline: none;
    }

@media (max-width: 767.98px) {
    .btn-buy-prod {
        font-size: 24px;
        line-height: 26px;
        padding: 15px 16px;
    }
}

/*buy button ends*/
.btn-reset-filter {
    border: 2px solid #00205c;
    color: #ffffff;
    text-align: center;
    border-radius: 24px;
    background-color: #00205c;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 22px;
    height: 40px;
    width: 120px;
}

    .btn-reset-filter.disabled {
        border: 2px solid #BFCCDD;
        background-color: #BFCCDD;
        opacity: 1;
    }

        .btn-reset-filter.disabled:hover, .btn-reset-filter.disabled:focus, .btn-reset-filter.disabled:active {
            border: 2px solid #BFCCDD;
            background-color: #BFCCDD;
            color: #ffffff;
            box-shadow: none !important;
        }

    .btn-reset-filter:hover, .btn-reset-filter:focus, .btn-reset-filter:active {
        border: 2px solid #00205c;
        background-color: #00205c;
        color: #ffffff;
        box-shadow: none !important;
    }

@media (max-width: 991.98px) {
    .btn-reset-filter {
        line-height: 26px;
        height: 60px;
        width: 154px;
        padding: 15px 20px 16px;
        border-radius: 33.5px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .btn-reset-filter {
        border-radius: 17px;
        height: 30px;
        font-size: 12px;
        line-height: 14px;
        padding: 6px 10px;
        width: auto;
        min-width: 80px;
    }
}

/*buy button starts*/
.btn-submit {
    padding: 12px 43px;
    width: 220px;
}

@media (max-width: 767.98px) {
    .btn-submit {
        padding: 15px 37px;
        width: 60%;
    }
}

/*buy button ends*/
.btn-detail {
    padding: 12px 43px;
    width: 220px;
}

@media (max-width: 767.98px) {
    .btn-detail {
        font-size: 16px;
        padding: 0px 3px;
        width: 136px;
    }
}

@media only screen and (max-width: 500px) {
    .btn-detail {
        font-size: 14px;
    }
}

.btn-download {
    padding: 6px 6px;
    width: 200px;
}

@media (max-width: 767.98px) {
    .btn-download {
        font-size: 14px;
        width: 136px;
    }
}

.common-breadcrumb .breadcrumb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    padding: 12px 0 10px;
    margin: 0;
    width: 100%;
    overflow-y: scroll;
    background: transparent;
}

@media (min-width: 576px) {
    .common-breadcrumb .breadcrumb {
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .common-breadcrumb .breadcrumb {
        padding: 20px 0;
    }
}

.common-breadcrumb .breadcrumb .breadcrumb-item:last-child a {
    cursor: default;
}

.common-breadcrumb .breadcrumb .breadcrumb-item a {
    list-style: none;
    color: #EA1B23;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-size: 12px;
}

@media (min-width: 768px) {
    .common-breadcrumb .breadcrumb .breadcrumb-item a {
        font-size: 18px;
    }
}

.common-breadcrumb .breadcrumb .breadcrumb-item a:hover {
    text-decoration: none;
    color: #FF00BB;
}

.common-breadcrumb .breadcrumb .breadcrumb-item.active a {
    color: #000;
}

.content-header .heading-text {
    color: #273040;
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 0px;
}

@media screen and (max-width: 500px) {
    .content-header .heading-text {
        font-size: 20px;
    }
}

.content-header .heading-content-text {
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #424C5F;
    font-size: 18px;
    line-height: 24px;
    padding: 20px 20px;
    margin-bottom: 0px;
}

@media (max-width: 767.98px) {
    .content-header .heading-content-text {
        padding: 20px 0px;
    }
}

@media (max-width: 991.98px) {
    .content-header .heading-content-text {
        line-height: 26px;
    }
}

@media screen and (max-width: 500px) {
    .content-header .heading-content-text {
        line-height: 20px;
        font-size: 12px;
    }
}

.content-header p {
    margin-bottom: 0px;
}

.heading-content-sub-text {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    color: #273040;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0px;
}

@media (max-width: 767.98px) {
    .heading-content-sub-text {
        font-size: 16px;
    }
}

.heading-special-offer-sub-text {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #424C5F;
    line-height: 26px;
    text-align: center;
    padding: 0px 30px;
}

@media (max-width: 767.98px) {
    .heading-special-offer-sub-text {
        font-size: 14px;
        padding: 0px;
    }
}

.buy-now-product-name {
    font-weight: 600;
}

/*read more starts*/
.read-more-link a.read-more-text {
    color: #000;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .read-more-link a.read-more-text {
        font-size: 24px;
    }
}

@media screen and (max-width: 500px) {
    .read-more-link a.read-more-text {
        font-size: 14px;
        line-height: 16px;
    }
}

.read-more-link a.read-more-text .link-arrow {
    padding-left: 10px;
    transform: scaleX(1);
}

@media (max-width: 991.98px) {
    .read-more-link a.read-more-text .link-arrow {
        width: auto !important;
    }
}

@media only screen and (max-width: 500px) {
    .read-more-link a.read-more-text .link-arrow {
        padding-left: 5px;
        width: 10px !important;
        height: 10px !important;
    }
}

.read-more-link a:hover {
    text-decoration: none;
}

/*read more starts*/
hr {
    border: 1px solid #BFCCDD;
    margin-bottom: 40px;
}

.form-check {
    color: #424C5F;
    margin-top: 20px;
    padding-left: 1.25rem;
}

@media (max-width: 767.98px) {
    .form-check {
        margin-top: 29px;
    }
}

.form-check input[type="checkbox"] {
    opacity: 0;
    padding-top: 20px;
}

    .form-check input[type="checkbox"] + label {
        cursor: pointer;
        padding-left: 10px;
        font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
        margin-left: 5px;
    }

        .form-check input[type="checkbox"] + label:before {
            content: "";
            display: inline-block;
            height: 25px;
            width: 25px;
            border: 1px solid #BFCCDD;
            border-radius: 6px;
            position: absolute;
            z-index: 1;
            left: 0;
            cursor: pointer;
            margin-top: 2px;
        }

    .form-check input[type="checkbox"]:checked + label:after {
        content: url(../img/checkmark.svg);
        display: inline-block;
        position: absolute;
        left: 0px;
        padding: 0px 2px;
        top: 2px;
        font-size: 15px;
        color: #000;
        cursor: pointer;
        z-index: 9999;
        border: 2px solid #424C5F;
        width: 25px;
        height: 25px;
        border-radius: 6px;
    }

.input-field-text {
    box-sizing: border-box;
    height: 41px;
    font-size: 20px;
    line-height: 40px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    border: 1px solid #BFCCDD;
    border-radius: 8px;
    padding: 0px 15px;
    color: #273040;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .input-field-text {
        height: 62px;
        font-size: 24px;
        margin-top: 4px;
    }
}

.input-field-text::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #BFCCDD;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .input-field-text::-webkit-input-placeholder {
        font-size: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .input-field-text::-webkit-input-placeholder {
        font-size: 14px;
    }
}

.input-field-text::-moz-placeholder {
    /* Firefox 19+ */
    color: #BFCCDD;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

@media only screen and (max-width: 500px) {
    .input-field-text::-moz-placeholder {
        font-size: 14px;
    }
}

.input-field-text:-ms-input-placeholder {
    /* IE 10+ */
    color: #BFCCDD;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

@media only screen and (max-width: 500px) {
    .input-field-text:-ms-input-placeholder {
        font-size: 14px;
    }
}

.input-field-text:-moz-placeholder {
    /* Firefox 18- */
    color: #BFCCDD;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

@media only screen and (max-width: 500px) {
    .input-field-text:-moz-placeholder {
        font-size: 14px;
    }
}

.form-control:focus {
    border-color: none;
    box-shadow: none;
}

.form-control:disabled {
    color: #BFCCDD;
    font-style: italic;
}

form.was-validated .form-control:invalid {
    border: 1px solid #00205c;
    font-size: 18px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    color: #424C5F;
    line-height: 24px;
    padding-right: 20px;
    background-image: none;
}

form.was-validated .form-control:valid {
    border: 1px solid #BFCCDD;
    font-size: 18px;
    color: #424C5F;
    padding-right: 20px;
    background-image: none;
}

    form.was-validated .form-control:valid:focus {
        border-color: #BFCCDD;
        box-shadow: none;
    }

form.was-validated .form-control.is-valid:focus {
    border-color: #BFCCDD;
    box-shadow: none;
}

form.was-validated .form-control:focus {
    box-shadow: none;
}

form.was-validated .form-control:invalid:focus {
    border-color: #00205c;
    box-shadow: none;
}

form.was-validated .form-control.is-invalid:focus {
    border-color: #00205c;
    box-shadow: none;
}

form.was-validated .invalid-feedback {
    color: #00205c;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
}

.customCheckbox span {
    display: none;
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 1px solid #BFCCDD;
    border-radius: 6px;
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    margin-top: 2px;
}

@media (max-width: 767.98px) {
    .customCheckbox span {
        height: 36px;
        width: 36px;
    }
}

.customCheckbox input {
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.customCheckbox.customCheckboxChecked span {
    content: url(./../../../../../../src/Project/andrexMB/code/Images/checkmark.svg);
    display: inline-block;
    position: absolute;
    left: 0;
    padding: 0px 2px;
    font-size: 15px;
    color: #000;
    cursor: pointer;
    z-index: 1;
    border: 2px solid #424C5F;
    width: 25px;
    height: 25px;
    border-radius: 6px;
}

@media (max-width: 767.98px) {
    .customCheckbox.customCheckboxChecked span {
        height: 36px;
        width: 36px;
    }
}

.customCheckbox.customCheckboxChecked span:before {
    content: url(./../../../../../../src/Project/andrexMB/code/Images/checkmark.svg);
    display: inline-block;
}

.customCheckbox + label {
    margin-left: 13px;
}

@media (max-width: 767.98px) {
    .customCheckbox + label {
        margin-left: 27px;
    }
}

@media (min-width: 992px) {
    .padding-right-0 {
        padding-right: 0px !important;
    }

    .padding-left-0 {
        padding-left: 0px !important;
    }

    .padding-lr {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 767.98px) {
    .padding-0-mob {
        padding: 0px !important;
    }

    .padding-left-0-mob {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 500px) {
    .customCheckbox span,
    .customCheckbox.customCheckboxChecked span {
        height: 24px;
        width: 24px;
    }
}

.join-now-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    padding: 14px 0;
    min-height: 240px;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    .join-now-wrapper {
        padding: 0;
    }
}

@media only screen and (max-width: 600px) {
    .join-now-wrapper {
        min-height: 200px;
    }
}

@media only screen and (max-width: 500px) {
    .join-now-wrapper {
        padding: 0;
        min-height: 160px;
    }
}

.join-now-wrapper picture {
    width: 100%;
}

    .join-now-wrapper picture img,
    .join-now-wrapper picture img.join-cta-bg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        height: 100%;
        max-width: unset;
    }

.join-now-wrapper .join-now-content {
    position: absolute;
    right: 15px;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #273040;
    font-weight: 500;
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .join-now-wrapper .join-now-content {
        font-size: 20px;
        line-height: 20px;
        right: 15px;
        /*left: 0;*/
    }
}

.join-now-wrapper .join-now-content .join-now-text {
    margin-bottom: 0px;
}

    .join-now-wrapper .join-now-content .join-now-text span {
        font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 600;
    }

.join-now-wrapper .join-now-content .join-sub-text {
    font-size: 24px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .join-now-wrapper .join-now-content .join-sub-text {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.no-baby-unhugged-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 50px 0;
    min-height: 360px;
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .no-baby-unhugged-wrapper {
        margin: 15px 0 25px;
        min-height: unset;
    }
}

@media screen and (max-width: 500px) {
    .no-baby-unhugged-wrapper {
        margin: 15px 0 25px;
    }
}

.no-baby-unhugged-wrapper picture {
    width: auto;
}

@media (max-width: 991.98px) {
    .no-baby-unhugged-wrapper picture {
        width: 100%;
    }
}

.no-baby-unhugged-wrapper picture .no-baby-unhugged-bg {
    width: auto;
    max-width: none;
    min-height: 360px;
}

@media (max-width: 991.98px) {
    .no-baby-unhugged-wrapper picture .no-baby-unhugged-bg {
        min-height: auto;
        width: 100%;
        max-width: 100%;
    }
}

.no-baby-unhugged-wrapper .no-baby-unhugged-content {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 18%;
    align-self: center;
    align-content: center;
    background: white;
    background: linear-gradient(90deg, white 60%, rgba(0, 0, 0, 0) 100%);
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    text-align: left;
}

@media (max-width: 1199.98px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content {
        width: 70%;
        padding-left: 14%;
    }
}

@media (max-width: 991.98px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content {
        padding-left: 15px;
        background: linear-gradient(90deg, white 40%, rgba(0, 0, 0, 0) 100%);
        width: 65%;
    }

        .no-baby-unhugged-wrapper .no-baby-unhugged-content .read-more-link a.read-more-text {
            font-size: 16px;
        }
}

@media screen and (max-width: 500px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content {
        background: linear-gradient(90deg, white 30%, rgba(0, 0, 0, 0) 100%);
        width: 65%;
    }

        .no-baby-unhugged-wrapper .no-baby-unhugged-content .read-more-link a.read-more-text {
            font-size: 14px;
            line-height: 16px;
        }
}

@media screen and (max-width: 340px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content {
        background: linear-gradient(90deg, white 30%, rgba(0, 0, 0, 0) 100%);
        width: 80%;
    }
}

.no-baby-unhugged-wrapper .no-baby-unhugged-content .nbu-logo-img {
    max-width: 388px;
}

@media (max-width: 1199.98px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .nbu-logo-img {
        padding-left: 15px;
        max-width: 200px;
    }
}

@media (max-width: 767.98px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .nbu-logo-img {
        max-width: 130px;
        margin-top: 5px;
    }
}

.no-baby-unhugged-wrapper .no-baby-unhugged-content .no-baby-unhugged-text {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #273040;
    margin-bottom: 0px;
    padding: 30px 0px 10px;
    max-width: 59%;
    text-align: center;
}

@media (max-width: 991.98px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .no-baby-unhugged-text {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        line-height: 22px;
        padding: 11px 0px 5px;
        font-weight: 500;
    }
}

@media (max-width: 767.98px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .no-baby-unhugged-text {
        max-width: 85%;
    }
}

@media screen and (max-width: 500px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .no-baby-unhugged-text {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 0 2px;
    }
}

.no-baby-unhugged-wrapper .no-baby-unhugged-content .read-more-link {
    max-width: 60%;
    text-align: center;
}

@media screen and (max-width: 500px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .read-more-link {
        max-width: 65%;
    }
}

@media screen and (max-width: 340px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .read-more-link {
        max-width: 80%;
    }
}

.white-shadow {
    background: -moz-linear-gradient(90deg, #020024 0%, rgba(238, 239, 252, 0) 0%, #f3f5f7 25%);
    background: -webkit-gradient(90deg, #020024 0%, rgba(238, 239, 252, 0) 0%, #f3f5f7 25%);
    background: linear-gradient(90deg, #020024 0%, rgba(238, 239, 252, 0) 0%, #f3f5f7 25%);
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    height: 100%;
    width: 48%;
    top: 0;
    position: absolute;
    right: 0;
    opacity: .89;
    z-index: 0;
}

@media (max-width: 767.98px) {
    .white-shadow {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        width: 57%;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .join-now-wrapper .join-now-content {
        top: 10%;
    }

    .gigya-screen .gigya-composite-control.gigya-composite-control-password input::-ms-clear,
    .gigya-screen .gigya-composite-control.gigya-composite-control-password input::-ms-reveal {
        display: none;
    }

    .no-baby-unhugged-wrapper .no-baby-unhugged-content .nbu-logo-img {
        max-width: 388px;
        width: 388px;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 991.98px), (-ms-high-contrast: active) and (max-width: 991.98px) {
    .no-baby-unhugged-wrapper .no-baby-unhugged-content .nbu-logo-img {
        width: 200px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .find-product-section-wrapper .find-product-section .family-care-products .product-type-list .coveo-tab-section {
        width: auto;
    }

    .baby-bag-container .baby-bag-tool .pregnancy-tool-wrapper {
        display: block !important;
    }
}

.popup {
    width: 100%;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
}

.modal {
    padding-left: 0px !important;
}

@media (max-width: 991.98px) {
    .modal .modal-dialog {
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media (max-width: 767.98px) {
    .modal .modal-dialog {
        margin: 0;
    }
}

.modal .modal-container {
    max-width: 945px;
    border-radius: 36px;
    margin-top: 73px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    -moz-box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
}

@media (max-width: 767.98px) {
    .modal .modal-container {
        border-radius: initial;
        margin-top: 0px;
    }
}

.modal .modal-container .modal-content {
    border: none;
    border-radius: 0px;
}

@media (max-width: 767.98px) {
    .modal .modal-container .modal-content {
        border-radius: initial;
    }
}

.modal .modal-container .modal-content .modal-header {
    padding: 0;
    border-bottom: none;
}

.modal .modal-container .modal-content .modal-body {
    padding: 40px 50px;
}

@media (max-width: 767.98px) {
    .modal .modal-container .modal-content .modal-body {
        padding: 35px 0px 40px;
        min-height: 740px;
        display: flex;
        align-items: flex-start;
    }
}

@media screen and (max-width: 500px) {
    .modal .modal-container .modal-content .modal-body {
        padding: 15px 0px 40px !important;
    }
}

.modal .modal-container .modal-content .modal-body .container .offset-md-2 {
    margin-left: 13%;
}

@media (max-width: 767.98px) {
    .modal .modal-container .modal-content .modal-body .container .offset-md-2 {
        margin: 0px;
    }
}

.modal .modal-container .modal-content .modal-body .container .popup-bold-text {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    padding: 30px 0px;
    color: #424C5F;
}

@media (max-width: 767.98px) {
    .modal .modal-container .modal-content .modal-body .container .popup-bold-text {
        padding: 40px 0px 49px;
    }
}

@media only screen and (max-width: 500px) {
    .modal .modal-container .modal-content .modal-body .container .popup-bold-text {
        font-size: 16px;
    }
}

.modal .show {
    opacity: 0.9 !important;
}

.modal-backdrop {
    background-color: rgba(243, 245, 247, 0.8);
}

    .modal-backdrop.show {
        opacity: 0.9 !important;
    }

/*popup close button starts*/
.close-button {
    opacity: 1;
    z-index: 1;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 41px;
    right: 40px;
    background-color: #ffffff !important;
    border-radius: 30px;
    line-height: 16px;
    padding: 13px 16px !important;
    -webkit-box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    -moz-box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    outline: 0 !important;
}

    .close-button:hover {
        opacity: 1 !important;
        outline: 0 !important;
    }

    .close-button:focus, .close-button:active {
        outline: 0 !important;
    }

@media (max-width: 767.98px) {
    .close-button {
        top: 45px;
        right: 35px;
        padding: 0;
    }
}

@media only screen and (max-width: 500px) {
    .close-button {
        top: 30px;
        right: 30px;
        width: 38px;
        height: 38px;
        padding: 8px 10px !important;
    }
}

.close-button .close-icon {
    color: rgba(66, 76, 95, 0.15);
    font-size: 50px;
    font-weight: 500;
}

/*popup close button ends*/
@media (max-width: 991.98px) {
    .common-modal .modal-dialog {
        max-width: initial;
        width: 100%;
        height: 100%;
        margin: 0;
    }
}

.common-modal .modal-content {
    border-radius: 0px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    border: none;
    text-align: center;
}

@media (max-width: 991.98px) {
    .common-modal .modal-content {
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        height: 100%;
    }
}

.common-modal .modal-content .modal-header {
    padding: 0;
    display: block;
    border: none;
}

.common-modal .modal-content .modal-body {
    padding: 35px 50px 40px 50px;
}

@media (max-width: 991.98px) {
    .common-modal .modal-content .modal-body {
        padding-top: 32%;
    }
}

.common-modal .modal-content .close-button {
    top: 40px;
    right: 60px;
}

@media (max-width: 991.98px) {
    .common-modal .modal-content .close-button {
        top: 40px;
        right: 40px;
    }
}

.common-modal .modal-content .close-button .close-modal {
    font-size: 50px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    margin: 7px -5px;
    color: #424C5F;
}

.common-modal .modal-content .heading {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 40px;
    color: #273040;
}

@media only screen and (max-width: 500px) {
    .common-modal .modal-content .heading {
        font-size: 20px;
        line-height: 26px;
    }
}

.common-modal .modal-content p {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #424C5F;
    margin: 24px auto 5px auto;
    max-width: 85%;
}

@media only screen and (max-width: 500px) {
    .common-modal .modal-content p {
        font-size: 16px;
        line-height: 20px;
    }
}

.common-modal .modal-content p.sub-title {
    font-size: 30px;
    margin-bottom: 0;
}

@media (max-width: 991.98px) {
    .common-modal .modal-content p.sub-title {
        margin-top: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .common-modal .modal-content p.sub-title {
        font-size: 18px;
        line-height: 20px;
    }
}

.common-modal .modal-content span {
    font-family: "OmnesSemiBoldItalic", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    line-height: 40px;
    color: #273040;
}

@media only screen and (max-width: 500px) {
    .common-modal .modal-content span {
        font-size: 16px;
        line-height: 20px;
    }
}

.common-modal .modal-content .button-wrap {
    padding-top: 66px;
}

@media (max-width: 991.98px) {
    .common-modal .modal-content .button-wrap {
        padding-top: 55px;
    }
}

.common-modal .modal-content .button-wrap .btn {
    border-radius: 24px;
    height: 50px;
    padding: 0px 75px;
}

@media (max-width: 991.98px) {
    .common-modal .modal-content .button-wrap .btn {
        height: 60px;
        border-radius: 33px;
        line-height: 60px;
        font-size: 24px;
    }
}

@media only screen and (max-width: 500px) {
    .common-modal .modal-content .button-wrap .btn {
        height: 30px;
        font-size: 14px;
        line-height: 30px;
        padding: 0px 35px;
    }
}

.signin-container .content-header .heading-text {
    margin-top: 0;
}

/**New VD signin popup changes*/
#signIn .modal-container .modal-content {
    border-radius: 0;
}

    #signIn .modal-container .modal-content .modal-header .close-button {
        right: 36px;
        box-shadow: none;
        background-color: #fff !important;
        box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
        top: 31px;
    }

@media (min-width: 992px) {
    #signIn .modal-container .modal-content .modal-header .close-button {
        right: 35px;
        top: 36px;
    }
}

@media screen and (max-width: 991px) {
    #signIn .modal-container .modal-content .modal-header .close-button {
        margin: -.3rem -1rem -1rem auto;
    }
}

@media screen and (max-width: 500px) {
    #signIn .modal-container .modal-content .modal-header .close-button {
        margin: -.7rem -1rem -1rem auto;
    }
}

#signIn .modal-container .modal-content .modal-header .close-button .close-icon {
    width: 16.5px;
    height: 16.5px;
    opacity: 1;
}

@media screen and (max-width: 500px) {
    #signIn .modal-container .modal-content .modal-header .close-button .close-icon {
        width: 17px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #dwnld-coupon-box .close-button,
    #addReviewModal .close-button {
        right: 25px;
    }
}

.static-page-container {
    word-break: break-word;
    padding-bottom: 100px;
    width: 82%;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .static-page-container {
        width: 100%;
        padding: 0 15px 50px;
    }
}

@media (max-width: 767.98px) {
    .static-page-container {
        padding: 0 15px 50px;
    }
}

@media (max-width: 767.98px) {
    .static-page-container .row {
        margin: 0;
    }
}

.static-page-container .static-content-wrapper {
    padding: 20px 8.333% 0;
}

@media (max-width: 991.98px) {
    .static-page-container .static-content-wrapper {
        padding: 15px 0 0;
    }
}

@media (max-width: 767.98px) {
    .static-page-container .static-content-wrapper {
        padding: 15px 0 0;
    }
}

.static-page-container .static-content-wrapper p a {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    border-bottom: 0;
}

.static-page-container .content-header {
    padding: 0 8.333%;
}

@media (max-width: 991.98px) {
    .static-page-container .content-header {
        padding: 0;
    }
}

.static-page-container .content-header .heading-text {
    padding-top: 30px;
}

@media only screen and (max-width: 500px) {
    .static-page-container .content-header .heading-text {
        font-size: 20px;
        padding-top: 0;
        line-height: 25px;
    }
}

.static-page-container h3 {
    color: #424C5F;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px;
    text-align: left;
    margin-top: 10px;
}

@media only screen and (max-width: 500px) {
    .static-page-container h3 {
        font-size: 16px;
        margin-top: 0;
        line-height: 20px;
    }
}

.static-page-container .social-icons-section {
    padding: 10px 8.333%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .static-page-container .social-icons-section {
        padding: 10px 0;
    }
}

.static-page-container .social-icons-section .social-icon-title {
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    line-height: 24px;
    margin: 0 15px 0 0;
}

.static-page-container .social-icons-section .icons-wrapper figure {
    margin-bottom: 0;
}

    .static-page-container .social-icons-section .icons-wrapper figure a {
        padding-bottom: 0;
        border: none;
        text-decoration: none;
        margin-right: 15px;
        display: inline-block;
    }

        .static-page-container .social-icons-section .icons-wrapper figure a:last-child {
            margin-right: 0;
        }

.static-page-container ul {
    padding-left: 28px;
    list-style-type: none;
}

@media (max-width: 767.98px) {
    .static-page-container ul {
        padding-left: 40px;
    }
}

.static-page-container ul li {
    text-indent: -15px;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 28px;
    color: #424C5F;
    margin-bottom: 0px;
}

@media (max-width: 767.98px) {
    .static-page-container ul li {
        font-size: 24px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 500px) {
    .static-page-container ul li {
        font-size: 16px;
        line-height: 24px;
    }
}

.static-page-container ul li:before {
    content: '\2022';
    vertical-align: middle;
    display: inline-block;
    margin-top: -10px;
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin-right: 10px;
}

@media (max-width: 767.98px) {
    .static-page-container ul li:before {
        margin-top: -15px;
        font-size: 24px;
        line-height: 34px;
    }
}

.static-page-container ul li ul {
    padding-left: 60px !important;
}

@media (max-width: 767.98px) {
    .static-page-container ul li ul {
        padding-left: 40px !important;
    }
}

.static-page-container ul li ul li {
    text-indent: -10px;
}

    .static-page-container ul li ul li:before {
        margin-right: 10px;
    }

.static-page-container p {
    font-family: "Gotham Rounded Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 28px;
    color: #424C5F;
    margin-bottom: 0px;
}

@media (max-width: 767.98px) {
    .static-page-container p {
        font-size: 24px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 500px) {
    .static-page-container p {
        font-size: 16px;
        line-height: 24px;
    }
}

.static-page-container a {
    color: #424C5F;
    padding-bottom: 2px;
    border-bottom: 1px solid #424C5F;
    text-decoration: none;
}

    .static-page-container a.elink {
        font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 500;
        text-decoration: underline;
        border: 0;
    }

.static-page-container hr {
    margin: 30px 15px;
    height: 1px;
    border: none;
    background: #bfccdd;
}

@media (max-width: 767.98px) {
    .static-page-container hr {
        margin: 15px 0 10px 0;
    }
}

.static-share-section {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}

    .static-share-section .static-icons-wrapper {
        display: flex;
        align-items: center;
    }

        .static-share-section .static-icons-wrapper p {
            font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.5px;
            line-height: 24px;
            margin-right: 3px;
            color: #273040;
            margin-bottom: 0px;
        }

        .static-share-section .static-icons-wrapper figure {
            margin-bottom: 0px;
        }

            .static-share-section .static-icons-wrapper figure a {
                padding-bottom: 2px;
                border-bottom: none;
            }

                .static-share-section .static-icons-wrapper figure a img {
                    margin-left: 12px;
                }

.error-page-container {
    width: 60%;
    margin: 0 auto;
    padding: 40px 0 300px;
}

@media (max-width: 991.98px) {
    .error-page-container {
        width: 84%;
    }
}

@media only screen and (max-width: 500px) {
    .error-page-container {
        width: 96%;
    }
}

.error-page-container .error-page-content {
    text-align: center;
    font-family: "Gotham Medium", Helvetica, Roboto, Arial, sans-serif;
    font-size: 32px;
    line-height: 40px;
    color: #273040;
}

@media (max-width: 991.98px) {
    .error-page-container .error-page-content {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 500px) {
    .error-page-container .error-page-content {
        font-size: 18px;
        line-height: 24px;
    }

        .error-page-container .error-page-content img {
            width: 65px;
        }
}

.error-page-container .error-page-content .oops-text {
    font-family: "Gotham Rounded Bold", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    padding: 20px;
}

@media only screen and (max-width: 500px) {
    .error-page-container .error-page-content .oops-text {
        font-size: 20px;
    }
}

.error-page-container .error-page-content a {
    display: block;
    margin-top: 20px;
    color: #00205c;
    text-decoration: none;
    font-size: 24px;
}

@media (max-width: 991.98px) {
    .error-page-container .error-page-content a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .error-page-container .error-page-content a {
        font-size: 16px;
    }
}

.social-share-section {
    text-align: right;
    margin-bottom: 44px;
}

@media (max-width: 991.98px) {
    .social-share-section {
        margin-bottom: 22px;
    }
}

.social-share-section .social-share a {
    padding: 0 5px;
}

    .social-share-section .social-share a img {
        width: 40px;
        height: 40px;
    }

@media (max-width: 991.98px) {
    .social-share-section .social-share a img {
        width: 30px;
        height: 30px;
    }
}

.home .banner-section .button-group {
    display: none;
}

.feature_mark {
    width: 17px;
    height: 33px;
    background: url(../img/locate-icon.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    cursor: pointer;
}

@media (min-width: 768px) {
    .feature_mark {
        width: 23px;
    }
}

@media (max-width: 991.98px) {
    .feature_mark {
        width: 10px;
    }
}

.feature_mark.active {
    z-index: 100;
    display: flex;
    justify-content: center;
}

    .feature_mark.active :after {
        bottom: -4px;
        left: 49%;
        content: " ";
        height: 10px;
        width: 10px;
        position: absolute;
        pointer-events: none;
        background: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.ingredients_text_wrapper {
    position: absolute;
    background: #fff;
    min-width: 400px;
    padding: 21px 20px;
    font-size: 16px;
    bottom: 42px;
    border-radius: 17px;
    -webkit-box-shadow: 0 3px 6px 2px rgba(51, 51, 51, 0.2);
    box-shadow: 0 3px 6px 2px rgba(51, 51, 51, 0.2);
}

@media (max-width: 767.98px) {
    .ingredients_text_wrapper {
        min-width: 350px;
        max-width: 350px;
        padding: 10px;
        font-size: 14px;
    }
}

.ingredients_text_wrapper .close-button {
    height: 30px;
    width: 30px;
    background: #FFF;
    box-shadow: 0 2px 15px 0 rgba(66, 76, 95, 0.15);
    border: 1px solid transparent;
    padding: 0 !important;
    top: 5px;
    right: 10px;
}

@media (min-width: 768px) {
    .ingredients_text_wrapper .close-button {
        top: 26px;
        right: 20px;
        margin-top: -1rem;
        padding: 0 !important;
        width: 50px;
        height: 50px;
    }
}

.ingredients_text_wrapper .close-button::after {
    width: unset;
}

.ingredients_text_wrapper .close-button:hover {
    border: 1px solid #FF00BB;
}

    .ingredients_text_wrapper .close-button:hover .icon-close {
        color: #FF00BB;
    }

.ingredients_text_wrapper .close-button .icon-close {
    font-size: 10px;
    color: #ea1b23;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 30px;
}

    .ingredients_text_wrapper .close-button .icon-close::after {
        width: unset;
    }

@media (min-width: 768px) {
    .ingredients_text_wrapper .close-button .icon-close {
        font-size: 17px;
        line-height: 50px;
    }
}

@media (max-width: 575.98px) {
    .ingredients_text_wrapper .close-button .icon-close {
        font-weight: bolder;
    }
}

.ingredients_text_wrapper img {
    max-width: 300px;
    height: auto;
}

@media (min-width: 768px) {
    .ingredients_text_wrapper img {
        max-width: 400px;
    }
}

@media (min-width: 992px) {
    .ingredients_text_wrapper img {
        max-width: 450px;
    }
}

#diaper_eua {
    left: 20%;
    top: 41%;
}

@media (max-width: 991.98px) {
    #diaper_eua {
        left: 23%;
        top: 45%;
    }
}

@media (max-width: 767.98px) {
    #diaper_eua .ingredients_text_wrapper {
        left: -610%;
    }
}

@media (max-width: 991.98px) {
    #diaper_eua .ingredients_text_wrapper {
        min-width: 332px;
        max-width: 310px;
    }
}

@media (max-width: 767.98px) {
    #diaper_eua.feature_mark.active :after {
        left: 18%;
    }
}

#diaper_peru {
    left: 28%;
    top: 63%;
}

@media (max-width: 991.98px) {
    #diaper_peru {
        left: 28%;
        top: 65.5%;
    }
}

@media (max-width: 767.98px) {
    #diaper_peru .ingredients_text_wrapper {
        left: -878%;
        min-width: 335px;
        max-width: 335px;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    #diaper_peru .ingredients_text_wrapper img {
        max-width: 267px;
    }
}

@media (max-width: 767.98px) {
    #diaper_peru.feature_mark.active :after {
        left: 26%;
    }
}

#diaper_colombia {
    left: 28.6%;
    top: 58%;
}

@media (max-width: 991.98px) {
    #diaper_colombia {
        left: 29%;
        top: 62%;
    }
}

@media (max-width: 767.98px) {
    #diaper_colombia .ingredients_text_wrapper {
        left: -878%;
        min-width: 335px;
        max-width: 335px;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    #diaper_colombia .ingredients_text_wrapper img {
        max-width: 267px;
    }
}

@media (max-width: 767.98px) {
    #diaper_colombia.feature_mark.active :after {
        left: 26%;
    }
}

#diaper_brazil {
    left: 34.4%;
    top: 69%;
}

@media (max-width: 767.98px) {
    #diaper_brazil .ingredients_text_wrapper {
        left: -809%;
    }
}

@media (max-width: 767.98px) {
    #diaper_brazil.feature_mark.active :after {
        left: 34%;
    }
}

#diaper_nigeria {
    left: 49.5%;
    top: 55%;
}

@media (max-width: 991.98px) {
    #diaper_nigeria {
        left: 49.5%;
        top: 60%;
    }
}

#diaper_quenia {
    left: 57%;
    top: 60%;
}

@media (max-width: 991.98px) {
    #diaper_quenia {
        left: 56.5%;
        top: 64%;
    }
}

@media (max-width: 767.98px) {
    #diaper_quenia .ingredients_text_wrapper {
        left: unset;
        right: -1490%;
    }
}

@media (max-width: 767.98px) {
    #diaper_quenia.feature_mark.active :after {
        left: 54%;
    }
}

#diaper_turquia {
    left: 56%;
    top: 41%;
}

@media (max-width: 991.98px) {
    #diaper_turquia {
        left: 56%;
        top: 45%;
    }
}

#diaper_australia {
    left: 83%;
    top: 73%;
}

@media (max-width: 991.98px) {
    #diaper_australia {
        left: 79%;
        top: 66%;
    }
}

@media (max-width: 767.98px) {
    #diaper_australia .ingredients_text_wrapper {
        right: -530%;
    }
}

@media (max-width: 767.98px) {
    #diaper_australia.feature_mark.active :after {
        left: 82%;
    }
}

#diaper_cazaquistao {
    left: 65%;
    top: 36%;
}

@media (max-width: 991.98px) {
    #diaper_cazaquistao {
        left: 65%;
        top: 38%;
    }
}

@media (max-width: 767.98px) {
    #diaper_cazaquistao .ingredients_text_wrapper {
        right: -1316%;
    }
}

@media (max-width: 767.98px) {
    #diaper_cazaquistao.feature_mark.active :after {
        left: 59%;
    }
}

#diaper_china {
    left: 74%;
    top: 45%;
}

@media (max-width: 767.98px) {
    #diaper_china .ingredients_text_wrapper {
        right: -882%;
    }
}

@media (max-width: 767.98px) {
    #diaper_china.feature_mark.active :after {
        left: 72%;
    }
}

#diaper_india {
    left: 67.5%;
    top: 53%;
}

@media (max-width: 991.98px) {
    #diaper_india {
        left: 66%;
        top: 55%;
    }
}

@media (max-width: 767.98px) {
    #diaper_india .ingredients_text_wrapper {
        right: -1077%;
    }
}

@media (max-width: 767.98px) {
    #diaper_india.feature_mark.active :after {
        left: 66%;
    }
}

#diaper_malasia {
    left: 73.7%;
    top: 58%;
}

@media (max-width: 991.98px) {
    #diaper_malasia {
        left: 72%;
        top: 62%;
    }
}

@media (max-width: 767.98px) {
    #diaper_malasia .ingredients_text_wrapper {
        right: -470%;
    }
}

@media (max-width: 767.98px) {
    #diaper_malasia.feature_mark.active :after {
        left: 73%;
    }
}

#diaper_russia {
    left: 69%;
    top: 28%;
}

@media (max-width: 767.98px) {
    #diaper_russia .ingredients_text_wrapper {
        right: -1082%;
    }
}

@media (max-width: 767.98px) {
    #diaper_russia.feature_mark.active :after {
        left: 66%;
    }
}

#diaper_vietname {
    left: 75%;
    top: 52%;
}

@media (max-width: 991.98px) {
    #diaper_vietname {
        left: 73%;
        top: 54%;
    }
}

@media (max-width: 767.98px) {
    #diaper_vietname .ingredients_text_wrapper {
        right: -818%;
    }
}

@media (max-width: 767.98px) {
    #diaper_vietname.feature_mark.active :after {
        left: 74%;
    }
}

#diaper_argentina {
    left: 29.4%;
    top: 82%;
}

@media (max-width: 991.98px) {
    #diaper_argentina {
        left: 31.4%;
        top: 83%;
    }
}

@media (max-width: 767.98px) {
    #diaper_argentina .ingredients_text_wrapper {
        right: -450%;
    }
}

@media (max-width: 767.98px) {
    #diaper_argentina.feature_mark.active :after {
        left: 74%;
    }
}

#diaper_bolivia {
    left: 30%;
    top: 68%;
}

#diaper_chile {
    left: 29%;
    top: 75%;
}

@media (max-width: 991.98px) {
    #diaper_chile {
        left: 31%;
    }
}

@media (max-width: 767.98px) {
    #diaper_chile .ingredients_text_wrapper {
        right: -450%;
    }
}

@media (max-width: 767.98px) {
    #diaper_chile.feature_mark.active :after {
        left: 74%;
    }
}

#diaper_paraguay {
    left: 32%;
    top: 70%;
}

@media (max-width: 767.98px) {
    #diaper_paraguay .ingredients_text_wrapper {
        left: -1084%;
        bottom: 18px;
    }
}

@media (max-width: 767.98px) {
    #diaper_paraguay.feature_mark.active :after {
        left: 33%;
    }
}

#diaper_uruguay {
    left: 33%;
    top: 75%;
}

@media (max-width: 991.98px) {
    #diaper_uruguay {
        left: 34%;
        top: 79%;
    }
}

@media (max-width: 767.98px) {
    #diaper_uruguay .ingredients_text_wrapper {
        right: -2101%;
    }
}

@media (max-width: 767.98px) {
    #diaper_uruguay.feature_mark.active :after {
        left: 37%;
    }
}

#diaper_brasil {
    left: 35%;
    top: 67%;
}

@media (max-width: 767.98px) {
    #diaper_brasil .ingredients_text_wrapper {
        right: -2095%;
    }
}

@media (max-width: 767.98px) {
    #diaper_brasil.feature_mark.active :after {
        left: 36%;
    }
}

.parallel-btn a {
    min-width: 160px;
}

@media (min-width: 768px) {
    .parallel-btn a {
        min-width: 180px;
    }
}

.parallel-btn a:first-child {
    margin-right: 15px;
}

@media (min-width: 768px) {
    .parallel-btn a:first-child {
        margin-right: 20px;
    }
}

.footer {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 16px 0px 0;
    background-color: #000;
}

@media (min-width: 768px) {
    .footer {
        padding: 30px 0 0 0;
    }
}

.footer .footer-top {
    display: flex;
    justify-content: space-between;
}

    .footer .footer-top .logo-wrap {
        width: 50%;
    }

@media (min-width: 768px) {
    .footer .footer-top .logo-wrap {
        width: auto;
    }
}

.footer .footer-top .logo-wrap img {
    width: 50px;
    height: auto;
}

@media (min-width: 768px) {
    .footer .footer-top .logo-wrap img {
        width: 75px;
    }
}

.footer .footer-top .social-share {
    width: 50%;
}

@media (min-width: 768px) {
    .footer .footer-top .social-share {
        width: 30%;
        padding-right: 0;
    }
}

.footer .footer-top .social-share .text {
    font-size: 12px;
    line-height: 30px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    color: #FFF;
    padding: 0 15px 0 0;
}

@media (min-width: 768px) {
    .footer .footer-top .social-share .text {
        font-size: 20px;
        padding: 0 10px 0 0;
    }
}

.footer .footer-top .social-share a {
    padding-right: 5px;
}

@media (min-width: 768px) {
    .footer .footer-top .social-share a {
        padding-right: 10px;
    }
}

.footer .footer-top .social-share a img {
    width: 30px;
    height: 30px;
}

@media (min-width: 768px) {
    .footer .footer-top .social-share a img {
        width: 40px;
        height: 40px;
    }
}

.footer .footer-links ul {
    display: flex;
    list-style: none;
    flex-flow: wrap column;
    justify-content: flex-start;
    width: 100%;
    height: 180px;
    padding: 0;
    margin: 5px 0 0 0;
}

@media (min-width: 992px) {
    .footer .footer-links ul {
        padding: 15px 0 15px 0;
        margin: 0;
        height: 170px;
    }
}

.footer .footer-links ul li.menu-item {
    width: 50%;
}

@media (min-width: 768px) {
    .footer .footer-links ul li.menu-item {
        width: 35%;
        padding-bottom: 15px;
    }
}

.footer .footer-links ul a {
    color: #FFF;
    font-size: 16px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    line-height: 30px;
    display: block;
    text-align: left;
}

    .footer .footer-links ul a:hover, .footer .footer-links ul a:focus {
        color: #EA1B23 !important;
        text-decoration: none;
    }

@media (min-width: 768px) {
    .footer .footer-links ul a {
        font-size: 20px;
        width: auto;
        display: inline-block;
    }
}

.footer .copy-text-container {
    background: #939598;
    padding: 10px 0;
}

@media (min-width: 992px) {
    .footer .copy-text-container {
        padding: 17px 0;
    }
}

.footer .copy-text-container .content-div {
    text-align: left;
}

@media (min-width: 768px) {
    .footer .copy-text-container .content-div {
        text-align: center;
    }
}

.footer .copy-text-container .content-div .copy-text p {
    color: #FFF;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
    line-height: 20px;
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .footer .copy-text-container .content-div .copy-text p:nth-child(2) {
        padding: 0 0 10px 0;
    }
}

@media (min-width: 768px) {
    .footer .copy-text-container .content-div .copy-text p {
        font-size: 18px;
        line-height: 20px;
    }
}

.footer .copy-text-container .content-div .copy-text a {
    text-decoration: none;
    color: #FFF;
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

.she-can-wrapper .component-title {
    margin-top: 20px;
}

.she-can-wrapper img {
    display: block;
    margin: 20px 0 20px;
}

.she-can-wrapper .primary-btn {
    margin: 20px 0 30px;
    padding: 0 20px;
}

.antibac .js-home-image-carsousel .button-group {
    display: none;
}

.antibac .primary-btn {
    padding: 0 20px;
}

.antibac .kotex-initiative .component-title {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .antibac .kotex-initiative .component-title {
        margin-top: 80px;
    }
}

.chegadeEstigma .kotex-initiative .component-title {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .chegadeEstigma .kotex-initiative .component-title {
        margin-top: 80px;
    }
}

.kotex-initiative p {
    font-size: 18px;
    font-family: "Kotex Light", Helvetica, Roboto, Arial, sans-serif;
}

#recaptcha_area {
    margin: auto;
}

.copy-text {
    padding-top: 30px;
}

.average-period-carousel .item {
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-name: anim_titles;
    -moz-animation-duration: 1s;
    -moz-animation-name: anim_titles;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0;
    -moz-animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-name: anim_titles;
    animation-timing-function: linear;
    animation-delay: 0;
    animation-fill-mode: forwards;
}

/* keyframes #anim_titles */
@-webkit-keyframes anim_titles {
    0% {
        right: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    10% {
        right: 90%;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        -moz-opacity: 0.1;
        -khtml-opacity: 0.1;
    }

    20% {
        right: 80%;
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20);
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
    }

    30% {
        right: 70%;
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
    }

    40% {
        right: 60%;
        opacity: 0.4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
    }

    50% {
        right: 50%;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
    }

    60% {
        right: 40%;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
    }

    70% {
        right: 30%;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
    }

    80% {
        right: 20%;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
    }

    90% {
        right: 10%;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
    }

    100% {
        right: 0%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}

@-moz-keyframes anim_titles {
    0% {
        right: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    10% {
        right: 90%;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        -moz-opacity: 0.1;
        -khtml-opacity: 0.1;
    }

    20% {
        right: 80%;
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20);
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
    }

    30% {
        right: 70%;
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
    }

    40% {
        right: 60%;
        opacity: 0.4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
    }

    50% {
        right: 50%;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
    }

    60% {
        right: 40%;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
    }

    70% {
        right: 30%;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
    }

    80% {
        right: 20%;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
    }

    90% {
        right: 10%;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
    }

    100% {
        right: 0%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}

.first-day-calendar td {
    cursor: pointer;
}

@keyframes anim_titles {
    0% {
        right: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

    10% {
        right: 90%;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        -moz-opacity: 0.1;
        -khtml-opacity: 0.1;
    }

    20% {
        right: 80%;
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20);
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
    }

    30% {
        right: 70%;
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
    }

    40% {
        right: 60%;
        opacity: 0.4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
    }

    50% {
        right: 50%;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
    }

    60% {
        right: 40%;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
    }

    70% {
        right: 30%;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
    }

    80% {
        right: 20%;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
    }

    90% {
        right: 10%;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
    }

    100% {
        right: 0%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}

.period-calculator-main-bg-div {
    width: 100%;
    background-color: #e6e6e6;
    position: absolute;
    z-index: 0;
}

.carousel-indicators li {
    cursor: default;
}

.track-period-heading,
.first-day-heading {
    /*font-family: Gotham-BlackItalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
    text-align: center;
}

.calender-image-div {
    text-align: center;
}

.track-period-desription,
.track-period-ps {
    /*font-family: Gotham-Book;*/
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.track-period-ps {
    margin-top: 10px;
}

.start-tracking-button,
.get-reminder-button-div span {
    border: 3px solid #000;
    text-align: center;
    /*font-family: gotham-blackitalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
}

.period-calclator-track-period,
.period-calclator-login-signup {
    float: none;
    margin: auto;
    text-align: center;
}

.start-tracking-button a,
.first-day-next-button a,
.first-day-next-button a:hover,
.start-tracking-button a:hover,
.get-reminder-button-div a,
.get-reminder-button-div a:hover {
    text-decoration: none;
    color: #000;
}

.average-period-day-count .average-period-day-number,
.average-period-day-count .average-period-day-text {
    font-family: "Kotex Bold", Helvetica, Roboto, Arial, sans-serif;
}

.first-day-back-button,
.first-day-next-button {
    display: inline-block;
}

.first-day-back-next {
    width: 200px;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}

.first-day-back-button {
    position: absolute;
    margin-left: -100px;
    padding-top: 7px;
}

    .first-day-back-button.main-carousel-back {
        padding: unset;
    }

        .first-day-back-button.main-carousel-back .icon-Arrow_left {
            font-size: 25px;
            line-height: 44px;
        }

            .first-day-back-button.main-carousel-back .icon-Arrow_left::before {
                color: #000;
            }

        .first-day-back-button.main-carousel-back:hover .icon-Arrow_left::before {
            color: #EA1B23;
        }

        .first-day-back-button.main-carousel-back a {
            text-decoration: none;
        }

.black-arrow-back-img {
    background: url("/Assets/images/period-calculator/back-arrow.png") 0 no-repeat;
    background-size: contain;
    height: 22px;
    width: 15px;
}

    .black-arrow-back-img:hover, .black-arrow-back-img:active {
        /* WUNA-1802 */
        background: url("/Assets/images/period-calculator/pink-arrow.png") 0 no-repeat;
        background-size: contain;
    }

.first-day-next-button {
    text-align: center;
    width: auto;
}

    .first-day-next-button a {
        /*font-family: gotham-blackitalic;*/
        font-family: "Gotham A", "Gotham B";
        font-style: italic;
        font-weight: 800;
        font-size: 12px;
    }

.period-calclator-login-signup .login-container {
    padding-top: 40px;
}

/*carousel indictors custom*/
.carousel-indicators {
    bottom: -60px;
}

    .carousel-indicators li {
        border: 2px solid #000;
        border-radius: 0;
        height: 6px;
        width: 20px;
    }

    .carousel-indicators .active {
        border: none;
        height: 6px;
        width: 20px;
        background-color: #ee2c74;
        margin-bottom: 1px;
    }

    .carousel-indicators li:first-of-type {
        margin-right: -2px;
    }

    .carousel-indicators li:nth-of-type(3) {
        margin-left: -2px;
    }

.carousel-control,
.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #000;
    text-decoration: none;
    opacity: 1;
    background: none !important;
}

.calculator-main-carousel > .carousel-control .glyphicon-chevron-left,
.calculator-main-carousel > .carousel-control .glyphicon-chevron-right {
    top: 100%;
    font-size: 25px;
}

.calculator-main-carousel > .carousel-control {
    width: 0;
    left: 50%;
}

/*custom carousel*/
.average-period-carousel .carousel-control,
.average-period-carousel .carousel-control.right,
.average-period-carousel .carousel-control.left {
    color: #000 !important;
    opacity: 1 !important;
    background: none;
    text-shadow: none;
    height: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .average-period-carousel .carousel-control .glyphicon-chevron-left:hover,
    .average-period-carousel .carousel-control .glyphicon-chevron-right:hover,
    .average-period-carousel .carousel-control .glyphicon-chevron-left:active,
    .average-period-carousel .carousel-control .glyphicon-chevron-right:active {
        /* WUNA-1802 */
        color: #ee2c74;
    }

.average-period-carousel {
    width: 384px;
    margin: auto;
    text-align: center;
}

    .average-period-carousel .carousel-inner {
        background-color: #ee2c74;
        height: 250px;
        width: 250px;
        border-radius: 50%;
        left: 50%;
        margin-left: -125px;
    }

/*carousel text*/
.average-period-day-number {
    /*font-family: gotham-black;*/
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 800;
    color: white;
}

.average-period-day-text {
    /*font-family: gotham-bold;*/
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    color: white;
}

/*.average-cycle-next-button {
    width: 172px;
}*/
/*.average-cycle-back-button {
    margin-left: -57px;
}*/
.login-button {
    margin: auto;
    display: inline-block;
}

    .login-button a {
        /*font-family: Gotham-blackitalic;*/
        font-family: "Gotham A", "Gotham B";
        font-style: italic;
        font-weight: 800;
        font-font: 12px;
        color: black;
        text-decoration: none;
    }

.login-label {
    /*font-family: Gotham-Book;*/
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
}

.no-thanks a {
    /*font-family: Gotham-BlackItalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.no-thanks .black-arrow-back-img {
    position: relative;
    height: 15px;
    display: inline-block;
    top: 3px;
}

.no-thanks a:hover {
    color: #ee2c74;
}

    .no-thanks a:hover .black-arrow-back-img {
        background: url("/Assets/images/period-calculator/pink-arrow.png") no-repeat;
        background-size: contain;
    }

.period-calclator-login-details {
    margin: auto;
    text-align: center;
}

    .period-calclator-login-details label {
        font-weight: normal;
    }

    .period-calclator-login-details form {
        margin-top: 50px;
    }

.period-calclator-signup-details form {
    margin-top: 10px;
}

.label-text {
    float: left;
    /*font-family: Gotham-BlackItalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
    font-size: 12px;
}

.email-id-field,
.passwd-field, .name-field {
    margin-bottom: 20px;
    /*WUNA-1735*/
    width: 100%;
    border: 2px solid #000;
    height: 41px;
    background: transparent;
    padding: 5px;
    /*font-family: Gotham-BlackItalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    /*WUNA-1735*/
}

    .email-id-field:focus,
    .passwd-field:focus,
    .name-field:focus {
        outline: none;
    }

.login-submit {
    border: 3px solid #000;
    background: none;
}

.social-login-div {
    margin-top: 30px;
}

/*new styles*/
.social-login-text {
    /*font-family: gotham-blackItalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
    font-size: 12px;
    color: #a1a1a1;
}

.social-login-icons {
    margin: 15px auto 70px auto;
}

    .social-login-icons img {
        width: 37px;
        padding: 0px 2px 0px 2px;
    }

.login-submit {
    /*font-family: Gotham-blackItalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
    font-size: 12px;
}

.period-calclator-login-details .login-submit {
    height: 44px;
    padding: 0px 30px;
}

.submit-back-div {
    position: relative;
    margin-left: 0;
}

    .submit-back-div .submit-back-img {
        margin-left: -82px;
        position: absolute;
        margin-top: 8px;
    }

.first-name-div,
.last-name-div {
    display: inline-block;
    width: 49%;
}

.period-calclator-signup-details .track-period-desription {
    width: 100%;
    margin: 0;
    left: 0;
}

.period-calclator-signup-details .social-login-icons {
    margin: 15px auto 15px auto;
}

.period-calclator-signup-details .first-day-back-button {
    padding-top: 10px;
}

.signup-subscription-checkbox-div {
    width: 36px;
    height: 36px;
    border: 2px solid #000;
    margin: auto;
    margin-bottom: 8px;
}

.period-calclator-update-calendar {
    margin: auto;
    float: none;
    text-align: center;
}

.instruction-heading {
    /*font-family: gotham-BlackItalic;*/
    font-family: "Gotham A", "Gotham B";
    font-style: italic;
    font-weight: 800;
    font-size: 16px;
}

.instruction-text {
    /*font-family: gotham-Book;*/
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
    margin: 10px auto 15px auto;
}

.android-ios-instruction-div {
    margin: 85px auto 30px auto;
}

.get-reminder-button-div span {
    padding: 10px 30px 0px 30px;
    height: 44px;
    display: inline-block;
}

.period-calclator-update-calendar .no-thanks {
    margin-top: 15px;
}

/*---------styles required to include hover states------------*/
.start-tracking-button {
    border: 0;
}

    .start-tracking-button span {
        padding-right: 30px;
        padding-left: 30px;
        height: 44px;
        border: 3px solid #000;
        display: inline-block;
        padding-top: 10px;
    }

.first-day-next-button span {
    padding: 10px 30px 0px 30px;
    height: 44px;
    border: 3px solid #000000;
    display: block;
}

html:lang(fr-ca) .first-day-next-button span {
    padding: 2px 30px 2px 30px;
}

.login-button span {
    padding: 10px 30px 0px 30px;
    height: 44px;
    border: 3px solid #000000;
    display: block;
}

/*------------------------------------------------------------*/
/* 
    Hide the original radios and checkboxes
    (but still accessible)
    
    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't
       
*/
input[type="radio"],
input[type="checkbox"] {
    width: 100%;
    height: 100%;
    /* Hide the input, but have it still be clickable */
    opacity: 0;
    position: relative;
    z-index: 1;
}

    /*
    Change from unchecked to checked graphic
*/
    input[type='checkbox'] + div {
        width: 34px;
        height: 34px;
        position: relative;
        top: -42px;
        left: -1px;
        z-index: 0;
    }

    input[type='checkbox']:checked + div {
        background: url("/Assets/images/submitAnswer/checked_state.png") no-repeat;
        background-size: contain;
    }

@media (max-width: 599px) {
    .period-calclator-track-period-bg {
        width: 100%;
        background-color: #e6e6e6;
        position: absolute;
        z-index: -1;
        height: 225px;
    }

    .period-calculator-main-div,
    .period-calclator-track-period {
        padding: 0;
    }

    .period-calculator {
        margin-top: -22px;
    }

    .period-calculator-main-div {
        max-width: 1024px;
        height: 800px;
        margin: auto;
    }

    .track-period-heading,
    .track-period-desription {
        position: relative;
        left: 50%;
        margin-left: -157.5px;
    }

    .track-period-heading {
        font-size: 30px;
        padding-top: 40px;
        line-height: 30px;
        width: 315px;
    }

    .calender-image-div {
        margin: 40px 0px 30px 0px;
    }

    .calender-image {
        height: 110px;
    }

    .track-period-desription {
        font-size: 15px;
        width: 315px;
    }

    .start-tracking-button {
        width: auto;
        height: 44px;
        padding-top: 4px;
        margin: 75px auto 17px auto;
    }

        .start-tracking-button a,
        .start-tracking-button a:hover {
            font-size: 12px;
        }

    .track-period-ps {
        font-size: 10px;
    }

    .first-day-heading {
        font-size: 18px;
        padding-top: 48px;
        width: 275px;
        margin: auto;
    }

    .first-day-calendar {
        min-height: 360px;
    }

    .average-period-calender {
        height: 367px;
    }

    .first-day-back-button {
        padding-top: 20px;
    }

    .average-period-carousel .carousel-inner {
        height: 178px;
        width: 178px;
        left: 50%;
        margin-left: -89px;
    }

    .average-period-heading,
    .first-day-heading {
        line-height: 20px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        font-size: 30px;
    }

    .carousel-indicators {
        margin-bottom: 18px;
    }

    .average-period-carousel {
        width: 284px;
    }

    .average-period-day-number {
        font-size: 86.4px;
        padding-top: 10px;
        height: 96px;
    }

    .average-period-day-text {
        font-size: 38.6px;
    }

    .average-period-calender {
        padding-top: 65px;
    }

    .period-calclator-average-period-bg {
        position: absolute;
        width: 100%;
        height: 290px;
        background-color: #e6e6e6;
        z-index: -1;
    }

    .login-signup-container {
        margin-top: 40px;
    }

    .login-container {
        margin-bottom: 20px;
    }

    .login-label {
        margin-bottom: 10px;
    }

    .period-calclator-login-signup {
        padding: 0;
    }

    .period-calclator-login-signup-bg {
        position: absolute;
        background-color: #e6e6e6;
        height: 108px;
        width: 100%;
        margin: 0;
        z-index: -1;
    }

    .email-id-div,
    .passwd-div {
        padding: 0px 30px 0px 30px;
    }

    .period-calclator-login-details form {
        margin-top: 5px;
    }

    .social-login-div {
        margin-top: 10px;
    }

    .period-calclator-login-details-bg {
        width: 100%;
        background-color: #e6e6e6;
        position: absolute;
        z-index: -1;
        height: 255px;
    }

    .period-calclator-signup-details .social-login-div {
        margin-top: 0px;
    }

    .period-calclator-signup-details-bg {
        width: 100%;
        background-color: #e6e6e6;
        position: absolute;
        z-index: -1;
        height: 497px;
    }

    .android-ios-instruction-div {
        margin: 40px auto 25px auto;
    }

    .period-calclator-update-calendar {
        padding: 0;
    }

    .period-calclator-update-calendar-bg {
        width: 100%;
        background-color: #e6e6e6;
        position: absolute;
        z-index: -1;
        height: 108px;
    }

    .instruction-text {
        padding-right: 15px;
        padding-left: 15px;
    }

    .forcast-calendar .left.carousel-control {
        left: 60px;
    }

    .forcast-calendar .right.carousel-control {
        right: 60px;
    }

    .signup-details-text-div {
        font-size: 14px;
    }

    .period-calclator-first-day .forcast-calendar, .period-calclator-period-forecast .forcast-calendar {
        /*WUNA-1857*/
        height: auto;
    }

        .period-calclator-first-day .forcast-calendar .header, .period-calclator-period-forecast .forcast-calendar .header {
            /*WUNA-1857*/
            margin-top: 7px;
            height: 25px;
        }
}

@media (min-width: 600px) and (max-width: 1024px) {
    .period-calculator-main-bg-div {
        z-index: -1;
    }

    .period-calclator-track-period,
    .period-calclator-login-signup {
        padding: 0;
    }

    .period-calculator-main-bg-div {
        width: 100%;
        height: 243px;
    }

    .period-calculator {
        margin-top: -9px;
    }

    .period-calculator-main-div {
        max-width: 1024px;
        height: 978px;
        margin: auto;
    }

    .track-period-heading,
    .track-period-desription {
        position: relative;
        left: 50%;
        margin-left: -187.5px;
    }

    .track-period-heading {
        font-size: 30px;
        padding-top: 120px;
        line-height: 30px;
        width: 375px;
    }

    .calender-image-div {
        margin: 32px 0px 46px 0px;
    }

    .calender-image {
        height: 122px;
    }

    .track-period-desription {
        font-size: 15px;
        width: 375px;
    }

    .start-tracking-button {
        width: auto;
        height: 35px;
        padding-top: 4px;
        margin: 40px auto 17px auto;
        display: inline-block;
    }

        .start-tracking-button a,
        .start-tracking-button a:hover {
            font-size: 12px;
        }

    .track-period-ps {
        font-size: 10px;
    }

    .first-day-heading {
        font-size: 30px;
        padding-top: 120px;
        width: 430px;
        margin: auto;
        position: relative;
        left: 50%;
        margin-left: -215px;
    }

    .first-day.first-day-heading {
        padding-top: 80px;
    }
    /*WUNA-1857*/
    .first-day-calendar {
        height: 400px;
    }

    .first-day-heading,
    .average-period-heading {
        line-height: 32px;
    }

    .average-period-calender {
        padding-top: 40px;
    }

    .average-period-calendar {
        height: 390px;
    }

    .average-period-day-number {
        font-size: 119px;
        padding-top: 15px;
        height: 135px;
    }

    .average-period-day-text {
        font-size: 53px;
    }

    .login-signup-heading {
        width: 350px;
        position: relative;
        left: 50%;
        margin-left: -175px;
    }

    .login-signup-container {
        margin-top: 80px;
    }

    .login-container {
        margin-bottom: 30px;
    }

    .login-label {
        margin-bottom: 10px;
    }

    .period-calclator-login-details {
        width: 445px;
    }

    .period-calclator-update-calendar {
        width: 330px;
    }

    .update-calendar-heading {
        padding-right: 15px;
    }

    .login-page-bg-height {
        height: 422px;
    }

    .signup-page-bg-height {
        height: 630px;
    }

    .average-period-calender {
        height: 400px;
    }

    .signup-details-text-div {
        font-size: 14px;
    }

    .carousel-indicators {
        margin-bottom: 18px;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .forcast-calendar .left.carousel-control {
        left: 60px;
    }

    .forcast-calendar .right.carousel-control {
        right: 60px;
    }
}

@media (min-width: 1025px) {
    .period-calculator {
        margin-top: -18px;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        background-color: #ffffff;
        position: relative;
        z-index: 0;
    }

    .first-day-heading {
        min-height: 194px;
    }

    .period-calculator-main-bg-div {
        width: 100%;
        height: 260px;
        max-width: 1280px;
    }

    .period-calculator-main-div {
        max-width: 1024px;
        height: 978px;
        margin: auto;
        position: relative;
    }

    .track-period-heading {
        font-size: 30px;
        padding-top: 130px;
        line-height: 30px;
    }

    .calender-image-div {
        margin: 32px 0px 46px 0px;
    }

    .calender-image {
        height: 122px;
    }

    .track-period-desription {
        font-size: 15px;
        width: 375px;
        margin-left: -32px;
    }

    .start-tracking-button {
        width: auto;
        height: 35px;
        padding-top: 4px;
        margin: 40px auto 17px auto;
        display: inline-block;
    }

        .start-tracking-button a,
        .start-tracking-button a:hover {
            font-size: 12px;
        }

    .track-period-ps {
        font-size: 10px;
    }

    .first-day-heading {
        font-size: 30px;
        padding-top: 135px;
    }

    .first-day-calendar {
        height: auto;
        min-height: 430px;
        margin-top: -5px;
    }

    .average-period-calender {
        padding-top: 40px;
    }

    .first-day-heading,
    .average-period-heading {
        line-height: 32px;
    }

    .average-period-calendar {
        height: 390px;
    }

    .average-period-day-number {
        font-size: 119px;
        padding-top: 15px;
        height: 135px;
    }

    .average-period-day-text {
        font-size: 53px;
    }

    .login-signup-heading {
        width: 350px;
        position: relative;
        left: 50%;
        margin-left: -175px;
    }

    .login-signup-container {
        margin-top: 80px;
    }

    .login-container {
        margin-bottom: 30px;
    }

    .login-label {
        margin-bottom: 10px;
    }

    .period-calclator-login-details {
        position: relative;
        width: 445px;
    }

    .period-calclator-update-calendar {
        width: 330px;
    }

    .update-calendar-heading {
        padding-right: 15px;
    }

    .login-page-bg-height {
        height: 422px;
    }

    .signup-page-bg-height {
        height: 630px;
    }

    .average-period-calender {
        height: 420px;
    }

    .signup-details-text-div {
        font-size: 12px;
    }
}

/***********Calendar Styles*************************/
.first-day-calendar .header {
    position: relative;
    height: 70px;
}

    .first-day-calendar .header .carousel-control {
        z-index: 101;
        top: -2px;
        width: 70px;
        height: 30px;
    }

    .first-day-calendar .header .col {
        z-index: 100;
    }

    .first-day-calendar .header .carousel-control img {
        height: 15px;
    }

    .first-day-calendar .header .monthLabel {
        /*font-family: Gotham-BlackItalic;*/
        font-family: "Gotham A", "Gotham B";
        font-style: italic;
        font-weight: 800;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
    }

    .first-day-calendar .header .daysLabel th {
        color: #737373;
        text-align: center;
        font-size: 16px;
        font-family: Helvetica;
        text-transform: uppercase;
        padding: 0.5em;
        min-width: 33px;
    }

.calenders {
    height: 360px;
    /*WUNA-1792*/
    overflow: auto;
    position: relative;
}

.calendar-right-arrow, .calendar-left-arrow {
    height: 15px;
    width: 10px;
    margin: auto;
    top: 8px;
    /*WUNA-1857*/
    position: relative;
}

.calendar-right-arrow {
    background: url("/Assets/images/right-arrow-black.png") no-repeat;
    background-size: contain;
}

.calendar-left-arrow {
    background: url("/Assets/images/left-arrow-black.png") no-repeat;
    background-size: contain;
}

.first-day-calendar.forcast-calendar a:hover .calendar-right-arrow, .first-day-calendar.forcast-calendar a:active .calendar-right-arrow {
    /* WUNA-1802 */
    background: url("/Assets/images/right-arrow-pink.png") no-repeat;
    background-size: contain;
}

.first-day-calendar.forcast-calendar a:hover .calendar-left-arrow, .first-day-calendar.forcast-calendar a:active .calendar-left-arrow {
    /* WUNA-1802 */
    background: url("/Assets/images/left-arrow-pink.png") no-repeat;
    background-size: contain;
}

/*.first-day-calendar.forcast-calendar .left.carousel-control,
.first-day-calendar.forcast-calendar .left.carousel-control {
    display: none;
}*/
/*WUNA-1857*/
.first-day-calendar.first-day.forcast-calendar .left.carousel-control,
.first-day-calendar.first-day.forcast-calendar .left.carousel-control {
    display: inline;
}

.first-day-calendar.first-day.forcast-calendar .right.carousel-control,
.first-day-calendar.first-day.forcast-calendar .right.carousel-control {
    display: none;
}

/*WUNA-1857*/
/*.currentmonth {
    color: blue;
    text-align: center;
}
.currentday {
    border: 1px solid black;
    color: #00FF00;
    text-align: center;
}
*/
table.calendar {
    width: 100%;
}

    table.calendar td, table.calendar th {
        padding: 0.5em;
    }

        table.calendar td.day {
            padding: 0;
            position: relative;
        }

            table.calendar td.day div {
                /*font-family: Gotham-Book;*/
                font-family: "Gotham A", "Gotham B";
                font-style: normal;
                font-weight: 400;
                font-size: 16px;
                width: 20px;
                height: 50px;
                text-align: center;
                color: #000;
                position: relative;
                margin: 0 auto;
                line-height: 51px;
            }

            table.calendar td.day span {
                font-size: 16px;
                display: block;
                text-align: center;
                color: #ee2c74;
                text-transform: uppercase;
                position: absolute;
                top: -2px;
            }

            table.calendar td.day.active div, table.calendar td.day.period div, table.calendar td.day.ovulation div {
                color: #fff;
            }

                table.calendar td.day.active div:after, table.calendar td.day.period div:after, table.calendar td.day.ovulation div:after {
                    content: '';
                    width: 30px;
                    height: 30px;
                    border-radius: 30px;
                    background: #ee2c74;
                    display: block;
                    top: 11px;
                    left: -5px;
                    position: absolute;
                    z-index: -1;
                    -webkit-backface-visibility: hidden;
                }

                table.calendar td.day.ovulation div:after {
                    background: #36c3ff;
                }

    /*table.calendar tr{
    height: 60px;
}
table.calendar tr:last-of-type td{
    height: 60px;
}*/
    /*
table.calendar tr{
    height: 50px;
}*/
    table.calendar tr {
        height: 60px;
    }

        table.calendar tr td {
            /*height: 50px;
    width:40px;*/
        }

        table.calendar tr:not(:last-of-type) {
            border-bottom: 1px solid #e6e6e6;
        }

.forecastFooter {
    position: relative;
}

    .forecastFooter ul {
        margin: 0 auto 20px;
        overflow: hidden;
        position: absolute;
        right: 20px;
        bottom: 40px;
        /*WUNA-1808*/
    }

    .forecastFooter ul, .forecastFooter li {
        list-style: none;
        padding: 0;
    }

    .forecastFooter li {
        float: left;
        margin-right: 10px;
    }

.colorCode {
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    margin-right: 5px;
}

.forecastFooter li .label {
    float: left;
    color: #424242;
    font-size: 15px;
    padding: 0;
    font-weight: normal;
}

.colorCode.period {
    background: #ee2c74;
}

.colorCode.ovulation {
    background: #36c3ff;
}

.first-day-back-button.startOver {
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: block;
    padding: 0;
}

    .first-day-back-button.startOver a, .first-day-back-button.startOver a:hover {
        /*font-family: Gotham-BlackItalic;*/
        font-family: "Gotham A", "Gotham B";
        font-style: italic;
        font-weight: 800;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
    }

        .first-day-back-button.startOver a .black-arrow-back-img {
            position: relative;
            height: 15px;
            display: inline-block;
            top: 3px;
        }

        .first-day-back-button.startOver a:hover {
            color: #ee2c74;
        }

            .first-day-back-button.startOver a:hover .black-arrow-back-img {
                background: url("/Assets/images/period-calculator/pink-arrow.png") no-repeat;
                background-size: contain;
            }

@media (min-width: 1025px) {
    .calenders {
        overflow: inherit;
    }
}

@media (max-width: 1024px) and (min-width: 600px) {
    .forcast-calendar .header {
        margin-top: 15px;
    }

    .first-day-calendar {
        width: 330px;
        margin: 0 auto;
    }

        .first-day-calendar.forcast-calendar {
            width: auto;
            height: auto;
            min-height: 425px;
        }

        .first-day-calendar .header .daysLabel {
            margin-top: 12px;
        }

    .calenders {
        margin-top: 13px;
        padding-top: 15px;
        height: 280px;
        /*WUNA-1792*/
    }
        /*.datePicker tr:last-of-type{
        position: absolute;
        z-index: 1;
    }
    .datePicker tr:last-of-type td{
        padding: .9em .72em;
    }*/
        .calenders div.col-sm-12:first-child {
            margin-top: 0;
        }

        .calenders div.col-sm-12 {
            margin-top: -60px;
        }

    .datePicker tr:last-of-type td {
        position: relative;
    }

        .datePicker tr:last-of-type td div {
            position: absolute;
            z-index: 1;
            top: 0;
            /* left: 0; */
            width: 40px;
            height: 60px;
            line-height: 60px;
        }

    table.calendar tr:last-of-type td.day.active div:after {
        left: 5px;
        top: 14px;
    }
    /* WUNA-1802 */
    .first-day-calendar.forcast-calendar a:hover .calendar-right-arrow {
        background: url("/Assets/images/right-arrow-black.png") no-repeat;
        background-size: contain;
    }

    .first-day-calendar.forcast-calendar a:hover .calendar-left-arrow {
        background: url("/Assets/images/left-arrow-black.png") no-repeat;
        background-size: contain;
    }

    .first-day-calendar.forcast-calendar a:active .calendar-right-arrow {
        background: url("/Assets/images/right-arrow-pink.png") no-repeat;
        background-size: contain;
    }

    .first-day-calendar.forcast-calendar a:active .calendar-left-arrow {
        background: url("/Assets/images/left-arrow-pink.png") no-repeat;
        background-size: contain;
    }

    .average-period-carousel .carousel-control .glyphicon-chevron-left:hover,
    .average-period-carousel .carousel-control .glyphicon-chevron-right:hover {
        color: #000;
    }

    .average-period-carousel .carousel-control .glyphicon-chevron-left:active,
    .average-period-carousel .carousel-control .glyphicon-chevron-right:active {
        color: #ee2c74;
    }

    .black-arrow-back-img:hover {
        background: url("/Assets/images/period-calculator/back-arrow.png") 0 no-repeat;
        background-size: contain;
    }

    .black-arrow-back-img:active {
        background: url("/Assets/images/period-calculator/pink-arrow.png") 0 no-repeat;
        background-size: contain;
    }
    /* WUNA-1802 */
}

@media (max-width: 768px) and (min-width: 600px) {
    .calenders {
        margin-top: 13px;
        padding-top: 15px;
        height: 280px;
        /*WUNA-1792*/
    }

    .first-day-calendar {
        width: 330px;
        margin: 0 auto;
    }

    .forecastFooter ul {
        position: relative;
        right: 0;
        bottom: 0;
        /*WUNA-1808*/
        float: right;
    }

    .calender-forecast-xs-sm {
        max-width: 330px;
        margin: auto;
        clear: both;
    }

    .first-day-calendar.forcast-calendar {
        width: 320px;
    }
}

@media (max-width: 599px) {
    .calenders {
        margin-top: 13px;
        padding-top: 15px;
        height: 280px;
        /*WUNA-1792*/
    }

    .first-day-calendar {
        width: 320px;
        margin: 0 auto;
    }

    .forecastFooter {
        text-align: center;
    }

        .forecastFooter ul {
            position: relative;
            right: 0;
            bottom: 0;
            /*WUNA-1808*/
            display: inline-block;
            margin-bottom: 15px;
        }

    .datePicker tr:last-of-type td {
        position: relative;
    }

        .datePicker tr:last-of-type td div {
            position: absolute;
            z-index: 1;
            top: 0;
            /* left: 0; */
            width: 40px;
            height: 60px;
            line-height: 60px;
        }

    table.calendar tr:last-of-type td.day.active div:after {
        /* WUNA-1649 */
        left: 5px;
        top: 14px;
    }
    /*.datePicker tr:last-of-type td{
        padding: .9em .72em;
    }*/
    .calenders div.col-sm-12:first-child {
        margin-top: 0;
    }

    .calenders div.col-sm-12 {
        margin-top: -60px;
    }

    .first-day-back-button.startOver {
        margin: -10px auto;
    }
    /* WUNA-1802 */
    .first-day-calendar.forcast-calendar a:hover .calendar-right-arrow {
        background: url("/Assets/images/right-arrow-black.png") no-repeat;
        background-size: contain;
    }

    .first-day-calendar.forcast-calendar a:hover .calendar-left-arrow {
        background: url("/Assets/images/left-arrow-black.png") no-repeat;
        background-size: contain;
    }

    .first-day-calendar.forcast-calendar a:active .calendar-right-arrow {
        background: url("/Assets/images/right-arrow-pink.png") no-repeat;
        background-size: contain;
    }

    .first-day-calendar.forcast-calendar a:active .calendar-left-arrow {
        background: url("/Assets/images/left-arrow-pink.png") no-repeat;
        background-size: contain;
    }

    .average-period-carousel .carousel-control .glyphicon-chevron-left:hover,
    .average-period-carousel .carousel-control .glyphicon-chevron-right:hover {
        color: #000;
    }

    .average-period-carousel .carousel-control .glyphicon-chevron-left:active,
    .average-period-carousel .carousel-control .glyphicon-chevron-right:active {
        color: #ee2c74;
    }

    .black-arrow-back-img:hover {
        background: url("/Assets/images/period-calculator/back-arrow.png") 0 no-repeat;
        background-size: contain;
    }

    .black-arrow-back-img:active {
        background: url("/Assets/images/period-calculator/pink-arrow.png") 0 no-repeat;
        background-size: contain;
    }
    /* WUNA-1802 */
}

/*WUNA-1577*/
/*** Tablet Portorite ***/
@media (min-width: 600px) and (max-width: 768px) {
    .forecastFooter ul {
        margin: 0;
        margin-top: -100px;
        margin-right: 10%;
    }

    .forecastFooter li {
        float: none;
        clear: both;
        margin: 0;
        margin-top: 10px;
    }
}

/*WUNA-1577*/
/*  iscroll styles for WUNA-1792 */
#wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.average-period-carousel .icon-Arrow_left,
.average-period-carousel .icon-Arrow_right {
    font-size: 30px;
    display: inline-block;
    font-weight: 700;
    vertical-align: middle;
    transform: unset;
}

    .average-period-carousel .icon-Arrow_left::before,
    .average-period-carousel .icon-Arrow_right::before {
        color: #000 !important;
    }

    .average-period-carousel .icon-Arrow_left:hover::before,
    .average-period-carousel .icon-Arrow_right:hover::before {
        color: #EA1B23 !important;
    }

/* Artciles Page */

/* Bom Dia Ciclo Page */
h1.articlesHeading {
    color: #D3117B;
    font-weight: bold;
    margin: 30px 0 0 0;
}

p.articlesContent.first {
    margin: 30px 522px 0px 0;
    font-size: 16px !important;
    line-height: 19px !important;
}

p.articlesContent {
    margin: 0px 522px 0px 0;
    font-size: 16px !important;
    line-height: 19px !important;
}

h3.articlesTitle {
    font-style: italic;
    margin: 0 500px 20px 0;
    font-weight: bold;
}

p.articlesContent.first.last {
    margin: 30px 522px 30px 0;
}

p.articlesContent.last {
    margin: 0px 522px 30px 0;
}

p.articlesContent.bold {
    font-weight: bold;
}

@media (min-width: 768px) and (max-width: 1024px) {
    h1.articlesHeading {
        line-height: 40px;
    }

    p.articlesContent.first {
        margin: 30px 330px 0px 0;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    p.articlesContent {
        margin: 0px 280px 0px 0;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    h3.articlesTitle {
        margin: 0 200px 20px 0;
    }

    p.articlesContent.first.last {
        margin: 30px 280px 30px 0;
    }

    p.articlesContent.last {
        margin: 0px 280px 30px 0;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    h1.articlesHeading {
        font-size: 32px;
        line-height: 34px;
    }

    p.articlesContent.first {
        margin: 30px 0 0px 0;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    p.articlesContent {
        margin: 0px 0 0px 0;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    h3.articlesTitle {
        margin: 0 0 20px 0;
    }

    p.articlesContent.first.last {
        margin: 30px 0 30px 0;
    }

    p.articlesContent.last {
        margin: 0px 0 30px 0;
    }
}
/* Bom Dia Ciclo Page */

/* Tampons Page */
h1.articlesHeading.videoArticles {
    font-family: "Kotex Light",Helvetica,Roboto,Arial,sans-serif;
    margin: 30px 330px 0 0;
}

p.articlesContent.videoArticles {
    margin: 0 270px 20px 0;
}

h2.articlesTitle {
    margin: 0 340px 20px 0;
    font-weight: bold;
    font-family: "Kotex Light",Helvetica,Roboto,Arial,sans-serif;
    font-size: 30px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    h1.articlesHeading.videoArticles {
        margin: 30px 0 0 0;
    }

    p.articlesContent.videoArticles {
        margin: 0 0 20px 0;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    h2.articlesTitle {
        margin: 0 0 20px 0;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    h1.articlesHeading.videoArticles {
        margin: 30px 0 0 0;
    }

    p.articlesContent.videoArticles {
        margin: 0 0 20px 0;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    h2.articlesTitle {
        margin: 0 0 20px 0;
    }
}
/* Tampons Page */
/* Artciles Page */
.whatsapp-button {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    color: #ffffff;
    text-decoration: none;
    width: 80px;
    height: 80px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*KTX-188 Home page banner popup */
.modal-dialog.noti-modal {
    max-width: 700px;
    color: #424c5f;
}

    .modal-dialog.noti-modal .modal-content.modal-custom-subs {
        background-color: #fff;
        border-radius: 5px;
        padding: 0;
        overflow: hidden;
    }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .modal-body {
            padding: 0;
        }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .smodalimgmain {
            max-width: 100%;
            height: auto;
            object-fit: cover;
			width:100%;
        }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .textonbeannimg {
            position: absolute;
            color: #000;
            text-align: center;
            margin: 0 40px;
        }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .sheadtxt {
            font-style: italic;
            margin-bottom: 0;
            font-size: 24px;
            font-weight: 800;
        }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .ssubheadtxt {
            font-style: italic;
            margin-bottom: 0;
            font-size: 22px;
            font-weight: normal;
        }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .imgleftcnt {
            display: flex;
            height: 100%;
			align-items:flex-start;
			background-color: #f7faf9;
        }

    .modal-dialog.noti-modal .modal-close {
        position: absolute;
        right: 20px;
        top: 10px;
        padding: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #fff;
        border: 2px solid #444;
        border-radius: 50%;
        text-shadow: 0 1px 0 #fff;
        filter: alfa(opacity=20);
        opacity: 1;
        font-size: 25px;
        z-index: 1;
    }

        .modal-dialog.noti-modal .modal-close > span {
            font-size: 20px;
            line-height: 22px;
            color: #444;
            display: block;
        }

    .modal-dialog.noti-modal .rightcntsection {
        margin-top: 12%;
        padding-left: 10%;
    }

    .modal-dialog.noti-modal .modal-content.modal-custom-subs .sheadtxt {
        font-style: italic;
        margin-bottom: 0px;
        font-size: 24px;
    }

    .modal-dialog.noti-modal .modal-content.modal-custom-subs .ssubheadtxt {
        font-size: 22px;
        font-weight: normal;
        line-height: 24px;
        font-style: italic;
    }

    .modal-dialog.noti-modal .modal-content.modal-custom-subs .mobject {
        margin-top: 24px;
    }

    .modal-dialog.noti-modal .modal-content.modal-custom-subs .subsbtnpop {
        margin-bottom: 20px;
        text-align: center;
    }

    .modal-dialog.noti-modal .modal-content.modal-custom-subs .subsbtnpopbtn {
        background-color: #ea1b23;
        color: #fff;
        border: 1px solid #ea1b23;
        outline: 0 !important;
        border-radius: 0;
        font-weight: 500;
        cursor: pointer;
    }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .subsbtnpopbtn:hover {
            background: linear-gredient(124.81deg, #f0b 7.75%, #ea1b23 92.33%) !important;
            color: #fff !important;
            box-shadow: none;
        }

    .modal-dialog.noti-modal .modal-content.modal-custom-subs .righttxtsect {
        margin: 0 30px 10px 30px;
        text-align: center;
    }

@media(max-width:767px) {
    .modal.fade.show {
        padding: 0 !important;
    }

    .modal-dialog.noti-modal {
        margin: 30px auto;
        max-width: 90%;
    }

        .modal-dialog.noti-modal .modal-close {
            top: 10px;
            right: 10px;
            z-index: 1;
        }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .smodalimgmain {
            max-width: 100%;
            width: 100%;
        }

        .modal-dialog.noti-modal .modal-content.modal-custom-subs .mobject .row {
            margin-left: 0;
            margin-right: 0;
        }
}

/* Brasil Landing page 21-09-2022 */
/* Landing page */
.vg{
    display:flex;
  }
  .vg a.primary-btn{
    color:#fff;
    cursor: pointer;
  }
  .vg .vg_img{
    flex:1;
    max-width:100%;
  }
  .vg .vg_img figure{
	  position:relative;
	  overflow:hidden;
  }
    .vg .vg_img img {
        width: 100%;
        margin-bottom: 1rem;
        transform: scale(1);
        transition: all 1.5s ease-in-out;
    }
.vg .vg_img:hover img{
	width:100%;
	transform: scale(1.5);
	will-change: transform;
	transition:all 1.5s ease-in-out;
}
  .vg .vg_video{
    flex:0 0 37%;
    max-width:37%;
    height:calc(100% - (1rem + 36px));
    display:flex;
    flex-direction: column;
  }
  .vg_video-block{
    flex:1;
    position: relative;
    overflow: hidden;
  }
  .vg_video-block img{
	  width:100%;
	  transform: scale(1);
	  transition:all 1.5s ease-in-out;
	}
  .vg_video-block:hover img{
	width:100%;
	transform: scale(1.5);
	will-change: transform;
	transition:all 1.5s ease-in-out;
  }
  .vg_text{
    background-color: #ffd9ec;
    display: block;
    height: auto;
    border-radius: 20px;
    padding: 30px 40px;
    min-height: calc(100% - (1rem + 36px));
  }
  .vg_gallery{
    margin:0 0 70px;
  }
  .vg_gallery .container > .row{
    margin-bottom:40px;
  }
  .vg_gallery .container > .row:last-child{
    margin: 0;
  }
  .vg_gallery .btn-block .primary-btn + .primary-btn{
    margin-left:1rem;
  }
  .service-grid{
      display:block;
      background-color:#ff008c;
      padding:40px 0;
      margin: 0 0 70px;
  }
  .service-grid .service-banner{
      display:flex;
      flex-wrap: wrap;
  }
  .service-grid .service-banner .service-col{
      flex:0 0 25%;
      max-width:25%;
      display: flex;
      justify-content: center;
      text-align: center;
      color:#fff;
      padding:0 15px;
  }
  .service-grid .service-banner .service-col figure{
    margin-bottom: 1rem;
  }
  .service-grid .service-banner .service-col figcaption{
    font-size:20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
  }
  .video-grid{
    margin:0 0 70px;
    background-color: #e16a98;
    display:block;
    padding:40px 0;
    color:#fff;
  }
  .video-grid .component-title{
    position: relative;
  }
  .video-grid-banner{
    margin-bottom: -50px;
    position: relative;
    margin-right: 20px;
    display: inline-block;
  }
  .video-grid-banner img{
    max-width:100%;
  }
  .video-grid .component-title span{
    color:#fff;
  }
  .video-grid .color-pink{
    display: flex;
    text-align: right;
    padding: 50px 40px 40px;
    font-size: 22px;
  }
  .video-grid .color-pink p{
    margin:0;
  }
  .video-grid-block{
    display:flex;
    justify-content: center;
    grid-gap:15px;  
  }
  .video-grid-block .video-banner{
    position: relative;
    text-align: center;
    flex:0 0 25%;
    max-width:25%;
    max-width: calc(25% - 15px);
  }
  .video-grid-block .video-banner a{
    position: relative;
    display:block;
  }
  .video-modal{
    cursor: pointer;
    position: relative;
	overflow:hidden;
  }
  .video-modal.has-play-icon:after {
    content: '';
    display: block;
    background: url('/-/media/project/kotexlao/video-common/play-icon.png') no-repeat center center;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .video-grid-block .video-banner img,
  .video-modal img{
    width:100%;
    max-width: 100%;
	transform: scale(1);
	transition:all 1.5s ease-in-out;
  }
  .video-modal:hover img{
	width:100%;
	transform: scale(1.5);
	will-change: transform;
	transition:all 1.5s ease-in-out;
  }
  .video-grid-modal{
    background: rgba(0, 0, 0, .4);
  }
  .video-grid-modal .modal-dialog{
    width:90%;
    max-width:700px;
    margin:20px auto;
  }
  .video-grid-modal .modal-dialog .modal-content{
    background-color: #000;
  }
  .video-grid-modal .modal-body{
    padding:0;
    border-radius:5px;
    overflow: hidden;
  }
  .video-grid-modal .modal-body video{
    display:block;
  }
  .video-grid-modal .video-modal-close{
    position: absolute;
    right:-10px;
    top:-10px;
    width:40px;
    height:40px;
    display:flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    font-size:20px;
    background-color: #fff;
    color:#000;
    border-radius: 50%;
    opacity: 1;
}
.video-grid-modal .video-modal-close>span{
    margin-top:-3px;
}
.video-grid-modal .video-modal-close:hover{
    opacity: 1 !important;
    color:#000;
}
.familycare-faq.landing-acc .card-header.outer-accordion-header .card-title{
    text-align: left;
}
.intimus-video-wrap{
    display:block;
    padding:40px;
    background-color: #ffd9ec;
}
.intimus-video-wrap p{
    font-size:16px !important;
    line-height: 1.4 !important;
}
.intimus-video-wrap > .row{
    margin-bottom: 40px;
} 
.intimus-video-wrap > .row:nth-child(even){
    flex-direction: row-reverse;
}
.intimus-video-wrap > .row:last-child{
    margin-bottom: unset;
}
/* Instagram */
.insta-wrap{
    display:block;
    margin-bottom: 70px;
}
.insta-feed{
    display:flex;
    flex-wrap: wrap;
    list-style: none;
    padding:0;
    grid-gap:10px;
}
.insta-feed li{
    flex:1 0 16.66667%;
    max-width: calc(16.66667% - 9px);
}
.insta-feed li a{
    display:block;
}
.insta-feed img{
    max-width:100%;
    width:100%;
}
@media(max-width:991px){
    .vg{
      margin-bottom: 40px;
    }
    .video-grid-banner img{
      max-width:100px;
    }
    .video-grid .color-pink{
      text-align: center;
      padding:30px 30px 40px;
    }
}
@media(max-width:768px){  
    .vg .vg_video{
      flex: 0 0 37.2%;
      max-width: 37.2%;
    }
    .color-pink{
      text-align: center;
    }
    .service-grid .service-banner .service-col{
      flex:0 0 50%;
      max-width:50%;
      border-bottom:1px solid #fff;
      padding: 15px;
    }
    .service-grid .service-banner .service-col:nth-child(odd){
      border-right:1px solid #fff;
    }
    .service-grid .service-banner .service-col:last-child,
    .service-grid .service-banner .service-col:nth-last-child(2){
      border-bottom:none;
    }
    .insta-feed li {
      flex: 1 0 50%;
      max-width: calc(50% - 9px);
    }
    .video-grid-banner{
      margin:0 0 20px;
    }
    .video-grid .component-title{
      display: flex;
      flex-direction: column;
    }
    .vg_gallery .component-title{
      margin-bottom: 20px;
    }
    .service-grid,
    .video-grid{
      margin:0 0 50px;
    }
    .vg_text .btn-block .primary-btn{
      margin:0 0 20px;
    }
    .vg_text .btn-block .primary-btn + .primary-btn{
      margin:0 0 20px;
    }
}

/* Image Light Box*/
.lightbox{
	cursor:pointer;
}
.imgModal{
	background-color:#21252970;
}
.imgModal.fade{    
	transition: opacity .15s linear;
}
.imgModal.show{
	display:block;
	padding-left:17px;
	overflow-x:hidden;
	overflow-y:auto;
}
.imgModal .modal-content{
	border:none;
	background-color:transparent;
	max-width:500px;
}
.imgModal.fade .modal-dialog{
	transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.imgModal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.imgModal .modal-dialog{
	max-width:500px;
}
.imgModal .modal-body{
	padding:0;
	display:flex;
	justify-content:center;
}
.imgModal .close{
	position: absolute;
    right: -20px;
    top: -20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    font-size: 20px;
    background-color: #fff;
    color: #000;
    border-radius: 50%;
    opacity: 1;
	cursor:pointer;
	z-index:1;
	border:1px solid #d9d4d4;
}
.imgModal .close:hover{
	opacity:1 !important;
}
.largeImage{
	display:block;
	max-width:100%;
	width:100%;
}
@media(max-width:768px){
	.imgModal .modal-dialog{
		max-width:80%;
		margin: 40px auto 0;
	}
	
}
/* Fix for CM mode Invisible Header issue*/
.cmModeHeader{
    top:unset;
}


/* 100581: Product List Page Re-implementation (Intimus Google cache issue) CSS changes */
.product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now-button {
    min-width: 150px;
    margin-right: 20px;
}

    .product-listing .product-list-section-wrapper .product-item-section .feature-description .absorption-btn-section .btn-section .familycare-buy-now-button a {
        font-size: 20px;
        line-height: 30px;
        height: 36px;
        padding: 1px 0;
        color: #ea1b23;
        font-family: "Kotex Bold",Helvetica,Roboto,Arial,sans-serif;
    }

.coveo-list-layout-container .coveo-list-layout.CoveoResult {
    border: none;
}

@media(min-width:992px) {
    .product-list-section-wrapper .container .product-item-section > .row.flex-lg-row-reverse {
        flex-direction: inherit !important;
    }

    .product-listing .coveo-list-layout.CoveoResult:nth-child(odd) .product-list-section-wrapper .container .product-item-section > .row {
        flex-direction: row !important;
    }

    .product-listing .coveo-list-layout.CoveoResult:nth-child(even) .product-list-section-wrapper .container .product-item-section > .row {
        flex-direction: row-reverse !important;
    }

    .product-listing .coveo-list-layout.CoveoResult:nth-child(odd) .product-list-section-wrapper .product-item-section .row .feature-description {
        padding-left: 24px;
        padding-right: 15px;
    }

    .product-listing .coveo-list-layout.CoveoResult:nth-child(even) .product-list-section-wrapper .product-item-section .row .feature-description {
        padding-left: 0px;
        padding-right: 24px;
    }
}

@media(max-width: 500px) {
    .coveo-list-layout-container .coveo-list-layout.CoveoResult {
        padding: 0 15px;
    }

    .product-section .CoveoTab * {
        line-height: normal;
    }
}

/* Search cookie CSS*/
.search-cookie-icon {
    position: absolute;
    padding: 0;
    border-radius: 50%;
    width: 40px;
    z-index: 3;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 13px;
    right: 15px;
    border: 1px solid #939598;
    background-color: #fff;
    color: #000;
}

.search-cookie-icon:hover,
.search-cookie-icon:focus {
    border: 1px solid #f0b;
    color: #ea1b23;
}

#serchCookieDisabled {
    background-color: #fff;
    display: none;
    right: -25px !important;
    top: 68px;
    padding: 30px;
    border: 1px solid #f1f1f1;
    border-radius: 0 0 15px 15px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 32, 92, .4);
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 2;
    max-width: 100%;
}

#serchCookieDisabled.show {
    display: block;
}

#serchCookieDisabled .oneTrustLink {
    font-weight: bold;
    text-decoration: underline;
    color: #ea1b23;
    cursor: pointer;
}

.familycare-video-container .link_text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background: #e1e1e1;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 40px;
    text-align: center;
}
    .familycare-video-container .link_text .oneTrustLink {
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer;
        color: #ea1b23;
    }