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

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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: .5rem
}

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

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

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

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

ol ol,
ol ul,
ul ol,
ul ul {
    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
}

code,
kbd,
pre,
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
}

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: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

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

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

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

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: .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, .1)
}

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

.mark,
mark {
    padding: .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: .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: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

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

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.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-lg,
.container-md,
.container-sm,
.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-md,
    .container-sm {
        max-width: 720px
    }
}

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

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

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.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-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-sm-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-md-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-lg-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .row-cols-xl-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #7abaff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #86cfda
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #ed969e
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
    background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
    border-color: #fbfcfc
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #95999c
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

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

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #454d55
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .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: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .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 .2rem rgba(0, 123, 255, .25)
}

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

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

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

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

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

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

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(.375rem+1px);
    padding-bottom: calc(.375rem+1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .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-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

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

textarea.form-control {
    height: auto
}

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

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

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    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: .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: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

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

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

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

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

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .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(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

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

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

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.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 .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(.75em + .375rem) calc(.75em + .375rem)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .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(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

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

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

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.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 .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(.75em + .375rem) calc(.75em + .375rem)
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        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 .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: 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;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .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 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

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 .2rem rgba(38, 143, 255, .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 .2rem rgba(38, 143, 255, .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 .2rem rgba(130, 138, 145, .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 .2rem rgba(130, 138, 145, .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 .2rem rgba(72, 180, 97, .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 .2rem rgba(72, 180, 97, .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 .2rem rgba(58, 176, 195, .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 .2rem rgba(58, 176, 195, .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 .2rem rgba(222, 170, 12, .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 .2rem rgba(222, 170, 12, .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 .2rem rgba(225, 83, 97, .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 .2rem rgba(225, 83, 97, .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 .2rem rgba(216, 217, 219, .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 .2rem rgba(216, 217, 219, .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 .2rem rgba(82, 88, 93, .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 .2rem rgba(82, 88, 93, .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 .2rem rgba(0, 123, 255, .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 .2rem rgba(0, 123, 255, .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 .2rem rgba(108, 117, 125, .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 .2rem rgba(108, 117, 125, .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 .2rem rgba(40, 167, 69, .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 .2rem rgba(40, 167, 69, .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 .2rem rgba(23, 162, 184, .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 .2rem rgba(23, 162, 184, .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 .2rem rgba(255, 193, 7, .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 .2rem rgba(255, 193, 7, .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 .2rem rgba(220, 53, 69, .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 .2rem rgba(220, 53, 69, .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 .2rem rgba(248, 249, 250, .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 .2rem rgba(248, 249, 250, .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 .2rem rgba(52, 58, 64, .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 .2rem rgba(52, 58, 64, .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;
    box-shadow: none
}

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

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

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

.btn-block+.btn-block {
    margin-top: .5rem
}

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

.fade {
    transition: opacity .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 .35s ease
}

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

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

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .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: .5rem 0;
    margin: .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, .15);
    border-radius: .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: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .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: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .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: .125rem
}

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

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

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

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

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

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

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

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

.dropdown-item:focus,
.dropdown-item:hover {
    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: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
    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=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

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

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

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

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

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

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

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    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-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

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

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

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

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

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

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .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: .25rem
}

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

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

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

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

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

.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),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    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:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    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: -ms-inline-flexbox;
    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 .2rem rgba(0, 123, 255, .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: .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: .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: .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, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0, 123, 255, .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, .5)
}

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

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

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .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;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

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

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .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 .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .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+.5rem+2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

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

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

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

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .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 + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

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

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

.custom-range:focus {
    outline: 0
}

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

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

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

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

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

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

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

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .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;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

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

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

.custom-range::-moz-range-track {
    width: 100%;
    height: .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: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

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

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

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .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 .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

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

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

.nav-link:focus,
.nav-link:hover {
    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: .25rem;
    border-top-right-radius: .25rem
}

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

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

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    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: .25rem
}

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

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

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

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

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

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

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

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

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

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    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: .5rem;
    padding-bottom: .5rem
}

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

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

.navbar-toggler:focus,
.navbar-toggler:hover {
    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-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        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-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        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-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        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-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

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

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

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

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

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

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

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

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

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

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

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

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

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

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

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(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(0, 0, 0, 0.5)' 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, .5)
}

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

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

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

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

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

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

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

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

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .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(255, 255, 255, 0.5)' 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, .5)
}

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

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

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

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

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

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

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.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: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

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

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

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        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: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .card-group>.card {
        -ms-flex: 1 0 0%;
        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-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        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-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .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
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

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

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

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

.badge:empty {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

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

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

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

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

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

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

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .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: .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
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    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: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.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 {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-group-horizontal .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: .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 {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: .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 {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: .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 {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: .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 {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: .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 .list-group-item {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:first-child {
    border-top-width: 0
}

.list-group-flush:last-child .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:focus,
.list-group-item-primary.list-group-item-action:hover {
    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:focus,
.list-group-item-secondary.list-group-item-action:hover {
    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:focus,
.list-group-item-success.list-group-item-action:hover {
    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:focus,
.list-group-item-info.list-group-item-action:hover {
    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:focus,
.list-group-item-warning.list-group-item-action:hover {
    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:focus,
.list-group-item-danger.list-group-item-action:hover {
    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:focus,
.list-group-item-light.list-group-item-action:hover {
    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:focus,
.list-group-item-dark.list-group-item-action:hover {
    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):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a.close.disabled {
    pointer-events: none
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.toast-body {
    padding: .75rem
}

.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: .5rem;
    pointer-events: none
}

.modal.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, -50px);
    transform: translate(0, -50px)
}

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

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .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: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.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;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .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)
    }
    .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: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    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: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    -ms-touch-action: pan-y;
    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%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    -webkit-transform: none;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    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 .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    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 .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
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.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:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    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: .2rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-lg {
    border-radius: .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: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    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: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        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: -ms-flexbox !important;
        display: flex !important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        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 embed,
.embed-responsive iframe,
.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.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        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
    }
}

.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: -webkit-sticky !important;
    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:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        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 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(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
}

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

.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: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .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: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .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: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.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: .25rem !important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }
    .m-sm-2 {
        margin: .5rem !important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .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: .25rem !important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }
    .p-sm-2 {
        padding: .5rem !important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .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: -.25rem !important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }
    .m-sm-n2 {
        margin: -.5rem !important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.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: .25rem !important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }
    .m-md-2 {
        margin: .5rem !important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .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: .25rem !important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }
    .p-md-2 {
        padding: .5rem !important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .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: -.25rem !important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }
    .m-md-n2 {
        margin: -.5rem !important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.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: .25rem !important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }
    .m-lg-2 {
        margin: .5rem !important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .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: .25rem !important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }
    .p-lg-2 {
        padding: .5rem !important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .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: -.25rem !important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }
    .m-lg-n2 {
        margin: -.5rem !important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.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: .25rem !important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }
    .m-xl-2 {
        margin: .5rem !important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .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: .25rem !important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }
    .p-xl-2 {
        padding: .5rem !important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .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: -.25rem !important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }
    .m-xl-n2 {
        margin: -.5rem !important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.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
    }
}

.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:focus,
a.text-primary:hover {
    color: #0056b3 !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .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-break: break-word !important;
    overflow-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media print {
    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap !important
    }
    blockquote,
    pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px !important
    }
    .container {
        min-width: 992px !important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6 !important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #dee2e6
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@-webkit-keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

@keyframes bs-notify-fadeOut {
    0% {
        opacity: .9
    }
    100% {
        opacity: 0
    }
}

.bootstrap-select>select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\0;
    vertical-align: middle
}

.bootstrap-select>.dropdown-toggle {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bootstrap-select>.dropdown-toggle:after {
    margin-top: -1px
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover {
    color: rgba(255, 255, 255, .5)
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2 !important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid+.dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid+.dropdown-toggle {
    border-color: #28a745
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
    height: auto
}

:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    float: none;
    z-index: auto
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
    width: auto
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.bootstrap-select.form-control-sm .dropdown-toggle {
    padding: .25rem .5rem
}

.bootstrap-select.form-control-lg .dropdown-toggle {
    padding: .5rem 1rem
}

.form-inline .bootstrap-select .form-control {
    width: 100%
}

.bootstrap-select.disabled,
.bootstrap-select>.disabled {
    cursor: not-allowed
}

.bootstrap-select.disabled:focus,
.bootstrap-select>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.bs-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: static;
    top: 0;
    left: 0;
    float: left;
    height: 100%;
    width: 100%;
    text-align: left;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
    padding-right: inherit
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    padding-top: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    float: none
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
    padding-right: inherit
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .filter-expand {
    width: 0 !important;
    float: left;
    opacity: 0 !important;
    overflow: hidden
}

.bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    border-radius: inherit
}

.bootstrap-select[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu>.inner:focus {
    outline: 0 !important
}

.bootstrap-select .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select .dropdown-menu li {
    position: relative
}

.bootstrap-select .dropdown-menu li.active small {
    color: rgba(255, 255, 255, .5) !important
}

.bootstrap-select .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
    -webkit-animation: .3s linear 750ms forwards bs-notify-fadeOut;
    -o-animation: .3s linear 750ms forwards bs-notify-fadeOut;
    animation: .3s linear 750ms forwards bs-notify-fadeOut
}

.bootstrap-select .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
    position: static;
    display: inline;
    padding: 0
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
    display: inline
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
    content: '\00a0'
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 5px
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select .bs-ok-default:after {
    content: '';
    display: block;
    width: .5em;
    height: 1em;
    border-style: solid;
    border-width: 0 .26em .26em 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
    bottom: auto;
    top: -4px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
    bottom: auto;
    top: -4px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: ''
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: ''
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#growls.tc,
#growls.tr {
    top: 10px
}

#growls.bc,
#growls.bl,
#growls.tc {
    left: 10px
}

#growls.bc,
#growls.bl,
#growls.br {
    bottom: 10px
}

#growls.bc,
#growls.br,
#growls.default,
#growls.tc,
#growls.tr {
    right: 10px
}

#growls {
    z-index: 50000;
    position: fixed
}

#growls.tl {
    top: 10px;
    left: 10px
}

#growls.bc .growl,
#growls.tc .growl {
    margin-left: auto;
    margin-right: auto
}

.growl {
    opacity: .8;
    filter: alpha(opacity=80);
    position: relative;
    border-radius: 4px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.growl.growl-incoming,
.growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0)
}

.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px
}

.growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px
}

.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px
}

.growl.growl-default {
    color: #FFF;
    background: #7f8c8d
}

.growl.growl-error {
    color: #FFF;
    background: #c0392b
}

.growl.growl-notice {
    color: #FFF;
    background: #2ecc71
}

.growl.growl-warning {
    color: #FFF;
    background: #f39c12
}

.growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    font-family: helvetica, verdana, sans-serif
}

.growl .growl-title {
    font-size: 18px;
    line-height: 24px
}

.growl .growl-message {
    font-size: 14px;
    line-height: 18px
}

#growls.default {
    top: 60px
}

.body-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
    background: rgba(0, 0, 0, 0.5)
}

.body-overlay.view {
    opacity: 1;
    z-index: 9
}

.search-icon {
    background-position: -574px -32px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.search-white-icon {
    background-position: -465px -443px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle
}

.close-icon {
    background-position: -210px -271px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

.black-close-icon {
    background-position: -479px -346px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

.green-close-icon {
    background-position: -439px -346px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

.left-arrow-icon {
    background-position: -142px -158px;
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s
}

.right-arrow-icon {
    background-position: -181px -158px;
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s
}

.white-right-arrow-icon {
    background-position: -124px -271px;
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s
}

.top-arrow-icon {
    background-position: -298px -73px;
    width: 46px;
    height: 46px;
    display: inline-block;
    vertical-align: middle
}

.black-cart-icon {
    background-position: -460px -22px;
    background-size: 600px;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle
}

.course-icon {
    background-position: -32px -393px;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.white-cart-icon {
    background-position: -292px -264px;
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle
}

.black-down-arrow-icon {
    background-position: -33px -36px;
    width: 14px;
    height: 9px;
    display: inline-block;
    vertical-align: middle
}

.black-right-arrow-icon {
    background-position: -342px -35px;
    width: 8px;
    height: 12px;
    display: inline-block;
    vertical-align: middle
}

.white-down-arrow-icon {
    background-position: -77px -273px;
    width: 14px;
    height: 9px;
    display: inline-block;
    vertical-align: middle
}

.black-up-arrow-icon {
    background-position: -78px -36px;
    width: 14px;
    height: 9px;
    display: inline-block;
    vertical-align: middle
}

.white-up-arrow-icon {
    background-position: -33px -272px;
    width: 14px;
    height: 9px;
    display: inline-block;
    vertical-align: middle
}

.white-phone-icon {
    background-position: -276px -398px;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle
}

.black-phone-icon {
    background-position: -326px -398px;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle
}

.green-phone-icon {
    background-position: -371px -398px;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle
}

.white-whatsapp-icon {
    background-position: -30px -436px;
    width: 21px;
    height: 20px;
    display: inline-block
}

.black-whatsapp-icon {
    background-position: -86px -436px;
    width: 21px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.green-whatsapp-icon {
    background-position: -143px -436px;
    width: 21px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.green-empty-star {
    background-position: -58px -155px;
    width: 22px;
    height: 20px;
    display: inline-block
}

.icon-student {
    background-position: -432px -269px;
    width: 13px;
    height: 15px;
    display: inline-block
}

.icon-courses {
    background-position: -342px -269px;
    width: 16px;
    height: 16px;
    display: inline-block
}

.icon-roles {
    background-position: -387px -271px;
    width: 14px;
    height: 14px;
    display: inline-block
}

.icon-play-video {
    background-position: -404px -145px;
    width: 42px;
    height: 42px;
    display: inline-block
}

.view-eye-icon {
    background-position: -757px -36px;
    width: 13px;
    height: 10px;
    display: inline-block
}

.dummy-icon {
    background-position: -453px -67px;
    width: 58px;
    height: 55px;
    display: inline-block
}

.dot-icon {
    background-position: -29px -162px;
    width: 8px;
    height: 8px;
    display: inline-block
}

.icon-play-video-gradent {
    background-position: -458px -136px;
    width: 61px;
    height: 61px;
    display: inline-block
}

.right-black-icon-xs {
    position: absolute;
    right: 0px;
    top: 7px;
    background-position: -342px -35px;
    width: 8px;
    height: 12px;
    display: inline-block
}

.cart-calender-icon {
    background-position: -527px -30px;
    width: 21px;
    height: 21px;
    display: inline-block
}

.time-icon {
    background-position: -411px -32px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.bulb-icon {
    background-position: -662px -29px;
    width: 23px;
    height: 27px;
    display: inline-block
}

.key-icon {
    background-position: -31px -79px;
    width: 25px;
    height: 25px;
    display: inline-block
}

.location-icon {
    background-position: -484px -30px;
    width: 16px;
    height: 21px;
    display: inline-block
}

.greenFull-star-icon {
    background-position: -99px -154px;
    width: 22px;
    height: 20px;
    display: inline-block
}

.greenEmpty-star-icon {
    background-position: -58px -155px;
    width: 20px;
    height: 22px;
    display: inline-block
}

.schedules {
    background-position: -683px -1336px;
    width: 14px;
    height: 13px;
    display: inline-block
}

.advisor {
    background-position: -725px -1286px;
    width: 11px;
    height: 15px;
    display: inline-block
}

.verified-icon {
    background-position: -474px -269px;
    width: 17px;
    height: 17px;
    display: inline-block
}

.upcoming-dot-icon {
    background-position: -29px -162px;
    width: 8px;
    height: 8px;
    display: inline-block
}

.white-close-icon {
    background-position: -210px -271px;
    width: 14px;
    height: 14px;
    display: inline-block
}

.audience {
    background-position: -606px -151px;
    width: 62px;
    height: 36px;
    display: inline-block
}

.expertise {
    background-position: -529px -134px;
    width: 52px;
    height: 52px;
    display: inline-block
}

.select-dropdown {
    background-position: -242px -351px;
    width: 8px;
    height: 6px;
    display: inline-block
}

.black-star {
    background-position: -677px -345px;
    width: 11px;
    height: 10px;
    display: inline-block
}

.common-icon-linkedin {
    width: 19px;
    height: 21px;
    display: inline-block;
    background-position: -660px -265px
}

.common-icon-facebook {
    width: 12px;
    height: 21px;
    display: inline-block;
    background-position: -709px -267px
}

.common-icon-instagram {
    width: 21px;
    height: 21px;
    display: inline-block;
    background-position: -749px -267px
}

.common-icon-youtube {
    width: 25px;
    height: 22px;
    display: inline-block;
    background-position: -523px -264px
}

.common-icon-twitter {
    width: 22px;
    height: 18px;
    display: inline-block;
    background-position: -614px -267px
}

.common-icon-pinterest {
    width: 20px;
    height: 24px;
    display: inline-block;
    background-position: -570px -265px
}

.common-icon-rss {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-position: -654px -1853px
}

.common-country-icons {
    width: 27px;
    height: 15px;
    display: inline-block
}

.common-icon-usa {
    width: 27px;
    height: 15px;
    background-position: -30px -216px
}

.common-icon-india {
    width: 27px;
    height: 15px;
    background-position: -233px -216px
}

.common-icon-uk {
    width: 27px;
    height: 15px;
    background-position: -435px -216px
}

.common-icon-singapore {
    width: 27px;
    height: 15px;
    background-position: -182px -216px
}

.common-icon-canada {
    width: 27px;
    height: 15px;
    background-position: -81px -216px
}

.common-icon-nz {
    width: 27px;
    height: 15px;
    background-position: -384px -216px
}

.common-icon-australia {
    width: 27px;
    height: 15px;
    background-position: -334px -216px
}

.common-icon-uae {
    width: 27px;
    height: 15px;
    background-position: -283px -216px
}

.common-icon-malaysia {
    width: 27px;
    height: 15px;
    background-position: -131px -216px
}

.common-payment-icon {
    width: 138px;
    height: 56px;
    display: inline-block;
    background-position: -29px -308px
}

.common-payment-icon-mobile {
    width: 282px;
    height: 24px;
    display: inline-block;
    background-position: -487px -211px
}

.course-menu-icon {
    background-position: -190px -434px;
    width: 5px;
    height: 25px
}

.course-menu-green-icon {
    background-position: -437px -433px;
    width: 5px;
    height: 25px
}

.drop-query-icon {
    background-position: -643px -1334px;
    width: 15px;
    height: 17px;
    display: inline-block
}

.envelope-open {
    background-position: -682px -1287px;
    width: 16px;
    height: 12px;
    display: inline-block
}

.envelope-open-green {
    background-position: -411px -396px;
    width: 16px;
    height: 12px;
    display: inline-block
}

.envelope-open-black {
    background-position: -489px -396px;
    width: 16px;
    height: 12px;
    display: inline-block
}

.small-user {
    background-position: -432px -269px;
    width: 13px;
    height: 15px;
    display: inline-block
}

.small-user-black {
    background-position: -297px -435px;
    width: 17px;
    height: 21px;
    display: inline-block
}

.call-back {
    background-position: -642px -1285px;
    width: 16px;
    height: 16px;
    display: inline-block
}

.four-direction-arrow {
    background-position: -365px -438px;
    width: 15px;
    height: 15px;
    display: inline-block
}

.user-profile-icon {
    background-position: -297px -435px;
    width: 15px;
    height: 15px;
    display: inline-block
}

.bootcamp-icon-01 {
    background-position: -429px -667px;
    width: 49px;
    height: 52px;
    display: inline-block
}

.bootcamp-icon-02 {
    background-position: -425px -578px;
    width: 57px;
    height: 52px;
    display: inline-block
}

.bootcamp-icon-03 {
    background-position: -685px -576px;
    width: 49px;
    height: 52px;
    display: inline-block
}

.icon-book {
    background-position: -342px -269px;
    width: 16px;
    height: 16px;
    display: inline-block
}

.black-live-chat {
    background-position: -510px -697px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.green-live-chat {
    background-position: -565px -697px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.white-live-chat {
    background-position: -616px -697px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.f-icons {
    background-image: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png");
    background-repeat: no-repeat
}

.f-new-course-icon {
    background-position: -666px -126px;
    width: 26px;
    height: 22px;
    display: inline-block
}

.f-search-icon {
    background-position: -586px -188px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.f-black-close-icon {
    background-position: -572px -36px;
    width: 14px;
    height: 14px;
    display: inline-block
}

.f-black-cart-icon {
    background-position: -495px -189px;
    width: 17px;
    height: 16px;
    display: inline-block;
    margin-top: 5px
}

.f-black-small-cart-icon {
    background-position: -379px -126px;
    width: 24px;
    height: 20px;
    display: inline-block
}

.f-navbar-toggler-icon {
    background-position: -32px -77px;
    width: 18px;
    height: 12px;
    display: inline-block
}

.f-nav-menu-dropdown-icon {
    background-position: -449px -196px;
    display: inline-block;
    height: 4px;
    width: 6px;
    margin-bottom: 2px
}

.course-1 {
    background-position: -8px 2px
}

.course-2 {
    background-position: -310px 3px
}

.course-3 {
    background-position: -208px -999px
}

.course-4 {
    background-position: -95px -1095px
}

.course-5 {
    background-position: -510px 3px
}

.course-6 {
    background-position: -610px -597px
}

.course-8 {
    background-position: -609px -997px
}

.course-10 {
    background-position: -207px -100px
}

.course-11 {
    background-position: -508px -1500px
}

.course-12 {
    background-position: -301px -1497px
}

.course-13 {
    background-position: -313px -999px
}

.course-14 {
    background-position: -306px -403px
}

.course-15 {
    background-position: -610px 3px
}

.course-16 {
    background-position: -710px 3px
}

.course-17 {
    background-position: -209px 3px
}

.course-18 {
    background-position: -5px -1696px
}

.course-19 {
    background-position: -11px -203px
}

.course-20 {
    background-position: -5px -2294px
}

.course-21 {
    background-position: -502px -1201px
}

.course-22 {
    background-position: -599px -1200px
}

.course-24 {
    background-position: -310px -700px
}

.course-23 {
    background-position: -410px -699px
}

.course-25 {
    background-position: -510px -703px
}

.course-27 {
    background-position: -610px -795px
}

.course-28 {
    background-position: -210px -401px
}

.course-29 {
    background-position: -611px -2200px
}

.course-30 {
    background-position: -299px -1304px
}

.course-31 {
    background-position: -708px -2199px
}

.course-32 {
    background-position: -0px -1300px
}

.course-33 {
    background-position: -713px -2098px
}

.course-34 {
    background-position: -110px -898px
}

.course-35 {
    background-position: -214px -898px
}

.course-36 {
    background-position: -410px -203px
}

.course-37 {
    background-position: -710px -795px
}

.course-38 {
    background-position: -299px -1095px
}

.course-39 {
    background-position: -400px -1095px
}

.course-40 {
    background-position: -502px -1095px
}

.course-41 {
    background-position: -600px -1095px
}

.course-42 {
    background-position: -700px -1095px
}

.course-43 {
    background-position: -100px -1198px
}

.course-44 {
    background-position: -200px -1196px
}

.course-45 {
    background-position: -0px -1198px
}

.course-46 {
    background-position: -411px -1500px
}

.course-47 {
    background-position: -413px -2505px
}

.course-48 {
    background-position: -309px -2504px
}

.course-49 {
    background-position: -203px -1696px
}

.course-50 {
    background-position: -307px -1700px
}

.course-51 {
    background-position: -210px -203px
}

.course-52 {
    background-position: -310px -203px
}

.course-53 {
    background-position: -108px -1902px
}

.course-55 {
    background-position: -700px -1198px
}

.course-57 {
    background-position: -8px -503px
}

.course-58 {
    background-position: -210px -503px
}

.course-59 {
    background-position: -110px -600px
}

.course-62 {
    background-position: -309px -103px
}

.course-63 {
    background-position: -714px -1597px
}

.course-64 {
    background-position: -105px -1696px
}

.course-65 {
    background-position: -711px -98px
}

.course-66 {
    background-position: -110px -403px
}

.course-67 {
    background-position: -305px -1803px
}

.course-69 {
    background-position: -212px -1999px
}

.course-72 {
    background-position: -106px -1799px
}

.course-73 {
    background-position: -211px -1901px
}

.course-75 {
    background-position: -309px -1903px
}

.course-76 {
    background-position: -707px -1903px
}

.course-77 {
    background-position: -8px -1999px
}

.course-78 {
    background-position: -507px -1903px
}

.course-83 {
    background-position: -713px -2396px
}

.course-84 {
    background-position: -110px -2502px
}

.course-85 {
    background-position: -9px -2500px
}

.course-86 {
    background-position: -404px -1799px
}

.course-87 {
    background-position: -710px -203px
}

.course-88 {
    background-position: -512px -2503px
}

.course-89 {
    background-position: -8px -303px
}

.course-104 {
    background-position: -407px -1903px
}

.course-106 {
    background-position: -612px -2000px
}

.course-108 {
    background-position: -110px -303px
}

.course-109 {
    background-position: -713px -1697px
}

.course-110 {
    background-position: -8px -999px
}

.course-111 {
    background-position: -10px -503px
}

.course-114 {
    background-position: -7px -1799px
}

.course-116 {
    background-position: -406px -1701px
}

.course-117 {
    background-position: -206px -1501px
}

.course-118 {
    background-position: -610px -1804px
}

.course-120 {
    background-position: -210px -603px
}

.course-121 {
    background-position: -203px -1402px
}

.course-123 {
    background-position: -210px -303px
}

.course-125 {
    background-position: -509px -1702px
}

.course-127 {
    background-position: -404px -1599px
}

.course-131 {
    background-position: -608px -1698px
}

.course-133 {
    background-position: -4px -1398px
}

.course-134 {
    background-position: -105px -1397px
}

.course-135 {
    background-position: -302px -1395px
}

.course-136 {
    background-position: -400px -1397px
}

.course-137 {
    background-position: -501px -1395px
}

.course-138 {
    background-position: -594px -1394px
}

.course-139 {
    background-position: -698px -1394px
}

.course-140 {
    background-position: -1px -1502px
}

.course-141 {
    background-position: -100px -1500px
}

.course-144 {
    background-position: -611px -98px
}

.course-146 {
    background-position: -510px -803px
}

.course-147 {
    background-position: -210px -703px
}

.course-149 {
    background-position: -513px -1800px
}

.course-150 {
    background-position: -410px 3px
}

.course-151 {
    background-position: -305px -1596px
}

.course-152 {
    background-position: -110px -203px
}

.course-154 {
    background-position: -310px -895px
}

.course-157 {
    background-position: -205px -1599px
}

.course-158 {
    background-position: -510px -203px
}

.course-159 {
    background-position: -610px -203px
}

.course-160 {
    background-position: -8px -703px
}

.course-161 {
    background-position: -110px -703px
}

.course-162 {
    background-position: -606px -1903px
}

.course-163 {
    background-position: -6px -2202px
}

.course-169 {
    background-position: -110px -503px
}

.course-170 {
    background-position: -310px -603px
}

.course-171 {
    background-position: -513px -1998px
}

.course-173 {
    background-position: -710px -303px
}

.course-178 {
    background-position: -410px -503px
}

.course-183 {
    background-position: -206px -2508px
}

.course-184 {
    background-position: -408px -999px
}

.course-192 {
    background-position: -501px -1303px
}

.course-195 {
    background-position: -310px -503px
}

.course-196 {
    background-position: -410px -603px
}

.course-197 {
    background-position: -108px -999px
}

.course-208 {
    background-position: -410px -803px
}

.course-211 {
    background-position: -700px -1302px
}

.course-212 {
    background-position: -10px -1904px
}

.course-213 {
    background-position: -299px -1204px
}

.course-214 {
    background-position: -8px -2000px
}

.course-215 {
    background-position: -109px -2197px
}

.course-217 {
    background-position: -198px -1095px
}

.course-227 {
    background-position: -708px -896px
}

.course-228 {
    background-position: -508px -999px
}

.course-230 {
    background-position: -8px -403px
}

.course-234 {
    background-position: -511px -2202px
}

.course-237 {
    background-position: -7px -2098px
}

.course-238 {
    background-position: -410px -2399px
}

.course-239 {
    background-position: -208px -2097px
}

.course-241 {
    background-position: -310px -2179px
}

.course-242 {
    background-position: -511px -2094px
}

.course-243 {
    background-position: -411px -2095px
}

.course-244 {
    background-position: -410px -2000px
}

.course-247 {
    background-position: -111px -2099px
}

.course-248 {
    background-position: -308px -2097px
}

.course-245 {
    background-position: -310px -2005px
}

.course-246 {
    background-position: -8px -1598px
}

.course-250 {
    background-position: -410px -2179px
}

.course-249 {
    background-position: -710px -597px
}

.course-257 {
    background-position: -210px -2179px
}

.course-274 {
    background-position: -609px -2100px
}

.course-289 {
    background-position: -105px -2295px
}

.course-290 {
    background-position: -208px -2294px
}

.course-291 {
    background-position: -309px -2300px
}

.course-292 {
    background-position: -112px -2397px
}

.course-293 {
    background-position: -208px -2398px
}

.course-302 {
    background-position: -307px -2400px
}

.course-303 {
    background-position: -510px -2398px
}

.course-304 {
    background-position: -609px -2376px
}

.course-312 {
    background-position: -715px -2502px
}

.course-700 {
    background-position: -609px -2498px
}

.course-701 {
    background-position: -9px -2601px
}

.course-702 {
    background-position: -114px -2601px
}

.course-703 {
    background-position: -210px -2601px
}

.course-704 {
    background-position: -510px -2601px
}

.course-705 {
    background-position: -609px -2601px
}

.course-706 {
    background-position: -712px -2601px
}

.course-707 {
    background-position: -10px -2700px
}

.course-708 {
    background-position: -112px -2700px
}

.course-709 {
    background-position: -209px -2700px
}

.course-710 {
    background-position: -310px -2700px
}

.course-711 {
    background-position: -413px -2700px
}

.course-712 {
    background-position: -513px -2700px
}

.course-713 {
    background-position: -611px -2698px
}

.course-714 {
    background-position: -712px -2700px
}

.course-715 {
    background-position: -11px -2804px
}

.course-716 {
    background-position: -107px -2800px
}

.course-717 {
    background-position: -213px -2800px
}

.course-718 {
    background-position: -311px -2800px
}

.course-719 {
    background-position: -411px -2802px
}

.course-720 {
    background-position: -513px -2801px
}

.course-721 {
    background-position: -611px -2801px
}

.course-722 {
    background-position: -712px -2806px
}

.course-723 {
    background-position: -13px -2901px
}

.course-724 {
    background-position: -110px -2901px
}

.course-725 {
    background-position: -208px -2896px
}

.course-726 {
    background-position: -310px -2899px
}

.course-727 {
    background-position: -410px -2899px
}

.course-728 {
    background-position: -510px -2910px
}

.course-729 {
    background-position: -606px -2901px
}

.course-730 {
    background-position: -711px -2904px
}

.course-731 {
    background-position: -11px -3011px
}

.course-732 {
    background-position: -108px -3013px
}

.course-733 {
    background-position: -208px -3010px
}

.course-734 {
    background-position: -308px -3009px
}

.course-735 {
    background-position: -408px -3008px
}

.course-736 {
    background-position: -508px -3009px
}

.course-737 {
    background-position: -610px -3009px
}

.course-738 {
    background-position: -715px -3008px
}

.course-739 {
    background-position: -8px -3111px
}

.course-740 {
    background-position: -108px -3111px
}

.course-741 {
    background-position: -208px -3111px
}

.course-742 {
    background-position: -308px -3111px
}

.course-743 {
    background-position: -408px -3111px
}

.course-744 {
    background-position: -508px -3111px
}

.course-745 {
    background-position: -611px -3112px
}

.course-746 {
    background-position: -710px -3111px
}

.course-747 {
    background-position: -9px -3211px
}

.course-748 {
    background-position: -109px -3209px
}

.course-749 {
    background-position: -208px -3211px
}

.course-750 {
    background-position: -310px -3213px
}

.course-751 {
    background-position: -409px -3211px
}

.course-752 {
    background-position: -510px -3215px
}

.course-753 {
    background-position: -609px -3211px
}

.course-754 {
    background-position: -710px -3211px
}

.course-755 {
    background-position: -10px -3311px
}

.course-756 {
    background-position: -110px -3310px
}

.course-757 {
    background-position: -210px -3310px
}

.course-758 {
    background-position: -310px -3310px
}

.course-759 {
    background-position: -410px -3310px
}

.course-760 {
    background-position: -509px -3310px
}

.course-761 {
    background-position: -609px -3313px
}

.course-762 {
    background-position: -710px -3310px
}

.course-763 {
    background-position: -13px -3413px
}

.course-764 {
    background-position: -109px -3409px
}

.course-765 {
    background-position: -210px -3410px
}

.course-766 {
    background-position: -310px -3410px
}

.course-767 {
    background-position: -410px -3410px
}

.course-768 {
    background-position: -510px -3410px
}

.course-769 {
    background-position: -612px -3410px
}

.course-770 {
    background-position: -710px -3410px
}

.course-771 {
    background-position: -10px -3511px
}

.course-772 {
    background-position: -110px -3510px
}

.course-773 {
    background-position: -210px -3510px
}

.course-774 {
    background-position: -310px -3509px
}

.course-775 {
    background-position: -410px -3509px
}

.course-776 {
    background-position: -510px -3509px
}

.course-777 {
    background-position: -610px -3509px
}

.course-778 {
    background-position: -710px -3510px
}

.course-779 {
    background-position: -11px -3610px
}

.course-780 {
    background-position: -111px -3609px
}

.course-781 {
    background-position: -211px -3609px
}

.course-782 {
    background-position: -311px -3609px
}

.course-783 {
    background-position: -411px -3610px
}

.course-784 {
    background-position: -510px -3610px
}

.course-785 {
    background-position: -610px -3609px
}

.course-786 {
    background-position: -710px -3610px
}

.course-787 {
    background-position: -11px -3710px
}

.course-788 {
    background-position: -110px -3710px
}

.course-789 {
    background-position: -210px -3710px
}

.course-790 {
    background-position: -310px -3709px
}

.course-791 {
    background-position: -410px -3709px
}

.course-792 {
    background-position: -510px -3710px
}

.course-793 {
    background-position: -609px -3709px
}

.course-794 {
    background-position: -710px -3709px
}

.course-795 {
    background-position: -11px -3809px
}

.course-796 {
    background-position: -110px -3809px
}

.course-797 {
    background-position: -210px -3809px
}

.course-798 {
    background-position: -310px -3809px
}

.course-799 {
    background-position: -410px -3809px
}

.course-800 {
    background-position: -510px -3809px
}

.course-801 {
    background-position: -611px -3810px
}

.course-802 {
    background-position: -710px -3810px
}

.course-803 {
    background-position: -11px -3910px
}

.course-804 {
    background-position: -110px -3910px
}

.course-805 {
    background-position: -210px -3909px
}

.course-806 {
    background-position: -310px -3910px
}

.course-807 {
    background-position: -410px -3910px
}

.course-808 {
    background-position: -511px -3910px
}

.course-809 {
    background-position: -611px -3910px
}

.course-810 {
    background-position: -711px -3910px
}

.course-811 {
    background-position: -11px -4009px
}

.course-812 {
    background-position: -111px -4009px
}

.course-813 {
    background-position: -211px -4009px
}

.course-814 {
    background-position: -311px -4009px
}

.course-815 {
    background-position: -411px -4009px
}

.course-816 {
    background-position: -511px -4009px
}

.course-817 {
    background-position: -611px -4010px
}

.course-818 {
    background-position: -18px -4120px
}

.course-819 {
    background-position: -111px -4120px
}

.course-820 {
    background-position: -212px -4120px
}

.course-821 {
    background-position: -313px -4120px
}

.course-822 {
    background-position: -414px -4120px
}

.course-823 {
    background-position: -515px -4120px
}

.course-824 {
    background-position: -616px -4120px
}

.course-825 {
    background-position: -709px -4120px
}

.course-826 {
    background-position: -18px -4225px
}

.course-827 {
    background-position: -111px -4225px
}

.course-828 {
    background-position: -212px -4225px
}

.course-829 {
    background-position: -310px -4221px
}

.course-830 {
    background-position: -409px -4221px
}

.course-831 {
    background-position: -516px -4221px
}

.course-832 {
    background-position: -616px -4221px
}

.course-833 {
    background-position: -135px -4310px
}

.course-834 {
    background-position: -259px -4325px
}

.course-835 {
    background-position: -379px -4324px
}

.course-836 {
    background-position: -491px -4327px
}

.course-837 {
    background-position: -592px -4327px
}

.course-838 {
    background-position: -692px -4327px
}

.course-839 {
    background-position: -21px -4418px
}

.course-840 {
    background-position: -132px -4418px
}

.course-841 {
    background-position: -241px -4418px
}

.course-842 {
    background-position: -361px -4419px
}

.course-843 {
    background-position: -480px -4420px
}

.how-why-icon-01 {
    background-position: -45px -51px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-02 {
    background-position: -176px -50px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-03 {
    background-position: -309px -50px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-04 {
    background-position: -437px -51px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-05 {
    background-position: -575px -50px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-06 {
    background-position: -699px -50px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-07 {
    background-position: -46px -144px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-08 {
    background-position: -181px -140px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-09 {
    background-position: -305px -142px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-10 {
    background-position: -441px -140px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-11 {
    background-position: -571px -143px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.how-why-icon-12 {
    background-position: -699px -144px;
    width: 60px;
    height: 55px;
    display: inline-block
}

.acdtn-page-1 {
    background-position: -274px -14px;
    width: 34px;
    height: 35px;
    display: inline-block
}

.acdtn-page-2 {
    background-position: -253px -117px;
    width: 91px;
    height: 24px;
    display: inline-block
}

.acdtn-page-3 {
    background-position: -255px -207px;
    width: 97px;
    height: 40px;
    display: inline-block
}

.acdtn-page-4 {
    background-position: -254px -314px;
    width: 90px;
    height: 24px;
    display: inline-block
}

.acdtn-page-5 {
    background-position: -253px -410px;
    width: 92px;
    height: 26px;
    display: inline-block
}

.acdtn-page-6 {
    background-position: -252px -521px;
    width: 91px;
    height: 16px;
    display: inline-block
}

.acdtn-page-7 {
    background-position: -289px -604px;
    width: 36px;
    height: 38px;
    display: inline-block
}

.acdtn-page-8 {
    background-position: -254px -706px;
    width: 91px;
    height: 33px;
    display: inline-block
}

.acdtn-page-9 {
    background-position: -283px -803px;
    width: 63px;
    height: 53px;
    display: inline-block
}

.acdtn-page-10 {
    background-position: -253px -920px;
    width: 91px;
    height: 10px;
    display: inline-block
}

.acdtn-page-11 {
    background-position: -253px -1012px;
    width: 92px;
    height: 28px;
    display: inline-block
}

.acdtn-page-12 {
    background-position: -292px -1101px;
    width: 36px;
    height: 39px;
    display: inline-block
}

.acdtn-page-13 {
    background-position: -288px -1202px;
    width: 56px;
    height: 54px;
    display: inline-block
}

.acdtn-page-14 {
    background-position: -254px -1305px;
    width: 93px;
    height: 41px;
    display: inline-block
}

.acdtn-page-15 {
    background-position: -254px -1401px;
    width: 39px;
    height: 39px;
    display: inline-block
}

.acdtn-page-16 {
    background-position: -258px -1510px;
    width: 96px;
    height: 32px;
    display: inline-block
}

.acdtn-page-17 {
    background-position: -256px -1692px;
    width: 34px;
    height: 43px;
    display: inline-block
}

.acdtn-page-18 {
    background-position: -255px -1789px;
    width: 95px;
    height: 48px;
    display: inline-block
}

.acdtn-page-19 {
    background-position: -256px -1891px;
    width: 90px;
    height: 26px;
    display: inline-block
}

.acdtn-page-20 {
    background-position: -257px -3045px;
    width: 52px;
    height: 51px;
    display: inline-block
}

.acdtn-page-21 {
    background-position: -263px -2100px;
    width: 125px;
    height: 54px;
    display: inline-block
}

.acdtn-page-22 {
    background-position: -304px -2206px;
    width: 44px;
    height: 53px;
    display: inline-block
}

.acdtn-page-23 {
    background-position: -297px -2421px;
    width: 58px;
    height: 52px;
    display: inline-block
}

.acdtn-page-24 {
    background-position: -299px -2310px;
    width: 51px;
    height: 50px;
    display: inline-block
}

.acdtn-page-25 {
    background-position: -263px -2512px;
    width: 125px;
    height: 51px;
    display: inline-block
}

.acdtn-page-26 {
    background-position: -263px -2612px;
    width: 125px;
    height: 49px;
    display: inline-block
}

.acdtn-page-27 {
    background-position: -263px -2712px;
    width: 125px;
    height: 48px;
    display: inline-block
}

.acdtn-page-28 {
    background-position: -263px -2809px;
    width: 120px;
    height: 54px;
    display: inline-block
}

.acdtn-page-29 {
    background-position: -253px -2923px;
    width: 62px;
    height: 54px;
    display: inline-block
}

.acdtn-page-30 {
    background-position: -256px -3156px;
    width: 52px;
    height: 52px;
    display: inline-block
}

.acdtn-page-31 {
    background-position: -578px -3300px;
    width: 70px;
    height: 32px;
    display: inline-block
}

.acdtn-page-32 {
    background-position: -583px -3417px;
    width: 119px;
    height: 37px;
    display: inline-block
}

.acdtn-page-33 {
    background-position: -328px -3537px;
    width: 54px;
    height: 54px;
    display: inline-block
}

.acdtn-page-34 {
    background-position: -577px -3670px;
    width: 133px;
    height: 38px;
    display: inline-block
}

.acdtn-page-35 {
    background-position: -98px -3771px;
    width: 83px;
    height: 40px;
    display: inline-block
}

.acdtn-page-36 {
    background-position: -300px -3875px;
    width: 97px;
    height: 52px;
    display: inline-block
}

.acdtn-page-37 {
    background-position: -312px -3986px;
    width: 54px;
    height: 54px;
    display: inline-block
}

.acdtn-page-38 {
    background-position: -292px -4100px;
    width: 95px;
    height: 54px;
    display: inline-block
}

.acdtn-page-39 {
    background-position: -305px -4212px;
    width: 50px;
    height: 54px;
    display: inline-block
}

.accrediation-sprite-icon-1 {
    background-position: -33px -9px;
    width: 133px;
    height: 69px;
    display: inline-block
}

.accrediation-sprite-icon-2 {
    background-position: -4px -122px;
    width: 193px;
    height: 36px;
    display: inline-block
}

.accrediation-sprite-icon-3 {
    background-position: -7px -208px;
    width: 190px;
    height: 66px;
    display: inline-block
}

.accrediation-sprite-icon-4 {
    background-position: -9px -321px;
    width: 191px;
    height: 42px;
    display: inline-block
}

.accrediation-sprite-icon-5 {
    background-position: -7px -424px;
    width: 195px;
    height: 34px;
    display: inline-block
}

.accrediation-sprite-icon-6 {
    background-position: -8px -528px;
    width: 195px;
    height: 28px;
    display: inline-block
}

.accrediation-sprite-icon-7 {
    background-position: -74px -602px;
    width: 65px;
    height: 79px;
    display: inline-block
}

.accrediation-sprite-icon-8 {
    background-position: -7px -707px;
    width: 195px;
    height: 69px;
    display: inline-block
}

.accrediation-sprite-icon-9 {
    background-position: -57px -802px;
    width: 95px;
    height: 80px;
    display: inline-block
}

.accrediation-sprite-icon-10 {
    background-position: -10px -933px;
    width: 193px;
    height: 16px;
    display: inline-block
}

.accrediation-sprite-icon-11 {
    background-position: -11px -1016px;
    width: 194px;
    height: 52px;
    display: inline-block
}

.accrediation-sprite-icon-12 {
    background-position: -70px -1102px;
    width: 78px;
    height: 78px;
    display: inline-block
}

.accrediation-sprite-icon-13 {
    background-position: -69px -1202px;
    width: 79px;
    height: 76px;
    display: inline-block
}

.accrediation-sprite-icon-14 {
    background-position: -14px -1306px;
    width: 191px;
    height: 70px;
    display: inline-block
}

.accrediation-sprite-icon-15 {
    background-position: -73px -1402px;
    width: 78px;
    height: 78px;
    display: inline-block
}

.accrediation-sprite-icon-16 {
    background-position: -9px -1520px;
    width: 194px;
    height: 55px;
    display: inline-block
}

.accrediation-sprite-icon-17 {
    background-position: -81px -1696px;
    width: 60px;
    height: 75px;
    display: inline-block
}

.accrediation-sprite-icon-18 {
    background-position: -10px -1789px;
    width: 195px;
    height: 68px;
    display: inline-block
}

.accrediation-sprite-icon-19 {
    background-position: -14px -1891px;
    width: 186px;
    height: 56px;
    display: inline-block
}

.accrediation-sprite-icon-20 {
    background-position: -65px -1973px;
    width: 78px;
    height: 78px;
    display: inline-block
}

.accrediation-sprite-icon-21 {
    background-position: -28px -2093px;
    width: 195px;
    height: 70px;
    display: inline-block
}

.accrediation-sprite-icon-22 {
    background-position: -93px -2200px;
    width: 64px;
    height: 78px;
    display: inline-block
}

.accrediation-sprite-icon-23 {
    background-position: -82px -2408px;
    width: 88px;
    height: 78px;
    display: inline-block
}

.accrediation-sprite-icon-24 {
    background-position: -86px -2310px;
    width: 75px;
    height: 74px;
    display: inline-block
}

.color-clients-icon-1 {
    background-position: -26px -36px;
    width: 69px;
    height: 69px;
    display: inline-block
}

.color-clients-icon-2 {
    background-position: -189px -31px;
    width: 71px;
    height: 72px;
    display: inline-block
}

.color-clients-icon-3 {
    background-position: -342px -56px;
    width: 92px;
    height: 47px;
    display: inline-block
}

.color-clients-icon-4 {
    background-position: -516px -40px;
    width: 71px;
    height: 69px;
    display: inline-block
}

.color-clients-icon-5 {
    background-position: -660px -53px;
    width: 111px;
    height: 38px;
    display: inline-block
}

.color-clients-icon-6 {
    background-position: -24px -167px;
    width: 106px;
    height: 24px;
    display: inline-block
}

.color-clients-icon-7 {
    background-position: -188px -166px;
    width: 80px;
    height: 30px;
    display: inline-block
}

.color-clients-icon-8 {
    background-position: -326px -141px;
    width: 97px;
    height: 58px;
    display: inline-block
}

.color-clients-icon-9 {
    background-position: -485px -145px;
    width: 102px;
    height: 48px;
    display: inline-block
}

.color-clients-icon-10 {
    background-position: -634px -141px;
    width: 135px;
    height: 59px;
    display: inline-block
}

.color-clients-icon-11 {
    background-position: -24px -243px;
    width: 110px;
    height: 50px;
    display: inline-block
}

.color-clients-icon-12 {
    background-position: -190px -267px;
    width: 95px;
    height: 29px;
    display: inline-block
}

.color-clients-icon-13 {
    background-position: -335px -256px;
    width: 116px;
    height: 37px;
    display: inline-block
}

.color-clients-icon-14 {
    background-position: -520px -264px;
    width: 91px;
    height: 26px;
    display: inline-block
}

.color-clients-icon-15 {
    background-position: -664px -260px;
    width: 107px;
    height: 27px;
    display: inline-block
}

.color-clients-icon-16 {
    background-position: -28px -350px;
    width: 106px;
    height: 28px;
    display: inline-block
}

.color-clients-icon-17 {
    background-position: -187px -364px;
    width: 116px;
    height: 14px;
    display: inline-block
}

.color-clients-icon-18 {
    background-position: -355px -357px;
    width: 109px;
    height: 26px;
    display: inline-block
}

.color-clients-icon-19 {
    background-position: -541px -357px;
    width: 65px;
    height: 24px;
    display: inline-block
}

.color-clients-icon-20 {
    background-position: -691px -356px;
    width: 92px;
    height: 27px;
    display: inline-block
}

.color-clients-icon-21 {
    background-position: -29px -428px;
    width: 106px;
    height: 85px;
    display: inline-block
}

.color-clients-icon-22 {
    background-position: -181px -460px;
    width: 116px;
    height: 21px;
    display: inline-block
}

.color-clients-icon-23 {
    background-position: -355px -458px;
    width: 90px;
    height: 23px;
    display: inline-block
}

.color-clients-icon-24 {
    background-position: -520px -435px;
    width: 111px;
    height: 55px;
    display: inline-block
}

.color-clients-icon-25 {
    background-position: -680px -465px;
    width: 95px;
    height: 16px;
    display: inline-block
}

.color-clients-icon-26 {
    background-position: -27px -572px;
    width: 137px;
    height: 29px;
    display: inline-block
}

.color-clients-icon-27 {
    background-position: -193px -563px;
    width: 139px;
    height: 30px;
    display: inline-block
}

.color-clients-icon-28 {
    background-position: -377px -572px;
    width: 103px;
    height: 31px;
    display: inline-block
}

.color-clients-icon-29 {
    background-position: -530px -568px;
    width: 94px;
    height: 29px;
    display: inline-block
}

.color-clients-icon-30 {
    background-position: -660px -568px;
    width: 111px;
    height: 29px;
    display: inline-block
}

.color-clients-icon-31 {
    background-position: -26px -654px;
    width: 127px;
    height: 35px;
    display: inline-block
}

.color-clients-icon-32 {
    background-position: -200px -657px;
    width: 139px;
    height: 32px;
    display: inline-block
}

.color-clients-icon-33 {
    background-position: -394px -653px;
    width: 131px;
    height: 34px;
    display: inline-block
}

.color-clients-icon-34 {
    background-position: -582px -657px;
    width: 193px;
    height: 20px;
    display: inline-block
}

.color-clients-icon-35 {
    background-position: -26px -741px;
    width: 89px;
    height: 43px;
    display: inline-block
}

.color-clients-icon-36 {
    background-position: -154px -750px;
    width: 74px;
    height: 30px;
    display: inline-block
}

.color-clients-icon-37 {
    background-position: -273px -742px;
    width: 109px;
    height: 36px;
    display: inline-block
}

.color-clients-icon-38 {
    background-position: -432px -735px;
    width: 59px;
    height: 60px;
    display: inline-block
}

.color-clients-icon-39 {
    background-position: -531px -730px;
    width: 67px;
    height: 66px;
    display: inline-block
}

.color-clients-icon-40 {
    background-position: -639px -750px;
    width: 131px;
    height: 26px;
    display: inline-block
}

.main-header .navbar-nav.ml-auto .nav-item:nth-last-of-type(2):hover:after {
    opacity: 0
}

.btn-black {
    background-color: #ffffff !important;
    padding: 0px 12px !important;
    height: 32px !important;
    line-height: 18px !important;
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    border: 0 none;
    overflow: hidden;
    font-size: 15px;
    border: 1px solid #000000 !important;
    display: flex;
    align-items: center
}

.btn-black:hover,
.btn-black:focus {
    color: #fff
}

.btn-black .right-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 32px !important;
    background: #1d1d1d;
    transform: translateY(-50%);
    height: 40px !important;
    border-radius: 0px 4px 4px 0
}

.main-header {
    height: 68px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08)
}

.main-header .navbar .container-fluid {
    padding-left: 50px;
    padding-right: 50px
}

.main-header .navbar {
    background-color: #fff;
    height: 68px;
    padding: 10px 0px
}

.main-header .navbar button.navbar-toggler.d-block {
    outline: none
}

.main-header .navbar .navbar-nav {
    align-items: center;
    position: relative;
    margin-right: 0px
}

.main-header .navbar .navbar-nav .nav-item.courses-hover {
    margin-left: 48px;
    cursor: pointer
}

.main-header .navbar .navbar-nav .nav-item.courses-hover a.nav-link .black-right-arrow-icon {
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 3px;
    margin-bottom: 2px;
    transform: rotate(90deg)
}

.main-header .navbar .navbar-nav .nav-item.courses-hover a.nav-link {
    padding: 10px 12px;
    border: 1px solid #a7a5a600;
    display: flex;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    margin: 20px 0;
    height: 36px;
    font-weight: 600;
    line-height: 21px;
    background-color: #F0F0F0
}

.main-header .navbar .navbar-nav .nav-item.courses-hover a.nav-link .f-new-course-icon {
    margin-right: 12px
}

.main-header .navbar .navbar-nav .nav-item.courses-hover a.nav-link .f-courses-caret-icon {
    display: inline-block;
    height: 8px;
    width: 12px;
    content: "";
    background-position: -336px -193px;
    margin-left: 12px
}

.main-header .navbar .navbar-brand {
    padding: 0 0;
    margin-right: 0;
    align-items: center;
    height: 44px
}

.main-header .navbar-nav .nav-link {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    padding: 20px 0;
    line-height: 21px
}

.main-header .navbar-nav .nav-item.cart-item .nav-link {
    padding: 17px 0
}

.main-header .navbar-nav .nav-link .cart-fill {
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    background-color: #ec4e5d;
    background-repeat: no-repeat;
    right: -3px;
    top: 22px;
    border: 2px solid #fff
}

.main-header .navbar-nav .nav-item {
    margin-left: 22px;
    position: relative
}

.main-header .navbar-nav.navbar-search .nav-item {
    margin-left: 12px;
    position: relative
}

.main-header .navbar-nav .nav-item .form-group {
    position: relative;
    margin-bottom: 0;
    top: 0px
}

.main-header .navbar-nav .nav-item .form-group .form-control {
    border-radius: 4px;
    color: #231f20;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    border: 0;
    padding: 8px 15px 8px 44px;
    height: 36px;
    width: 279px
}

.main-header .navbar-nav .nav-item .form-group .form-control:focus {
    box-shadow: none;
    text-shadow: none
}

.main-header .navbar-nav .nav-item .form-group .form-control::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #666 !important;
    text-transform: unset
}

.main-header .navbar-nav .nav-item .form-group .search {
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #fff !important;
    border: 0 none;
    border-radius: 4px;
    height: 36px
}

.main-header .navbar-nav .nav-item .form-group .search.btn:focus {
    box-shadow: none
}

.main-header .navbar-nav .nav-item .form-group .close-btn {
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #fff0 !important;
    padding: 0;
    line-height: 0;
    box-shadow: none;
    height: 36px;
    border: 0px none;
    border-radius: 0px
}

.main-header .navbar-nav .nav-item .form-group .close-btn:active,
.main-header .navbar-nav .nav-item .form-group .close-btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-close-btn {
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 4px;
    border: 0 none;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px
}

.header-search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 17px;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border: 0 none
}

.search-courses.clearfix {
    border: 1px solid #ccc;
    border-radius: 4px
}

.bootcampLink:hover .right-arrow-icon {
    transform: translateX(5px);
    transition: 0.3s
}

.main-header .navbar-nav .nav-item .form-group button {
    padding: 0;
    line-height: 0
}

.navbar-brand img {
    height: 44px
}

*.main-header input::-webkit-input-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: #999 !important;
    text-transform: unset
}

*.main-header input:-moz-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: #999 !important;
    opacity: 1;
    text-transform: unset
}

*.main-header input::-moz-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: #999 !important;
    opacity: 1;
    text-transform: unset
}

*.main-header input:-ms-input-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: #999 !important;
    text-transform: unset
}

*.main-header input::-ms-input-placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: #999 !important;
    text-transform: unset
}

*.main-header input::placeholder {
    font-size: 13px !important;
    font-weight: 400;
    color: #999 !important;
    text-transform: unset
}

.main-header .navbar-nav.ml-auto .nav-item {
    margin: 0 12px
}

.main-header .navbar-nav.ml-auto .nav-item:last-child {
    margin-right: 0
}

.main-header .navbar-nav.ml-auto .nav-item:last-child:hover:after {
    content: none !important
}

.main-header .navbar-nav.ml-auto .nav-item .btn.btn-black {
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid #a7a5a600 !important;
    height: 36px !important;
    padding: 8px 9px !important;
    border-radius: 4px;
    font-size: 13px !important;
    line-height: 21px !important;
    background-color: #F0F0F0 !important
}

.main-header .navbar-nav.ml-auto .nav-item .btn.btn-black:focus,
.main-header .navbar-nav.ml-auto .nav-item .btn.btn-black:hover {
    box-shadow: none;
    border: 1px solid #00000000 !important
}

.main-header .navbar-nav.ml-auto .nav-item:hover:after,
.main-header .navbar-nav.ml-auto .nav-item:focus:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
    bottom: 1px
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu {
    margin-top: 0px;
    border: 0 none;
    left: 0%;
    ;
    background-color: #fff;
    width: 202px;
    height: auto;
    overflow: visible;
    padding: 0px;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.main-header .navbar-nav.ml-auto .nav-item.bootcamps-menu .dropdown-menu {
    max-height: none;
    overflow-y: auto;
    min-width: 300px
}

.main-header .navbar-nav.ml-auto .nav-item.resources-menu .dropdown-menu {
    min-width: 240px
}

.main-header .navbar-nav.ml-auto .nav-item.help-menu .dropdown-menu {
    left: auto;
    right: 0%
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li {
    cursor: pointer;
    padding: 0px 12px
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li:hover {
    background: #eee
}

.main-header .navbar-nav.ml-auto .nav-item .new-badge,
.new-badge {
    background: #544FBC;
    border-radius: 44px;
    position: absolute;
    left: 0;
    top: 8px;
    display: inline-block;
    color: #fff;
    padding: 1px 5px;
    font-weight: 600;
    font-size: 9px;
    line-height: 12px
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li:first-child:hover {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li:last-child:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li:last-child .dropdown-item {
    border-bottom: none
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li:last-child .dropdown-item:hover {
    border: none
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li.dropdown-submenu>.dropdown-item:before {
    background-position: -336px -75px;
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s;
    background-image: url(https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    right: 10px;
    transform: translateY(-50%) scale(0.7);
    top: 50%;
    opacity: 0.65
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li.dropdown-submenu>.dropdown-item:hover:before {
    transition: 0.3s;
    transform: translateY(-50%) scale(0.7) rotateY(180deg)
}

.main-header .navbar-nav.ml-auto .nav-item.profile {
    position: relative
}

.main-header .navbar-nav.ml-auto .nav-item.profile .nav-link {
    padding: 10px 0px
}

.main-header .navbar-nav.ml-auto .nav-item.profile .nav-link img {
    border-radius: 50%
}

.main-header .navbar-nav.ml-auto .nav-item.profile i.common-icons {
    margin-left: 20px
}

.main-header .navbar-nav.ml-auto .nav-item.profile .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto
}

.main-header .navbar-nav.ml-auto .nav-item.profile .dropdown-menu .dropdown-item {
    padding: 8px 0 8px 15px;
    display: flex;
    margin: 0px
}

.main-header .navbar-nav.ml-auto .nav-item.profile .dropdown-menu .dropdown-item i.common-icons {
    margin-right: 15px;
    margin-left: 0px
}

.main-header .navbar-nav.ml-auto .nav-item.profile:hover:after,
.main-header .navbar-nav.ml-auto .nav-item.profile:focus:after {
    content: "" !important;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
    bottom: 1px
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-item {
    text-align: left;
    color: #231f20;
    padding: 12px 0px;
    border-radius: 0px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    white-space: normal;
    margin: 0px;
    border-bottom: 1px solid #f2f2f2;
    background: transparent
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-item:hover {
    background-color: transparent;
    border-bottom: 1px solid #f2f2f2
}

.event-submenu,
.help-submenu {
    position: relative
}

.main-header .navbar .navbar-nav .dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 0%;
    right: 0% !important;
    min-width: auto;
    width: 202px !important
}

.main-header .navbar .navbar-nav .dropdown-submenu .dropdown-menu .dropdown-item {
    text-align: left !important;
    padding: 12px 0px !important;
    border-bottom: 1px solid #f2f2f2 !important
}

.main-header .navbar-nav.ml-auto .nav-item .dropdown-menu li ul.dropdown-menu {
    border-radius: 4px !important;
    margin: 0px;
    padding: 0px;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1)
}

.search-course {
    width: auto;
    height: auto
}

.navbar-nav li.dropdown-submenu:hover>ul.dropdown-menu {
    display: block
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: -100% !important
}

.dropdown-submenu>.dropdown-menu {
    background-color: #fff;
    border-radius: 0 !important;
    top: 6px;
    margin-top: -6px;
    position: absolute;
    z-index: 9999;
    padding: 0px;
    width: auto !important
}

.dropdown-submenu>.dropdown-menu .dropdown-item {
    color: #000;
    text-align: left !important;
    padding: 10px;
    border-radius: 4px;
    display: block;
    font-size: 13px;
    padding: 10px !important
}

.nav-course-menu>li>.dropdown-menu {
    padding: 16px 38px 0 38px;
    border-radius: 0;
    border: 1px solid #ddd;
    visibility: hidden;
    opacity: 0;
    display: block;
    background-color: #fff;
    right: 0;
    left: 0px;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    height: 497px;
    transition: all 0.3s ease-in-out 0s;
    overflow: hidden;
    position: absolute
}

.nav-course-menu>li:hover>.dropdown-menu {
    opacity: 1;
    visibility: visible
}

.megamenu-courses {
    width: 705px;
    display: flex
}

.megamenu-courses .title-courses:first-child {
    width: 275px
}

.megamenu-courses .title-courses:last-child {
    width: 430px;
    padding-left: 35px
}

.megamenu-courses .title-courses {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border-right: 1px solid #eee;
    padding: 12px 18px 12px 30px;
    margin: 0px
}

.submenu-main {
    margin-bottom: 0;
    list-style: none;
    padding-bottom: 20px;
    width: 275px;
    border-right: 1px solid #eee;
    float: left;
    background-color: #fff;
    height: 420px;
    overflow-Y: auto;
    min-height: 420px !important
}

.submenu-main::-webkit-scrollbar {
    width: 6px
}

.submenu-main::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.submenu-main::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.submenu-main::-webkit-scrollbar-track {
    border-radius: 6px
}

.main-header .submenu-main>li {
    padding: 0;
    border: 0 none;
    border-radius: 4px
}

.main-header .submenu-main>li>a {
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    border: 0 none
}

.submenu-main>li:hover,
.submenu-main>li.active,
.submenu-main>li.active:hover,
.submenu-main>li.active:focus {
    background-color: #dadada;
    color: #fff !important
}

.submenu-main>li:hover>a,
.submenu-main>li.active>a {
    color: #fff;
    font-weight: 700;
    border: 0 none !important
}

.submenu-main>li:hover>a span,
.submenu-main>li.active>a span {
    color: #fff;
    background-color: #4dd7c8;
    border-color: #4dd7c8;
    font-weight: 700
}

.main-header .submenu-main>li:last-child>a,
.main-header .sub-menu ul>li:last-child>a {
    border-bottom: 0 none
}

.submenu-main>li>a span {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 23px;
    width: 38px;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
    line-height: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 12px
}

.sub-menu {
    width: 430px;
    border-right: 1px solid #eee;
    float: right;
    background-color: #fff;
    position: absolute;
    left: 275px;
    top: 50px;
    padding: 0px 0 12px;
    margin: 0px
}

.dropdown-menu .bottom-right {
    bottom: 10px;
    right: 10px
}

.sub-menu .ul-menu-link {
    overflow-y: auto;
    height: 400px !important
}

.submenu-main .ul-menu-link::-webkit-scrollbar {
    width: 6px
}

.submenu-main .ul-menu-link::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.submenu-main .ul-menu-link::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.submenu-main .ul-menu-link::-webkit-scrollbar-track {
    border-radius: 6px
}

.sub-menu ul .btn-success {
    margin: 6px 15px 0;
    height: auto;
    width: auto;
    padding: 10px
}

.ul-menu-link {
    list-style: none;
    padding: 0px 20px;
    overflow: hidden;
    overflow-y: hidden
}

.ul-menu-link:nth-child(2) {
    border: 0 none
}

.main-header .sub-menu ul>li {
    padding: 0px
}

.main-header .sub-menu ul>li>a {
    color: #000;
    padding: 12px;
    display: inline-block;
    text-decoration: none;
    line-height: normal;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 600
}

.main-header .sub-menu ul>li>a:hover {
    color: #fff !important;
    border-radius: 4px;
    background-color: #231f20
}

.icon-close {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-position: -225px -214px
}

.main-header .submenu-main>li.hover>a {
    border-bottom-color: transparent
}

.view-trending {
    position: absolute;
    left: 740px;
    right: auto;
    top: 0px;
    margin-bottom: 12px;
    width: 430px
}

.view-trending a {
    color: #000000 !important
}

.view-trending h2 {
    font-size: 16px;
    font-weight: 600;
    color: #000000 !important;
    line-height: 24px;
    padding: 12px 0px 7px
}

.view-trending .h-change {
    font-size: 16px;
    font-weight: 600;
    color: #000000 !important;
    line-height: 24px;
    padding: 12px 0px 7px
}

.view-trending p {
    font-size: 14px;
    line-height: 24px;
    color: #3f3f3f !important;
    margin-bottom: 10px
}

.view-trending a {
    color: #000000 !important
}

.view-trending .arrow-info {
    padding-left: 8px
}

.view-trending .accrd-logos {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px
}

.view-trending .accrd-logos .accrediation {
    margin-right: 25px
}

.view-trending .top .view-heading {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    padding: 12px 0
}

.view-trending .top {
    border-bottom: 1px solid #eee;
    padding: 0px 0px 27px
}

.view-trending .viewLink .bootcampLink {
    font-size: 14px;
    line-height: 19px;
    text-decoration: none
}

.view-trending .bottom .accre-header {
    padding: 12px 0 10px
}

.view-trending .bottom .accre-header .accre-title {
    font-size: 16px;
    line-height: 24px;
    color: #000000 !important;
    font-weight: 600
}

.course-menu {
    padding-right: 0px
}

.view-trending .top h2 {
    font-size: 14px
}

.view-trending .top .h-change {
    font-size: 14px
}

.view-trending .accrd-logos a {
    position: relative;
    display: inline-block;
    width: 184px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px 13px;
    text-decoration: none;
    border: 1px solid #f2f2f2;
    border-radius: 5px
}

.view-trending .accrd-logos a:hover {
    box-shadow: 4px 4px 9px 2px rgba(229, 231, 237, 0.5)
}

.view-trending .accrd-logos a:nth-child(2n) {
    margin-right: 0 !important
}

.view-trending .accrd-logos span {
    display: block;
    margin-bottom: 10px
}

.view-trending .accrd-logos a:after {
    position: absolute;
    content: "";
    top: 39px;
    right: 16px;
    width: 9px;
    height: 14px;
    background-image: url("../home-page/images/right-arrow-icon.png")
}

.all-courses-menu {
    padding: 0 50px
}

.all-courses-menu .menu-dropdown .submenu-main .active .sub-menu.hide {
    display: block !important
}

.menu-dropdown {
    z-index: 999;
    margin: 0 auto;
    padding: 0px;
    width: 1340px;
    border-radius: 0;
    border: 1px solid #ddd;
    visibility: hidden;
    opacity: 0;
    display: block;
    background-color: #fff;
    right: 0;
    left: 0px;
    font-size: 13px;
    font-weight: 400;
    transition: all 0.3s ease-in-out 0s;
    overflow: hidden;
    position: absolute
}

.menu-dropdown .submenu-main>li {
    padding: 0;
    border: 0 none;
    border-radius: 4px
}

.menu-dropdown>li>a {
    font-size: 14px;
    font-weight: 600;
    padding: 12px;
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    border: 0 none
}

.courses-hover:hover>.menu-dropdown {
    opacity: 1;
    visibility: visible
}

.menu-dropdown .submenu-main>li {
    padding: 0;
    border: 0 none;
    border-radius: 0px
}

.menu-dropdown .submenu-main>li>a {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 18px 10px 30px;
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    border: 0 none;
    line-height: 18px
}

.menu-dropdown .submenu-main>li>a:before {
    background-position: -342px -35px;
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png');
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    right: 15px;
    transform: translateY(-50%) scale(0.75);
    top: 50%;
    opacity: 0.65
}

.menu-dropdown .submenu-main>li>a:hover:before {
    right: 10px
}

.menu-dropdown .submenu-main>li:hover>a,
.submenu-main>li.active>a {
    color: #000;
    font-weight: 400;
    border: 0 none !important
}

.menu-dropdown .submenu-main>li:hover>a span,
.submenu-main>li.active>a span {
    color: #fff;
    background-color: #4dd7c8;
    border-color: #4dd7c8;
    font-weight: 700
}

.menu-dropdown .submenu-main>li:last-child>a,
.main-header .sub-menu ul>li:last-child>a {
    border-bottom: 0 none
}

.menu-dropdown .sub-menu ul>li {
    padding: 0px
}

.menu-dropdown .sub-menu ul>li>a {
    color: #000;
    padding: 6px 12px;
    display: inline-block;
    text-decoration: none;
    line-height: 18px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400
}

.menu-dropdown .sub-menu ul>li>a:hover {
    color: #26d400 !important;
    border-radius: 4px
}

.sub-menu.hidden,
.view-trending.hidden {
    display: none !important
}

.menu-dropdown .sub-menu ul>li.more-courses {
    padding-top: 10px
}

.menu-dropdown .sub-menu ul>li.more-courses a {
    display: inline-block;
    width: auto;
    font-weight: 600
}

.menu-dropdown .sub-menu ul>li.more-courses a .arrow-info {
    padding-left: 8px;
    line-height: 19px;
    transition: 0.3s
}

.menu-dropdown .sub-menu ul>li.more-courses a:hover .arrow-info {
    padding-left: 15px
}

.all-courses-menu .menu-dropdown .submenu-main.customized-scrollbar {
    overflow-y: scroll;
    scrollbar-color: #ccc #ffffff;
    scrollbar-width: thin
}

.all-courses-menu .menu-dropdown .submenu-main.customized-scrollbar::-webkit-scrollbar {
    width: 6px
}

.all-courses-menu .menu-dropdown .submenu-main.customized-scrollbar::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.all-courses-menu .menu-dropdown .submenu-main.customized-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.all-courses-menu .menu-dropdown .submenu-main.customized-scrollbar::-webkit-scrollbar-track {
    border-radius: 6px
}

.all-courses-menu .menu-dropdown .submenu-main .sub-menu .ul-menu-link.customized-scrollbar {
    overflow-y: scroll;
    scrollbar-color: #ccc #ffffff;
    scrollbar-width: thin
}

.all-courses-menu .menu-dropdown .submenu-main .sub-menu .ul-menu-link.customized-scrollbar::-webkit-scrollbar {
    width: 6px
}

.all-courses-menu .menu-dropdown .submenu-main .sub-menu .ul-menu-link.customized-scrollbar::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.all-courses-menu .menu-dropdown .submenu-main .sub-menu .ul-menu-link.customized-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.all-courses-menu .menu-dropdown .submenu-main .sub-menu .ul-menu-link.customized-scrollbar::-webkit-scrollbar-track {
    border-radius: 6px
}

.search-course {
    position: relative;
    height: 56px;
    width: 320px
}

.search-field {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    width: 100%;
    height: 56px;
    box-shadow: none;
    z-index: 1000
}

.search-field input {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-weight: 600;
    padding: 19px 40px 19px 44px;
    border-radius: 0px;
    height: 56px;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc
}

.search-field .search-course .search-btn {
    position: absolute;
    top: 0;
    padding: 28px 17px;
    border: none;
    background: none
}

.search-field .search-course .close-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px
}

.search-field .search-course .search-btn .f-search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px
}

.search-courses .dropdown.open a {
    background-color: transparent
}

.search-courses .dropdown-menu {
    padding: 0 !important;
    border-radius: 5px;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px
}

.search-courses .dropdown-menu li {
    padding: 9px !important
}

.search-courses .dropdown-menu li a {
    font-size: 14px;
    font-weight: 600;
    color: #000 !important;
    text-decoration: none !important
}

.search-courses .form-list input {
    padding: 10px !important;
    width: 250px;
    border-radius: 5px;
    border: 0
}

.search-courses a {
    padding: 25px 8px 24px;
    display: inline-block
}

.search-courses .dropdown-menu {
    overflow: hidden
}

.search-courses .autocomplete {
    position: relative
}

.search-courses .autocomplete .autocomplete-items {
    position: absolute;
    z-index: 99;
    top: 37px;
    width: 100%;
    padding: 0px;
    background-color: #fff;
    max-height: 400px;
    overflow: auto;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%)
}

.search-courses .autocomplete .autocomplete-items .recent-text {
    font-size: 14px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 19px
}

.search-courses .autocomplete .autocomplete-items .recent-search a {
    float: right;
    color: #26d400;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-decoration: none
}

.search-courses .autocomplete .autocomplete-items ul li {
    padding: 0px 12px
}

.search-courses .autocomplete .autocomplete-items ul li:hover {
    background: #eee
}

.search-courses .autocomplete .autocomplete-items ul li a {
    font-size: 14px;
    line-height: 19px;
    color: #231f20;
    font-weight: 400;
    padding: 12px 0px;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    overflow: hidden
}

.search-courses .autocomplete .autocomplete-items ul li:last-child {
    border-bottom: 0
}

.search-courses .autocomplete .autocomplete-items::-webkit-scrollbar {
    width: 6px
}

.search-courses .autocomplete .autocomplete-items::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.search-courses .autocomplete .autocomplete-items::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.search-courses .autocomplete .autocomplete-items::-webkit-scrollbar-track {
    border-radius: 6px
}

.search-courses .autocomplete .autocomplete-active {
    background-color: DodgerBlue !important;
    color: #fff
}

.autocomplete {
    position: relative
}

.autocomplete .autocomplete-items {
    position: absolute;
    z-index: 99;
    top: 37px;
    width: 100%;
    padding: 0px;
    background-color: #fff;
    max-height: 400px;
    overflow: auto;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%)
}

.autocomplete .autocomplete-items .recent-text {
    font-size: 14px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 19px
}

.autocomplete .autocomplete-items .recent-search a {
    float: right;
    color: #26d400;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-decoration: none
}

.autocomplete .autocomplete-items ul li {
    padding: 0px 12px
}

.autocomplete .autocomplete-items ul li:hover {
    background: #eee
}

.autocomplete .autocomplete-items ul li a {
    font-size: 14px;
    line-height: 19px;
    color: #231f20;
    font-weight: 400;
    padding: 12px 0px;
    border-bottom: 1px solid #f3f3f3;
    text-decoration: none;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    overflow: hidden
}

.autocomplete .autocomplete-items ul li:last-child {
    border-bottom: 0
}

.autocomplete .autocomplete-items::-webkit-scrollbar {
    width: 6px
}

.autocomplete .autocomplete-items::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.autocomplete .autocomplete-items::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.autocomplete .autocomplete-items::-webkit-scrollbar-track {
    border-radius: 6px
}

.autocomplete .autocomplete-active {
    background-color: DodgerBlue !important;
    color: #fff
}

@media only screen and (min-width: 1540px) {
    .sub-menu {
        right: 47%
    }
    .main-header .navbar .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
        width: 1440px !important;
        margin: 0 auto
    }
}

@media only screen and (max-width: 1440px) {
    .menu-dropdown {
        width: 1170px;
        padding: 0;
        border-width: 1px 0
    }
}

@media only screen and (min-width: 1200px) {
    .main-header .container {
        max-width: 1170px
    }
}

@media only screen and (max-width: 1279px) and (min-width: 1200px) {
    .main-header .navbar-nav .nav-item .form-group .form-control {
        width: 200px
    }
}

@media only screen and (max-width: 1199px) {
    .new-badge {
        position: relative;
        top: auto;
        left: auto;
        margin-left: 4px;
        height: 15px;
        padding: 2px 6px;
        font-size: 8px;
        line-height: 11px
    }
    .mobile-bar-footer-call-us {
        height: 108px
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
    .navbar-nav.ml-auto.nav-course-menu.course-menu {
        display: none
    }
    .collapse.navbar-collapse.d-none.d-xl-block,
    .collapse.navbar-course-collapse.d-none.d-xl-block {
        display: none !important
    }
    .main-header {
        height: 70px
    }
    .main-header .navbar {
        height: 70px;
        padding: 0px 15px
    }
    .main-header .navbar .navbar-brand {
        position: absolute;
        top: 50%;
        left: 37px;
        margin: 0px;
        padding: 0;
        transform: translateY(-50%)
    }
    .navbar-brand img {
        height: 50px
    }
    .corporate-right-icon {
        background-position: -380px -23px
    }
    .corporate-left-icon {
        background-position: -380px -23px
    }
    .all-courses-menu {
        display: none
    }
    .open-courses {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100px;
        top: 20px;
        text-align: center;
        display: flex !important;
        justify-content: center
    }
    .open-courses a {
        outline: none;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none !important
    }
    .open-courses a.dropdown-toggle::after {
        position: absolute;
        top: 50%;
        margin-top: 0px;
        margin-left: 3px
    }
    .crs-category h2 {
        font-size: 14px;
        font-weight: 600;
        color: #000;
        padding-bottom: 12px
    }
    .crs-category a {
        font-size: 14px;
        color: #000;
        position: relative;
        text-decoration: none;
        line-height: 19px;
        display: block;
        width: 100%;
        padding-right: 20px
    }
    .crs-category a:before {
        content: "";
        position: absolute;
        right: 20px;
        bottom: 0;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png') no-repeat -181px -158px;
        width: 9px;
        height: 14px
    }
    .crs-category .top .view-heading {
        padding-bottom: 16px
    }
    .crs-category .top {
        padding: 16px 0px 16px 12px;
        border-top: 1px solid #ddd
    }
    .crs-category .bottom {
        padding: 16px 0px 16px 12px;
        border-top: 1px solid #ddd
    }
    .crs-category .bottom .accrd-logos .accrediation {
        margin-right: 15px
    }
    .search-course {
        position: relative;
        height: 56px;
        width: 100% !important
    }
    .search-field {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: auto;
        width: 100%;
        height: 56px;
        box-shadow: none;
        z-index: 1000
    }
    .search-field input {
        width: 100%
    }
    .search-field .form-group .autocomplete-items {
        position: absolute;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        z-index: 99;
        top: 100%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%)
    }
    .search-field .form-group .autocomplete-items div {
        padding: 15px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4
    }
    .search-field .form-group .autocomplete-items div:hover {
        background-color: #e9e9e9
    }
    .search-field .form-group .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #fff
    }
    .search-field .form-group .autocomplete {
        position: relative
    }
    .search-courses .dropdown.open a {
        background-color: transparent
    }
    .search-courses .dropdown-menu {
        padding: 0 !important;
        margin-top: -1px;
        border-radius: 5px
    }
    .search-courses .dropdown li {
        padding: 0 !important
    }
    .search-courses .form-list input {
        padding: 10px !important;
        width: 100% !important;
        border-radius: 5px;
        border: 0
    }
    .search-courses {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0 !important
    }
    .search-courses a {
        padding: 0;
        display: inline-block;
        color: #000 !important;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }
    .search-courses .dropdown-menu {
        overflow: hidden
    }
    .search-courses .dropdown-menu::before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #d5d5d5;
        content: "";
        position: absolute;
        left: 26px;
        top: -10px;
        transform: translateX(-50%);
        z-index: 99
    }
    .browse-menu .panel .panel-collapse ul {
        list-style: none !important;
        padding-left: 12px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0
    }
    .browse-menu .panel-collapse ul li {
        list-style-type: none !important;
        font-size: 14px;
        color: #000;
        padding: 8px 0
    }
    .browse-menu .panel-collapse li {
        list-style-type: none
    }
    .browse-menu .panel-collapse ul li a {
        font-size: 14px;
        color: #000000 !important;
        display: block;
        text-decoration: none !important;
        line-height: 18px
    }
    .more-courses {
        padding: 16px 0px 18px
    }
    .more-courses a {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        position: relative;
        display: inline-block;
        left: 14px;
        text-decoration: none !important
    }
    .search-courses .form-list input {
        padding: 10px !important;
        width: 250px;
        border-radius: 5px;
        border: 0
    }
    .search-courses .dropdown-menu {
        position: absolute !important;
        padding: 0 !important
    }
    .open-courses a {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        padding-top: 10px
    }
    .main-header .navbar button.navbar-toggler {
        position: absolute;
        left: 0;
        top: 0;
        padding: 34px 20px
    }
    .f-navbar-toggler-icon {
        position: relative;
        left: auto;
        top: auto;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -32px -77px;
        width: 18px;
        height: 12px
    }
    .corporate-sec .corporate-summary .individual {
        padding: 0px
    }
    .zopim {
        bottom: 40px !important;
        z-index: 9 !important
    }
    .mobile-sidebar {
        position: relative
    }
    .mobile-sidebar .navbar-collapse {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        z-index: 9999;
        transition: all 0.5s;
        background-color: #fff;
        width: 100%
    }
    .mobile-sidebar .navbar-collapse.show {
        left: 0;
        transition: all 0.2s;
        padding: 0px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-header {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
        font-weight: 700;
        font-size: 14px;
        color: #000;
        background-color: #f5f5f5;
        padding: 16px 16px 15px;
        line-height: 19px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-header .nav-close {
        position: absolute;
        top: 16px;
        right: 16px;
        height: 14px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-body {
        overflow: auto;
        padding: 0;
        height: calc(100% - 229px) !important
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list {
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link {
        position: relative;
        display: flex;
        align-items: center;
        text-decoration: none;
        background: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding: 16px;
        margin: 0;
        line-height: 19px;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link .f-new-course-icon {
        margin-right: 10px;
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link img {
        margin-right: 10px;
        border-radius: 50%
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link.collapsed:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -453px -39px;
        width: 14px;
        height: 9px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -520px -132px;
        width: 12px;
        height: 8px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link {
        position: relative;
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading {
        position: relative;
        text-decoration: none;
        color: #444;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        padding: 16px 16px 16px 14px;
        display: block;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 0.5s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading.collapsed {
        border-left: 2px solid #f6f6f6;
        padding: 16px 16px 16px 14px;
        transition: 1s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list {
        padding: 13px 0px;
        border-bottom: 1px solid #ddd;
        margin: 0px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list:last-child {
        border: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list .course-link {
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link {
        position: relative;
        color: #df377f;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        display: block
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link:before {
        position: absolute;
        content: "";
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -638px -71px;
        width: 9px;
        height: 14px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        display: block;
        padding: 16px;
        border-bottom: 1px solid #ddd
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block;
        padding: 13px 0px;
        border-bottom: 1px solid #ddd
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list:last-child .sub-panel-collapse-link {
        border-bottom: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.cart {
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.cart .mobile-sidebar-link:before {
        display: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.cart .mobile-sidebar-link .cart-fill {
        background: #ec4e5d;
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #fff;
        top: 11px;
        left: 30px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.static-list .mobile-sidebar-link:before {
        display: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list:last-child {
        padding-bottom: 0px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 16px;
        border-top: 3px solid #eee;
        text-align: center;
        background: #fff
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-footer .btn {
        width: 100%;
        border-radius: 0px;
        background-image: linear-gradient(150.06deg, #FF702A -73.12%, #C507C9 182.65%);
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #fff;
        padding: 8px;
        box-shadow: none;
        border-radius: 4px;
        border: 0 none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-footer .btn:focus {
        box-shadow: none
    }
    .mobile-topbar {
        position: relative
    }
    .mobile-topbar .navbar-course-collapse {
        position: fixed;
        left: 0;
        right: 0;
        top: -100%;
        z-index: 9999;
        transition: all 0.5s;
        background-color: #fff;
        width: 100%;
        height: 100%
    }
    .mobile-topbar .navbar-course-collapse.show {
        top: 0;
        transition: all 0.2s;
        padding: 0px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
        font-weight: 700;
        font-size: 14px;
        color: #000;
        background-color: #fff;
        padding: 8px 16px 7px;
        line-height: 19px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header .navbar-brand {
        padding: 0;
        margin-right: 0
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header .navbar-brand img {
        width: auto
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header .nav-course-close {
        position: absolute;
        top: 16px;
        right: 16px;
        height: 14px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-body {
        overflow: auto;
        padding: 0;
        height: calc(100% - 234px) !important
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list {
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link {
        position: relative;
        display: flex;
        align-items: center;
        text-decoration: none;
        background: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding: 16px;
        margin: 0;
        line-height: 19px;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link .f-new-course-icon {
        margin-right: 10px;
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link img {
        margin-right: 10px;
        border-radius: 50%
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link.collapsed:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -453px -39px;
        width: 14px;
        height: 9px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -520px -132px;
        width: 12px;
        height: 8px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link {
        position: relative;
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading {
        position: relative;
        text-decoration: none;
        color: #444;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        padding: 16px 16px 16px 14px;
        display: block;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 0.5s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading.collapsed {
        border-left: 2px solid #f6f6f6;
        padding: 16px 16px 16px 14px;
        transition: 1s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list {
        padding: 13px 0px;
        border-bottom: 1px solid #ddd;
        margin: 0px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list:last-child {
        border: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list .course-link {
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link {
        position: relative;
        color: #df377f;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        display: block
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link:before {
        position: absolute;
        content: "";
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -638px -71px;
        width: 9px;
        height: 14px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        display: block;
        padding: 16px;
        border-bottom: 1px solid #ddd
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block;
        padding: 13px 0px;
        border-bottom: 1px solid #ddd
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list:last-child .sub-panel-collapse-link {
        border-bottom: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.cart {
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.cart .mobile-topbar-link:before {
        display: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.cart .mobile-topbar-link .cart-fill {
        background: #ec4e5d;
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #fff;
        top: 11px;
        left: 30px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.static-list .mobile-topbar-link:before {
        display: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list:last-child {
        padding-bottom: 0px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 16px;
        border-top: 3px solid #eee;
        text-align: center;
        background: #fff
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-footer .btn {
        width: 100%;
        border-radius: 0px;
        background-image: linear-gradient(150.06deg, #FF702A -73.12%, #C507C9 182.65%);
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #fff;
        padding: 8px;
        box-shadow: none;
        border-radius: 4px;
        border: 0 none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-footer .btn:focus {
        box-shadow: none
    }
    .mobile-bar-footer-call-us h4 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px;
        color: #000;
        font-weight: 600
    }
    .mobile-bar-footer-call-us span {
        display: block;
        font-size: 10px;
        line-height: 14px;
        color: #666;
        font-weight: 400
    }
    .mobile-bar-footer-call-us .btn-call-us {
        padding: 5px 20px !important;
        border: 1px solid #111 !important;
        background: #fff !important;
        color: #111 !important;
        width: auto !important;
        margin: 16px 0 24px;
        display: inline-flex;
        align-items: center;
        height: 30px !important
    }
    .f-icon-call {
        background-position: -632px -191px;
        width: 14px;
        height: 14px;
        display: inline-block;
        margin-right: 5px
    }
    .course-accordionone .mobile-sidebar-link,
    .course-accordionone .mobile-topbar-link {
        position: sticky !important;
        top: 0;
        z-index: 1
    }
    .main-header .navbar .container-fluid {
        padding: 0;
        position: relative
    }
    .main-header .navbar-toggler {
        position: absolute;
        left: 0;
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        border: 0 none;
        line-height: 12px
    }
    .search-courses {
        position: absolute;
        right: 0;
        top: auto;
        transform: none
    }
    .main-header .btn-courses {
        height: 28px;
        position: absolute;
        right: 37px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        line-height: 12px;
        font-weight: 600;
        color: #666;
        border: 1px solid #999;
        padding: 6px 8px;
        box-shadow: none;
        border-radius: 4px
    }
    .course-accordionone .mobile-sidebar-link {
        position: sticky !important;
        top: 0;
        z-index: 1
    }
}

@media screen and (max-width: 1024px) {
    .navbar-nav.ml-auto.nav-course-menu.course-menu {
        display: none
    }
    .collapse.navbar-collapse.d-none.d-xl-block {
        display: none !important
    }
    .main-header {
        height: 70px
    }
    .main-header .navbar {
        height: 70px;
        padding: 0px 15px
    }
    .main-header .navbar .navbar-brand {
        padding: 0;
        position: relative;
        top: auto;
        left: 37px;
        transform: none
    }
    .navbar-brand img {
        height: 40px;
        width: auto
    }
    .corporate-right-icon {
        background-position: -380px -23px
    }
    .corporate-left-icon {
        background-position: -380px -23px
    }
    .all-courses-menu {
        display: none
    }
    .open-courses {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100px;
        top: 20px;
        text-align: center;
        display: flex !important;
        justify-content: center
    }
    .open-courses a {
        outline: none;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none !important
    }
    .open-courses a.dropdown-toggle::after {
        position: absolute;
        top: 50%;
        margin-top: 0px;
        margin-left: 3px
    }
    .crs-category h2 {
        font-size: 14px;
        font-weight: 600;
        color: #000;
        padding-bottom: 12px
    }
    .crs-category a {
        font-size: 14px;
        color: #000;
        position: relative;
        text-decoration: none;
        line-height: 19px;
        display: block;
        width: 100%;
        padding-right: 20px
    }
    .crs-category a:before {
        content: "";
        position: absolute;
        right: 20px;
        bottom: 0;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png') no-repeat -181px -158px;
        width: 9px;
        height: 14px
    }
    .crs-category .top .view-heading {
        padding-bottom: 16px
    }
    .crs-category .top {
        padding: 16px 0px 16px 12px;
        border-top: 1px solid #ddd
    }
    .crs-category .bottom {
        padding: 16px 0px 16px 12px;
        border-top: 1px solid #ddd
    }
    .crs-category .bottom .accrd-logos .accrediation {
        margin-right: 15px
    }
    .search-course {
        position: relative;
        height: 56px;
        width: 100% !important
    }
    .search-field {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: auto;
        width: 100%;
        height: 56px;
        box-shadow: none;
        z-index: 1000
    }
    .search-field input {
        width: 100%
    }
    .search-field input:focus {
        background-color: #fff;
        border-color: #0000;
        outline: 0;
        box-shadow: none;
        color: #666 !important;
        border-bottom: 1px solid #ccc
    }
    .search-field .form-group .autocomplete-items {
        position: absolute;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        z-index: 99;
        top: 100%;
        left: 50%;
        transform: translate(-50%);
        width: 100%;
        box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%)
    }
    .search-field .form-group .autocomplete-items div {
        padding: 15px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4
    }
    .search-field .form-group .autocomplete-items div:hover {
        background-color: #e9e9e9
    }
    .search-field .form-group .autocomplete-active {
        background-color: DodgerBlue !important;
        color: #fff
    }
    .search-field .form-group .autocomplete {
        position: relative
    }
    .search-courses .dropdown.open a {
        background-color: transparent
    }
    .search-courses .dropdown-menu {
        padding: 0 !important;
        margin-top: -1px;
        border-radius: 5px
    }
    .search-courses .dropdown li {
        padding: 0 !important
    }
    .search-courses .form-list input {
        padding: 10px !important;
        width: 100% !important;
        border-radius: 5px;
        border: 0
    }
    .search-courses {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0 !important
    }
    .search-courses a {
        padding: 0;
        display: inline-block;
        color: #000 !important;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }
    .search-courses .dropdown-menu {
        overflow: hidden
    }
    .search-courses .dropdown-menu::before {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #d5d5d5;
        content: "";
        position: absolute;
        left: 26px;
        top: -10px;
        transform: translateX(-50%);
        z-index: 99
    }
    .browse-menu .panel .panel-collapse ul {
        list-style: none !important;
        padding-left: 12px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0
    }
    .browse-menu .panel-collapse ul li {
        list-style-type: none !important;
        font-size: 14px;
        color: #000;
        padding: 8px 0
    }
    .browse-menu .panel-collapse li {
        list-style-type: none
    }
    .browse-menu .panel-collapse ul li a {
        font-size: 14px;
        color: #000000 !important;
        display: block;
        text-decoration: none !important;
        line-height: 18px
    }
    .more-courses {
        padding: 16px 0px 18px
    }
    .more-courses a {
        color: #000;
        font-weight: 400;
        font-size: 14px;
        position: relative;
        display: inline-block;
        left: 14px;
        text-decoration: none !important
    }
    .search-courses .form-list input {
        padding: 10px !important;
        width: 250px;
        border-radius: 5px;
        border: 0
    }
    .search-courses .dropdown-menu {
        position: absolute !important;
        padding: 0 !important
    }
    .open-courses a {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        padding-top: 10px
    }
    .main-header .navbar button.navbar-toggler {
        position: absolute;
        left: 0;
        top: 0;
        padding: 34px 20px
    }
    .f-navbar-toggler-icon {
        position: realtive;
        left: auto;
        top: auto;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -32px -77px;
        width: 18px;
        height: 12px
    }
    .corporate-sec .corporate-summary .individual {
        padding: 0px
    }
    .zopim {
        bottom: 40px !important;
        z-index: 9 !important
    }
    .mobile-sidebar {
        position: relative
    }
    .mobile-sidebar .navbar-collapse {
        position: fixed;
        left: -100%;
        top: 0;
        bottom: 0;
        z-index: 9999;
        transition: all 0.5s;
        background-color: #fff;
        width: 100%
    }
    .mobile-sidebar .navbar-collapse.show {
        left: 0;
        transition: all 0.2s;
        padding: 0px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-header {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
        font-weight: 700;
        font-size: 14px;
        color: #000;
        background-color: #f5f5f5;
        padding: 16px 16px 15px;
        line-height: 19px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-header .nav-close {
        position: absolute;
        top: 16px;
        right: 16px;
        height: 14px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-body {
        overflow: auto;
        padding: 0;
        height: calc(100% - 229px) !important
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list {
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link {
        position: relative;
        display: flex;
        align-items: center;
        text-decoration: none;
        background: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding: 16px;
        margin: 0;
        line-height: 19px;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link .f-new-course-icon {
        margin-right: 10px;
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link img {
        margin-right: 10px;
        border-radius: 50%
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link.collapsed:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -453px -39px;
        width: 14px;
        height: 9px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .mobile-sidebar-link:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -520px -132px;
        width: 12px;
        height: 8px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link {
        position: relative;
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading {
        position: relative;
        text-decoration: none;
        color: #444;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        padding: 16px 16px 16px 14px;
        display: block;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 0.5s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading.collapsed {
        border-left: 2px solid #f6f6f6;
        padding: 16px 16px 16px 14px;
        transition: 1s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .category-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list {
        padding: 13px 0px;
        border-bottom: 1px solid #ddd;
        margin: 0px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list:last-child {
        border: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list .course-link {
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link {
        position: relative;
        color: #df377f;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        display: block
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link:before {
        position: absolute;
        content: "";
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -638px -71px;
        width: 9px;
        height: 14px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        display: block;
        padding: 16px;
        border-bottom: 1px solid #ddd
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block;
        padding: 13px 0px;
        border-bottom: 1px solid #ddd
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list:last-child .sub-panel-collapse-link {
        border-bottom: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.cart {
        position: relative
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.cart .mobile-sidebar-link:before {
        display: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.cart .mobile-sidebar-link .cart-fill {
        background: #ec4e5d;
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #fff;
        top: 11px;
        left: 30px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list.static-list .mobile-sidebar-link:before {
        display: none
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-list:last-child {
        padding-bottom: 0px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 16px;
        border-top: 3px solid #eee;
        text-align: center;
        background: #fff
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-footer .btn {
        width: 100%;
        border-radius: 0px;
        background-image: linear-gradient(150.06deg, #FF702A -73.12%, #C507C9 182.65%);
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #fff;
        padding: 8px;
        box-shadow: none;
        border-radius: 4px;
        border: 0 none;
        height: 35px
    }
    .mobile-sidebar .navbar-collapse .mobile-sidebar-footer .btn:focus {
        box-shadow: none
    }
    .mobile-topbar {
        position: relative
    }
    .mobile-topbar .navbar-course-collapse {
        position: fixed;
        left: 0;
        right: 0;
        top: -100%;
        z-index: 9999;
        transition: all 0.5s;
        background-color: #fff;
        width: 100%;
        height: 100%
    }
    .mobile-topbar .navbar-course-collapse.show {
        top: 0;
        transition: all 0.2s;
        padding: 0px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0px;
        font-weight: 700;
        font-size: 14px;
        color: #000;
        background-color: #fff;
        padding: 8px 16px 7px;
        line-height: 19px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header .navbar-brand {
        padding: 0;
        margin-right: 0
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header .navbar-brand img {
        width: auto
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-header .nav-course-close {
        position: absolute;
        top: 16px;
        right: 16px;
        height: 14px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-body {
        overflow: auto;
        padding: 0;
        height: calc(100% - 234px) !important
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list {
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link {
        position: relative;
        display: flex;
        align-items: center;
        text-decoration: none;
        background: #fff;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding: 16px;
        margin: 0;
        line-height: 19px;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link .f-new-course-icon {
        margin-right: 10px;
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link img {
        margin-right: 10px;
        border-radius: 50%
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link.collapsed:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -453px -39px;
        width: 14px;
        height: 9px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .mobile-topbar-link:before {
        position: absolute;
        content: "";
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -520px -132px;
        width: 12px;
        height: 8px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link {
        position: relative;
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading {
        position: relative;
        text-decoration: none;
        color: #444;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        padding: 16px 16px 16px 14px;
        display: block;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 0.5s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading.collapsed {
        border-left: 2px solid #f6f6f6;
        padding: 16px 16px 16px 14px;
        transition: 1s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .category-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd;
        transition: 1s
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list {
        padding: 13px 0px;
        border-bottom: 1px solid #ddd;
        margin: 0px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list:last-child {
        border: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list .course-link {
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link {
        position: relative;
        color: #df377f;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        display: block
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .category-list .category-link .course-category .course-list.view-all-courses .course-link:before {
        position: absolute;
        content: "";
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -638px -71px;
        width: 9px;
        height: 14px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse {
        padding: 0px;
        background: #f6f6f6
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        display: block;
        padding: 16px;
        border-bottom: 1px solid #ddd
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading.collapsed:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -753px -129px;
        width: 13px;
        height: 13px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .panel-collapse-link.panel-heading:before {
        position: absolute;
        content: "";
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/header_sprite.png') no-repeat -333px -134px;
        width: 13px;
        height: 3px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse {
        padding: 0px 24px 0px 22px;
        border-left: 2px solid #DE3484;
        border-bottom: 1px solid #ddd
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list {
        padding: 0px;
        margin: 0px;
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-link {
        position: relative;
        text-decoration: none;
        color: #231f20;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        display: block;
        padding: 13px 0px;
        border-bottom: 1px solid #ddd
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list .panel-collapse .panel-collapse-list .sub-panel-collapse .sub-panel-collapse-list:last-child .sub-panel-collapse-link {
        border-bottom: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.cart {
        position: relative
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.cart .mobile-topbar-link:before {
        display: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.cart .mobile-topbar-link .cart-fill {
        background: #ec4e5d;
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 50%;
        border: 1px solid #fff;
        top: 11px;
        left: 30px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list.static-list .mobile-topbar-link:before {
        display: none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-list:last-child {
        padding-bottom: 0px
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 16px;
        border-top: 3px solid #eee;
        text-align: center;
        background: #fff
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-footer .btn {
        width: 100%;
        border-radius: 0px;
        background-image: linear-gradient(150.06deg, #FF702A -73.12%, #C507C9 182.65%);
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        color: #fff;
        padding: 8px;
        box-shadow: none;
        border-radius: 4px;
        border: 0 none
    }
    .mobile-topbar .navbar-course-collapse .mobile-topbar-footer .btn:focus {
        box-shadow: none
    }
    .mobile-bar-footer-call-us h4 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px;
        color: #000;
        font-weight: 600
    }
    .mobile-bar-footer-call-us span {
        display: block;
        font-size: 10px;
        line-height: 14px;
        color: #666;
        font-weight: 400
    }
    .mobile-bar-footer-call-us .btn-call-us {
        padding: 5px 20px !important;
        border: 1px solid #111 !important;
        background: #fff !important;
        color: #111 !important;
        width: auto !important;
        margin: 16px 0 24px;
        display: inline-flex;
        align-items: center;
        height: 30px !important
    }
    .f-icon-call {
        background-position: -632px -191px;
        width: 14px;
        height: 14px;
        display: inline-block;
        margin-right: 5px
    }
    .course-accordionone .mobile-sidebar-link,
    .course-accordionone .mobile-topbar-link {
        position: sticky !important;
        top: 0;
        z-index: 1
    }
    .main-header .navbar .container-fluid {
        padding: 0;
        position: relative
    }
    .main-header .navbar-toggler {
        position: absolute;
        left: 0;
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        border: 0 none;
        line-height: 12px
    }
    .search-courses {
        position: absolute;
        right: 0;
        top: auto;
        transform: none
    }
    .main-header .btn-courses {
        height: 28px;
        position: absolute;
        right: 37px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        line-height: 12px;
        font-weight: 600;
        color: #666;
        border: 1px solid #999;
        padding: 6px 8px;
        box-shadow: none;
        border-radius: 4px
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .all-courses-menu {
        display: none
    }
    .search-field input {
        padding: 19px 40px 19px 44px;
        height: 56px;
        border: none !important;
        border-radius: 0px;
        box-shadow: none !important;
        width: 100% !important
    }
    .search-field .search-course .close-search {
        top: 28px
    }
    .search-field .search-course .f-search-icon {
        top: 28px
    }
    .top-banner~.new-kh3-header .navbar .navbar-header .search-field-mobile.show {
        top: 40px
    }
}

@media only screen and (max-width: 767px) {
    .top-banner~.new-kh3-header .navbar .navbar-header .search-field-mobile.show {
        top: 50px
    }
    .search-course {
        position: relative;
        height: 56px;
        width: 100% !important
    }
    .all-courses-menu {
        display: none
    }
    .main-header {
        height: 56px
    }
    .coockie-details .col-md-3.col-3 {
        display: block !important
    }
    .navbar-nav.ml-auto.nav-course-menu.course-menu {
        display: none
    }
    .main-header .navbar {
        padding-left: 15px;
        height: 100%;
        padding-right: 15px
    }
    .main-header .navbar .navbar-brand {
        margin: 0;
        padding-left: 14px;
        padding: 0
    }
    .main-header .navbar-nav .nav-item {
        margin-left: 0px
    }
    .main-header .navbar-nav .nav-item .form-group .form-control {
        padding-right: 40px
    }
    .main-header .navbar-nav.ml-auto .nav-item {
        margin: 0 12px
    }
    .main-header .navbar-nav.ml-auto .li {
        margin: 0 12px
    }
    .main-header .navbar-nav.ml-auto .nav-item:last-child {
        margin-right: 0
    }
    .main-header .navbar button.navbar-toggler {
        position: absolute;
        right: 0;
        top: -7px;
        padding: 30px 20px
    }
    .navbar-brand img {
        height: 40px;
        width: 91px
    }
    .nav-item.d-none {
        float: right
    }
    .search-courses {
        position: absolute;
        right: 32px;
        top: 18px
    }
    .search-courses a {
        color: #000 !important;
        position: absolute;
        top: 0px;
        left: -45px
    }
    .search-courses .dropdown-toggle:after {
        content: none
    }
    .search-courses .dropdown-toggle {
        color: #000
    }
    .search-field .typeahead-query img {
        z-index: 1001;
        position: absolute;
        top: 22px;
        right: 16px
    }
    .main-header .navbar .navbar-nav {
        margin-right: 34px
    }
    .search-field .form-group .autocomplete-items {
        width: 290px
    }
    .open-courses {
        position: absolute;
        left: 120px;
        right: auto;
        top: 34px
    }
    .open-courses a {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        padding: 7px 0 0 0;
        line-height: 19px
    }
    .navbar-nav.clearfix.navbar-search {
        padding-right: 0px;
        margin-right: 0px;
        position: relative;
        right: 35px;
        top: 0
    }
    .accrediation-sprite-icon-02 {
        top: 0
    }
}

@media only screen and (max-width: 768px) {
    .main-header {
        height: 56px
    }
    .main-header .navbar {
        height: 56px
    }
    .search-courses {
        position: absolute;
        right: 0px;
        top: 0px
    }
    .main-header .navbar .navbar-brand {
        padding: 0;
        position: relative;
        top: auto;
        left: 37px;
        transform: none;
        height: auto
    }
    .main-header .navbar .navbar-brand img {
        width: auto;
        height: 31px
    }
    .main-header .navbar button.navbar-toggler {
        position: absolute;
        left: 0;
        top: 0;
        padding: 27px 20px
    }
    .f-navbar-toggler-icon {
        left: auto;
        top: auto;
        position: relative
    }
    .search-courses .dropdown.open a {
        padding: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        left: auto
    }
    .search-field input {
        height: 56px
    }
    .search-field .search-course .close-search {
        top: 28px
    }
    .main-header .navbar .container-fluid {
        padding: 0;
        position: relative
    }
    .main-header .navbar-toggler {
        position: absolute;
        left: 0;
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        border: 0 none;
        line-height: 12px
    }
    .search-courses {
        position: absolute;
        right: 0;
        top: auto;
        transform: none
    }
    .main-header .btn-courses {
        height: 28px;
        position: absolute;
        right: 37px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        line-height: 12px;
        font-weight: 600;
        color: #666;
        border: 1px solid #999;
        padding: 6px 8px;
        box-shadow: none;
        border-radius: 4px
    }
}

@media only screen and (max-width: 576px) {
    .open-courses a.dropdown-toggle::after {
        margin-top: 3px
    }
    .main-header .navbar {
        padding: 0px 15px
    }
    .main-header .navbar .navbar-brand img {
        width: auto;
        height: 31px
    }
}

@media only screen and (max-width: 359px) {
    .course-thumb .accrd-bodies li .accrediation.acdtn-page-21 {
        background-position: -263px -2100px;
        width: 115px
    }
    .course-thumb .accrd-bodies li .accrediation.acdtn-page-25 {
        background-position: -268px -2515px;
        height: 44px;
        width: 115px
    }
    .course-thumb .accrd-bodies li .accrediation.acdtn-page-26 {
        background-position: -268px -2615px;
        height: 44px;
        width: 115px
    }
    .course-thumb .accrd-bodies li .accrediation.acdtn-page-27 {
        background-position: -268px -2715px;
        height: 44px;
        width: 115px
    }
    .course-thumb .accrd-bodies li .accrediation.acdtn-page-28 {
        background-position: -265px -2813px;
        height: 45px;
        width: 115px
    }
}

.course-thumb .accrd-bodies {
    display: flex;
    align-items: center
}

.course-thumb .accrd-bodies li {
    display: inline-block;
    padding-right: 10px;
    width: 50%;
    float: left;
    position: relative;
    height: 54px
}

.course-thumb .accrd-bodies li:last-child {
    position: relative;
    height: 54px
}

.course-thumb .accrd-bodies li .accrediation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.loadingspinner {
    width: 16px;
    height: 16px;
    border: 2px dashed transparent;
    border-color: #eee;
    border-top-color: #fff;
    border-radius: 50%;
    animation: loadingspin 1.5s linear infinite;
    display: inline-block;
    margin-right: 4px;
    vertical-align: sub
}

@keyframes loadingspin {
    100% {
        transform: rotate(360deg)
    }
}

.body-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
    background: rgba(0, 0, 0, 0.5)
}

.body-overlay.view {
    opacity: 1;
    z-index: 9
}

.btn-black {
    background-color: #000;
    padding: 0px 58px 0px 16px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative
}

.btn-black:hover,
.btn-black:focus {
    color: #fff
}

.btn-black .right-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 42px;
    background: #1d1d1d;
    transform: translateY(-50%);
    height: 46px
}

footer {
    background-color: #000;
    z-index: 2;
    position: relative
}

footer a:focus,
footer button:focus {
    outline: none !important
}

footer .social-footer {
    padding-top: 27px;
    padding-bottom: 30px
}

footer .social-footer .foot-head {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 20px;
    display: block
}

footer .social-footer li {
    float: left;
    padding-right: 25px
}

footer .social-footer li a {
    display: block
}

footer .social-footer li:last-child {
    padding-right: 0
}

footer .social-footer .form-group .input-group {
    position: relative
}

footer .social-footer .col-md-2 .form-group {
    border: 1px solid #303030;
    border-radius: 4px
}

footer .social-footer .col-md-5 .form-group .form-control {
    border-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
    background-color: #191919;
    border: 1px solid #303030 !important;
    font-size: 16px;
    border: 0;
    padding: 12px;
    height: 46px
}

footer .social-footer .col-md-2 .form-group .form-control {
    border-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
    background-color: #191919;
    border: 10px solid #191919 !important;
    font-size: 16px;
    border: 0;
    padding: 0px;
    padding-right: 10px;
    height: 46px
}

footer .social-footer .form-group button {
    border: transparent
}

footer .social-footer .form-group .input-group-append.btn {
    border: 0;
    line-height: 0;
    background-color: #26d400;
    display: flex;
    align-items: center;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

footer .social-footer .form-group .form-control:focus {
    box-shadow: none
}

footer .social-footer .form-group .form-control::placeholder {
    font-size: 16px;
    color: #fff
}

footer .social-footer .form-group button {
    padding: 0
}

footer .social-footer .form-group .input-group-append {
    text-decoration: none
}

footer .social-footer .form-group .input-group-text {
    background-color: #26d400;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

footer .social-footer .form-group .error {
    color: #f00;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500
}

footer .country-footer {
    border-top: 1px solid #222;
    padding-top: 30px;
    padding-bottom: 30px
}

footer .country-footer .flex-fill {
    padding: 0 15px;
    border-right: 1px solid #222;
    margin-left: 25px
}

footer .country-footer .flex-fill:first-child {
    margin-left: 0
}

footer .country-footer .flex-fill:first-child .country-phone:last-child {
    display: flex
}

footer .country-footer .flex-fill:first-child .country-phone:last-child .icon-india {
    position: relative;
    top: 4px
}

footer .country-footer .flex-fill:last-child {
    border-right: 0 none
}

footer .country-footer .flex-fill .country-phone {
    padding-bottom: 23px;
    display: flex
}

footer .country-footer .flex-fill .country-phone:last-child {
    padding-bottom: 0
}

footer .country-footer .flex-fill .country-phone i {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle
}

footer .country-footer .country-phone-summary {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    line-height: 18px
}

footer .country-footer .country-phone-summary a {
    text-decoration: none;
    color: #fff;
    font-size: 13px
}

footer .services-footer {
    border-top: 1px solid #222;
    padding-top: 40px;
    padding-bottom: 40px
}

footer .services-footer .services-footer-summary {
    width: 20%;
    float: left
}

footer .services-footer .services-footer-summary.categories-column {
    margin-top: 16px;
    width: 26%
}

footer .services-footer .services-footer-summary.courses-column {
    width: 24%
}

footer .services-footer .services-footer-summary.courses-column-two {
    margin-top: 16px
}

footer .services-footer .services-footer-summary .foot-sub-head {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    display: block
}

footer .services-footer .services-footer-summary ul {
    padding-top: 23px
}

footer .services-footer .services-footer-summary li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px
}

footer .services-footer .services-footer-summary li {
    color: #fff;
    font-size: 13px;
    line-height: 28px
}

footer .readmore-footer {
    border-top: 1px solid #222;
    padding-top: 30px;
    padding-bottom: 30px
}

footer .readmore-footer p {
    color: #fff;
    font-size: 14px;
    line-height: 28px
}

footer .readmore-footer a {
    text-decoration: none;
    color: #26d400;
    font-weight: 600;
    outline: none
}

footer .readmore-footer .morecontent span {
    display: none
}

footer .copyright-footer {
    padding-top: 30px;
    padding-bottom: 60px;
    display: block;
    border-top: 1px solid #222
}

footer .copyright-footer .copyright-summary {
    float: left;
    color: #fff;
    font-size: 14px
}

footer .copyright-footer .copyright-summary-content {
    float: right
}

footer .copyright-footer li {
    float: left;
    padding-right: 40px
}

footer .copyright-footer li:last-child {
    padding-right: 0
}

footer .copyright-footer li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px
}

footer .footer-padding {
    padding: 0 50px
}

footer .readmore-footer {
    font-size: 14px;
    line-height: 28px;
    color: #fff
}

footer .readmore-footer .addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none
}

footer .readmore-footer .addReadMore.showmorecontent .readMore {
    display: none;
    transition: all 0.5s
}

footer .readmore-footer .addReadMore .readMore,
.addReadMore .readLess {
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    color: #26d400;
    cursor: pointer;
    text-transform: uppercase
}

footer .readmore-footer .addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: #fff
}

.fixed-cookie {
    padding: 22px 60px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: #000;
    height: 90px
}

.coockie-details .col-md-3.col-3 {
    display: flex
}

.coockie-details p {
    font-size: 14px;
    color: #fff;
    line-height: 19px
}

.coockie-details a {
    margin-left: 30px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 26px;
    color: #fff !important;
    cursor: pointer;
    text-transform: uppercase
}

.coockie-details a:last-child {
    border: 1px solid #fff;
    border-radius: 5px
}

.cookie-link {
    margin: 0 5px 0 0 !important;
    color: #26d400 !important;
    font-size: 14px;
    font-weight: normal !important;
    padding: 0 !important;
    border: 0 none !important;
    text-align: left !important;
    text-transform: none !important
}

.hide {
    display: none !important
}

.fixed-right-bottom {
    position: fixed;
    left: 15px;
    bottom: 40px;
    z-index: 9;
    right: 15px
}

#return-to-top {
    padding-top: 5px;
    background: #ffffff5c;
    z-index: 9;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 72px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#return-to-top span {
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.common-icon-europe {
    width: 27px;
    height: 15px;
    background-position: -187px -308px
}

.common-icon-ireland {
    width: 27px;
    height: 15px;
    background-position: -221px -308px
}

.common-icon-afterpay {
    background-position: -551px -1850px;
    width: 69px;
    height: 24px;
    display: inline-block;
    vertical-align: top
}

.common-payment-icon-mobile {
    margin-bottom: 10px;
    margin-right: 5px
}

footer .services-footer .services-footer-summary.courses-column .foot-sub-head,
footer .services-footer .services-footer-summary.categories-column .foot-sub-head,
footer .services-footer .services-footer-summary.categories-column-one .foot-sub-head {
    color: #ccc;
    font-size: 16px
}

footer .services-footer .services-footer-summary.courses-column li a,
footer .services-footer .services-footer-summary.categories-column li a,
footer .services-footer .services-footer-summary.categories-column-one li a,
footer .services-footer .services-footer-summary.courses-column-two li a {
    font-size: 13px;
    color: #ccc
}

footer .services-footer .services-footer-summary.categories-column-one {
    width: 26%
}

@media only screen and (min-width: 1540px) {
    footer .footer-padding {
        width: 1440px !important;
        margin: 0 auto
    }
    footer .footer-padding {
        padding: 0 15px
    }
}

@media only screen and (max-width:1366px) {
    footer .footer-padding {
        padding: 0 50px
    }
}

@media only screen and (max-width:1024px) {
    .trending-courses h2 {
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
    footer .footer-padding {
        padding: 0 16px
    }
    footer .social-footer .row .col-md-2:last-child .form-group {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    footer .social-footer .row div:nth-child(odd) {
        width: 50%;
        max-width: 50%;
        flex: auto
    }
    footer .social-footer .row div:nth-child(even) {
        width: 50%;
        max-width: 50%;
        flex: auto
    }
    footer .social-footer .row .col-md-2 {
        padding-top: 20px;
        flex: auto
    }
    footer .country-footer {
        padding-bottom: 30px;
        padding-top: 10px
    }
    footer .country-footer .row .flex-fill:nth-child(even) {
        margin-left: 0;
        width: 50%;
        padding-top: 20px;
        border-right: none
    }
    footer .country-footer .row .flex-fill:nth-child(odd) {
        margin-left: 0;
        width: 50%;
        padding-top: 20px
    }
    footer .country-footer .row .flex-fill:nth-child(3) {
        padding-top: 0;
        margin-top: -12px
    }
    footer .services-footer .services-footer-summary h4 {
        height: 42px
    }
    footer .services-footer .services-footer-summary li {
        line-height: 19px;
        margin-bottom: 6px;
        height: 38px
    }
    .coockie-details .col-md-3.col-3 {
        display: block
    }
}

@media only screen and (min-width: 767px) and (max-width:1024px) {
    footer .footer-padding {
        padding: 0 16px
    }
    footer .social-footer .row .col-md-2:last-child .form-group {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    footer .social-footer .row div:nth-child(odd) {
        width: 50%;
        max-width: 50%;
        flex: auto
    }
    footer .social-footer .row div:nth-child(even) {
        width: 50%;
        max-width: 50%;
        flex: auto
    }
    footer .social-footer .row .col-md-2 {
        padding-top: 20px;
        flex: auto
    }
    footer .country-footer {
        padding-bottom: 30px;
        padding-top: 10px
    }
    footer .country-footer .row .flex-fill:nth-child(even) {
        margin-left: 0;
        width: 50%;
        padding-top: 20px;
        border-right: none
    }
    footer .country-footer .row .flex-fill:nth-child(odd) {
        margin-left: 0;
        width: 50%;
        padding-top: 20px
    }
    footer .country-footer .row .flex-fill:nth-child(3) {
        padding-top: 0;
        margin-top: -12px
    }
    footer .services-footer .services-footer-summary .foot-sub-head {
        height: 42px
    }
    footer .services-footer .services-footer-summary li {
        line-height: 19px;
        margin-bottom: 6px;
        height: 38px
    }
    .coockie-details .col-md-3.col-3 {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-padding {
        padding: 24px 15px
    }
    footer .social-footer {
        padding: 10px 0
    }
    footer .social-footer .foot-head {
        padding-bottom: 16px;
        font-size: 14px
    }
    footer .social-footer .week-footer {
        padding-top: 27px
    }
    footer .social-footer .col-md-2 .form-group .form-control::placeholder {
        font-size: 14px
    }
    footer .social-footer .accept-footer {
        padding-top: 26px
    }
    footer .country-footer .flex-fill .country-phone img {
        padding-right: 8px
    }
    footer .country-footer .flex-fill .country-phone {
        padding-bottom: 18px
    }
    footer .country-footer .flex-fill .country-phone:last-child {
        padding-bottom: 18px
    }
    footer .country-footer .country-phone-summary {
        font-size: 12px;
        line-height: 17px
    }
    footer .country-footer .flex-fill {
        margin: 0
    }
    footer .country-footer {
        padding-bottom: 7px;
        padding-top: 26px
    }
    footer .country-footer .flex-fill .country-phone i {
        margin-right: 8px
    }
    footer .readmore-footer p {
        font-size: 12px;
        line-height: 22px
    }
    footer .services-footer .services-footer-summary {
        width: 100%;
        padding: 20px 0
    }
    footer .services-footer .services-footer-summary .foot-sub-head {
        font-size: 14px
    }
    footer .services-footer .services-footer-summary li {
        font-size: 12px;
        color: #ebebeb
    }
    footer .copyright-footer .copyright-summary {
        float: none;
        font-size: 12px
    }
    footer .copyright-footer .copyright-summary-content {
        float: none
    }
    footer .copyright-footer li {
        float: none;
        padding-top: 16px
    }
    footer .copyright-footer li a {
        font-size: 12px
    }
    footer .copyright-footer {
        padding: 24px 0px 60px
    }
    footer .footer-padding {
        padding-bottom: 0
    }
    footer .readmore-footer {
        border: 0;
        padding-top: 24px
    }
    footer .services-footer {
        padding-bottom: 8px;
        padding-top: 0px;
        border-top: 0
    }
    footer .services-footer .service-accordion .card {
        background: transparent;
        border-bottom: 1px solid #222
    }
    footer .services-footer .service-accordion .card .card-header {
        padding: 16px 0
    }
    footer .services-footer .service-accordion .card .card-header .card-link {
        display: block;
        font-weight: 600;
        font-size: 14px;
        color: #ebebeb;
        text-decoration: none;
        position: relative
    }
    footer .services-footer .service-accordion .card .card-header .card-link:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png') no-repeat -154px -78px;
        width: 14px;
        height: 9px
    }
    footer .services-footer .service-accordion .card .card-header .card-link.collapsed:after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png') no-repeat -213px -78px;
        width: 14px;
        height: 9px
    }
    footer .services-footer .service-accordion .card .card-body {
        padding-top: 0
    }
    footer .services-footer .service-accordion .card .card-body li a {
        color: #ebebeb;
        font-size: 12px;
        line-height: 30px;
        text-decoration: none
    }
    footer .readmore-footer .addReadMore .readMore,
    footer .readmore-footer .addReadMore .readLess {
        font-size: 12px;
        text-transform: none
    }
}

@media only screen and (max-width:767px) and (orientation: landscape) {
    footer .country-footer .flex-fill {
        width: 100%
    }
    footer .services-footer .services-footer-summary {
        width: 20%
    }
    footer .services-footer .services-footer-summary li {
        height: 38px;
        line-height: 15px
    }
    footer .copyright-footer {
        display: flex
    }
    footer .copyright-footer .copyright-summary,
    footer .copyright-footer .copyright-summary-content {
        width: 50%
    }
    footer .copyright-footer .copyright-summary-content ul {
        display: flex;
        width: 100%;
        justify-content: flex-end
    }
    footer .copyright-footer li {
        padding-top: 0px
    }
}

.fixed-sticky-bar {
    position: fixed;
    bottom: -34px;
    right: 0;
    left: 0;
    height: 34px;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #e9e9e9;
    transition: all 0.7s
}

.fixed-sticky-bar .container {
    padding: 0 15px
}

.fixed-sticky-bar li {
    float: left;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5
}

.fixed-sticky-bar li:first-child {
    border: 0 none;
    margin-right: 100px !important
}

.fixed-sticky-bar li:last-child {
    border-left: 0 none
}

.fixed-sticky-bar li a {
    padding: 0 40px !important;
    line-height: 34px;
    font-size: 15px;
    text-transform: none !important;
    border-radius: 0 !important;
    color: #333;
    font-weight: 700;
    box-shadow: none;
    text-decoration: none
}

.fixed-sticky-bar li a i {
    margin-right: 7px;
    color: #26d400
}

.fixed-sticky-bar li a.btn {
    color: #fff;
    background: #000;
    border: #000
}

.fixed-sticky-bar li a.btn:focus {
    box-shadow: none
}

.footer-sticky-bar {
    position: fixed;
    bottom: -31px;
    right: 0;
    left: 0;
    height: 31px;
    background-color: #111;
    z-index: 99;
    transition: all 0.7s
}

.footer-sticky-bar .container-fluid {
    padding: 0 65px
}

.footer-sticky-bar li {
    float: left;
    padding: 0px
}

.footer-sticky-bar li a {
    padding: 0px 23px;
    line-height: 31px;
    font-size: 13px;
    text-transform: none !important;
    border-radius: 0 !important;
    color: #fff;
    font-weight: 400;
    box-shadow: none;
    text-decoration: none;
    display: flex;
    align-items: center
}

.footer-sticky-bar li a:hover {
    color: #fff;
    background: #333;
    border: #333
}

.footer-sticky-bar li a:focus {
    outline: none;
    outline-offset: none
}

.footer-sticky-bar li a i {
    margin-right: 7px;
    color: #26d400
}

.footer-sticky-bar li a.btn {
    color: #fff;
    background: #111;
    border: #111
}

.footer-sticky-bar li a.btn:hover {
    color: #fff;
    background: #333;
    border: #333
}

.footer-sticky-bar li a.btn:focus {
    box-shadow: none
}

.mobile-sticky-footer {
    display: none
}

@media only screen and (max-width: 1024px) {
    .mobile-sticky-footer {
        left: 0;
        right: 0;
        width: 100%;
        height: 40px;
        z-index: 9;
        bottom: -40px;
        transition: all 1s;
        margin: 0 auto;
        position: fixed;
        padding: 12px 0px;
        background: #000
    }
    .mobile-sticky-footer .row {
        margin: 0px
    }
    .mobile-sticky-footer .row .col-md-6.col-xs-6 {
        width: 50%;
        background: #000;
        padding: 0px
    }
    .mobile-sticky-footer a {
        font-size: 11px !important;
        line-height: 17px;
        color: #fff !important;
        font-weight: 700;
        text-decoration: none;
        padding: 0 15px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important
    }
    .mobile-sticky-footer a i {
        margin-right: 8px
    }
    .mobile-sticky-footer .advisor-btn a {
        border-right: 1px solid #555
    }
}

@media only screen and (max-width: 768px) {
    .fixed-sticky-bar {
        display: none
    }
    .footer-sticky-bar {
        display: none
    }
    .mobile-sticky-footer {
        display: block
    }
}

.global-form form .select-options,
.global-form form .form-group {
    position: relative;
    margin-bottom: 32px
}

.global-form form .select-options .form-control {
    padding: 0px
}

.global-form form .contact-number {
    position: relative
}

.global-form form .form-control {
    color: #231f20;
    background-color: transparent;
    position: relative;
    height: 41px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #bbbbbb !important;
    border-radius: 4px !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 10px 16px 11px;
    top: auto;
    line-height: 21px
}

.global-form form .form-label {
    position: absolute;
    font-size: 18px;
    color: #777;
    pointer-events: none;
    z-index: 2;
    top: 20px;
    transition: all;
    transition-duration: .2s
}

.global-form form .form-group.isd-select {
    position: relative;
    top: -1px;
    width: 30%;
    display: inline-block
}

.global-form form .form-group.isd-select i.select-dropdown {
    position: absolute;
    top: 50%;
    right: 0
}

.global-form form .form-group.isd-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #777
}

.global-form form .contact-number .form-group.isd-select {
    position: relative;
    top: 0;
    width: 20%
}

.global-form form .contact-number .form-group.phone {
    width: 80%;
    margin: 0
}

.global-form form .contact-number .select-options .form-control {
    padding: 12px 30px 12px 15px !important;
    border-right: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important
}

.global-form form .form-group textarea {
    padding: 10px 16px 11px;
    height: 50px;
    transition: 0.2s ease all
}

.global-form form .form-group textarea::placeholder {
    font-size: 13px !important;
    line-height: 20px;
    color: #777;
    transition: 0.2s ease all
}

.global-form form .form-group .floating-label {
    position: absolute;
    pointer-events: none;
    left: 16px;
    top: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #777;
    transition: 0.2s ease all
}

.global-form form .select-options .error {
    position: absolute;
    display: block;
    margin-top: 5px;
    font-size: 10px;
    color: #ec4e5d;
    text-transform: capitalize;
    line-height: normal
}

.global-form form .form-group .error {
    position: absolute;
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: #ec4e5d;
    text-transform: capitalize;
    line-height: 17px
}

.global-form form .pay-btn a {
    display: inline-block;
    margin-bottom: 0 !important;
    position: relative;
    color: #fff;
    background-color: #231f20;
    margin: 0px 0 34px;
    padding: 12px 52px 12px 12px;
    border: 0 none !important;
    border-radius: 4px;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-transform: uppercase
}

.global-form form .pay-btn a span {
    line-height: normal;
    margin-top: 0 !important;
    position: absolute;
    padding: 9px 16px;
    display: inline-block;
    top: 0px;
    right: 0px;
    background-color: #1d1d1d;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.global-form form .form-toggled .form-label {
    top: -15px !important
}

.global-form form .pay-btn button {
    display: inline-block;
    margin-bottom: 0 !important;
    position: relative;
    color: #fff;
    background: #000;
    margin: 0px 0 34px;
    padding: 12px 52px 12px 12px;
    border: 0 none !important;
    border-radius: 4px;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    text-transform: uppercase;
    cursor: pointer
}

.global-form form .pay-btn button span {
    line-height: normal;
    margin-top: 0 !important;
    position: absolute;
    padding: 9px 16px;
    display: inline-block;
    top: 0px;
    right: 0px;
    background-color: #1d1d1d;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.global-form form .form-group .inputText.required:focus~.floating-label,
.global-form form .form-control:focus~.floating-label {
    top: -9px;
    left: 10px;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    color: #231f20;
    background: #fff;
    padding: 0 6px
}

.global-form form .form-group .inputText.required:not(:focus):valid~.floating-label,
.global-form form .form-group .inputText.required:not(:focus):valid~.floating-label,
.global-form form .form-group .inputText.required[readonly=""]+.floating-label {
    top: -9px;
    left: 10px;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    color: #231f20;
    background: #fff;
    padding: 0 6px
}

.global-form form .form-group .inputText.required:focus:invalid~.floating-label {
    top: -9px;
    left: 10px;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    color: #ec4e5d;
    background: #fff;
    padding: 0 6px
}

.global-form form .form-group .inputText.not-required~.floating-label {
    position: absolute;
    pointer-events: none;
    left: 16px;
    top: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #777;
    transition: 0.2s ease all
}

.global-form form .form-group .inputText.not-required:focus~.floating-label {
    top: -9px;
    left: 10px;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    color: #231f20;
    background: #fff;
    padding: 0 6px
}

.global-form form .form-group .inputText.not-required:not(:placeholder-shown)~.floating-label {
    top: -9px;
    left: 10px;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    color: #231f20;
    background: #fff;
    padding: 0 6px
}

.global-form .select-options i.common-icons {
    position: absolute;
    top: 16px !important;
    right: 9px;
    width: 14px;
    transform: scale(.66666666);
    pointer-events: none
}

.global-form form .select-options.form-group .select-floating-label {
    position: absolute;
    pointer-events: none;
    left: 17px;
    top: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #777;
    transition: 0.2s ease all
}

.global-form form .select-options.form-group .select-floating-label.value-selected {
    top: -9px !important;
    left: 10px !important;
    font-size: 12px !important;
    line-height: 18px;
    opacity: 1;
    color: #777 !important;
    background: #fff;
    padding: 0 6px
}

.customize-select button[title="Select City"] .filter-option-inner-inner {
    color: #fff;
    height: 14px
}

.customize-select button[title="Select Country"] .filter-option-inner-inner {
    color: #fff;
    height: 14px
}

.customize-select button[title="Select Course"] .filter-option-inner-inner {
    color: #fff;
    height: 14px
}

.customize-select button[title="Course Name"] .filter-option-inner-inner {
    color: #fff;
    height: 14px
}

.customize-select button[title="Select Identification Type"] .filter-option-inner-inner {
    color: #fff;
    height: 14px
}

.customize-select.show+.select-floating-label {
    top: -9px !important;
    left: 10px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    opacity: 1;
    color: #231f20 !important;
    background: #fff;
    padding: 0 6px
}

.global-form form .form-group .form-control:valid {
    border-color: #bbb !important;
    color: #231f20 !important
}

.global-form form .form-group .form-control:valid~.floating-label {
    color: #777 !important
}

.global-form form .form-group .form-control:invalid {
    border-color: #bbb !important
}

.global-form form .form-group .form-control:invalid~.floating-label {
    color: #777
}

.global-form form .form-group .form-control:focus {
    border-color: #ec4e5d
}

.global-form form .form-group .form-control:focus:invalid {
    border-color: #ec4e5d !important;
    color: #ec4e5d
}

.global-form form .form-group .form-control:focus:invalid~.floating-label,
.global-form form .form-group .form-control:focus:invalid~.floating-message {
    color: #ec4e5d !important
}

.global-form form .contact-number .select-options .form-control:valid {
    border: 1px solid #231f20 !important
}

.global-form form .form-group .form-control.show-error {
    border: 1px solid #ec4e5d !important;
    color: #ec4e5d !important
}

.global-form form .form-group .form-control.show-error~.floating-label,
.global-form form .form-group .form-control.show-error~.floating-message {
    color: #ec4e5d !important;
    background: #fff !important;
    top: -9px !important;
    padding: 0 6px !important;
    left: 10px !important;
    font-size: 12px;
    line-height: 18px
}

.global-form form .form-group .form-control.show-error:focus~.floating-label,
.global-form form .form-group .form-control.show-error~span.floating-message {
    color: #ec4e5d !important;
    background: #fff !important;
    top: -9px !important;
    padding: 0 6px !important;
    left: 10px !important;
    font-size: 12px;
    line-height: 18px
}

.global-form select:invalid~.isd-code {
    border-color: #ec4e5d !important
}

.global-form select:valid~.isd-code {
    border-color: #231f20 !important
}

.global-form select:invalid~.select-options .bootstrap-select {
    border-color: #ec4e5d !important
}

.global-form select:valid~.select-options .bootstrap-select {
    border-color: #231f20 !important
}

.global-form select.show-error~.isd-select {
    border-color: #ec4e5d !important
}

.global-form select.show-error~.select-options .bootstrap-select {
    border-color: #ec4e5d !important
}

.global-form select:invalid {
    border-color: #e798a0 !important;
    color: #ec4e5d !important
}

.global-form form select.show-error {
    border: 1px solid #ec4e5d !important;
    color: #ec4e5d !important
}

.global-form select.show-error~.global-form form .bootstrap-select {
    border-color: #ec4e5d
}

.global-form form .select-options .show-error {
    border: 1px solid #ec4e5d !important;
    color: #ec4e5d !important
}

.global-form form .form-group textarea.form-control:valid~.floating-message,
.global-form form .form-group textarea.form-control:focus:valid~.floating-message {
    color: #777 !important;
    background: #fff !important;
    top: -6px;
    padding: 0 6px !important;
    left: 10px !important
}

.global-form form .form-group textarea.form-control:invalid~.floating-message,
.global-form form .form-group textarea.form-control:focus:invalid~.floating-message {
    color: #ec4e5d;
    background: #fff !important;
    top: -6px;
    padding: 0 6px !important;
    left: 10px !important
}

.global-form form .form-group textarea.form-control.show-error~.floating-message {
    color: #ec4e5d !important;
    background: #fff !important;
    top: -6px;
    padding: 0 6px !important;
    left: 10px !important
}

.global-form form .form-group textarea.form-control:not(:focus):invalid~.floating-message {
    color: #777;
    top: 10px
}

.global-form form .select-options .form-control:not(.show-error) {
    border: 1px solid #231f20
}

.global-form form .select-options .form-control:not(.show-error):invalid {
    border-color: #bbb
}

.global-form form .select-options .form-control.is-valid {
    border: 1px solid #231f20
}

.global-form form .select-options .form-control:not(.is-valid):invalid {
    border-color: #bbb
}

.global-form form .select-options .form-control:not(.is-valid) {
    border: 1px solid #231f20
}

.global-form form .select-options .form-control:not(.is-valid):invalid {
    border-color: #bbb
}

.global-form .select-options .isd-code.show-error~.phone .form-control {
    border-color: #ec4e5d !important
}

.global-form form .form-group textarea:placeholder-shown+span.floating-message {
    font-size: 12px;
    background: #fff;
    color: #777;
    position: absolute;
    transition: 0.2s ease all
}

.global-form form .form-group textarea:placeholder-shown~span.floating-message {
    font-size: 12px;
    background: #fff;
    color: #777;
    position: absolute;
    transition: 0.2s ease all
}

.global-form form .form-group textarea::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit
}

.global-form form .form-group textarea:focus::-webkit-input-placeholder {
    opacity: 1;
    transition: 0.2s ease all
}

.global-form form .form-group textarea:not(:placeholder-shown)~span.floating-message,
.global-form form .form-group textarea:focus~span.floating-message {
    position: absolute;
    font-size: 12px;
    opacity: 1;
    color: #777;
    background: #fff;
    padding: 0px 6px;
    transition: 0.2s ease all
}

.global-form form .form-group textarea::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit
}

.global-form form .form-group textarea:focus::-webkit-input-placeholder {
    opacity: 1;
    transition: 0.2s ease all
}

.global-form form .form-group textarea:not(:placeholder-shown)+label,
.global-form form .form-group textarea:focus+label {
    transform: translate(10px, -75px) scale(1);
    font-size: 12px;
    opacity: 1;
    color: #231f20;
    background: #fff;
    padding: 0px 6px;
    transition: 0.2s ease all
}

.global-form form .contact-number .form-group.isd-select {
    width: 20%
}

.global-form form .contact-number .select-options .form-control {
    padding: 12px 10px
}

.global-form form .select-options .form-control.is-valid {
    border-color: #231f20 !important;
    border: 1px solid #231f20 !important
}

.global-form form .contact-number-full .form-control {
    padding-left: calc(20% + 16px)
}

.global-form form .contact-number-full .form-group.phone {
    position: relative;
    margin-bottom: 32px;
    width: 100%
}

.global-form form .contact-number-full .form-group.isd-select {
    position: absolute;
    top: 0;
    width: 20%;
    z-index: 1
}

.global-form form .contact-number-full .form-group .error {
    bottom: -19px
}

.global-form form .contact-number-full .form-control.isd-code {
    padding: 0px;
    border-width: 0 1px 0 0 !important;
    border-radius: 0px !important
}

.global-form form .contact-number-full .form-group .select-options .error {
    bottom: -30px
}

.global-form form .contact-number-full .form-group .floating-label {
    position: absolute;
    pointer-events: none;
    left: calc(20% + 16px);
    top: 11px;
    font-size: 13px;
    line-height: 18px;
    color: #777;
    transition: 0.2s ease all
}

.global-form form .contact-number-full .form-group .floating-phone {
    position: absolute;
    pointer-events: none;
    left: 16px;
    top: 13px;
    font-size: 13px;
    line-height: 18px;
    color: #777;
    transition: 0.2s ease all
}

.global-form form .contact-number-full .form-group .inputText:focus~.floating-label,
.global-form form .contact-number-full .form-control:focus~.floating-label,
.global-form form .contact-number-full .form-group .inputText:not(:focus):valid~.floating-label,
.global-form form .contact-number-full .form-group .inputText:not(:focus):valid~.floating-label {
    top: -9px;
    left: 10px;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    color: #231f20;
    background: #fff;
    padding: 0 6px
}

.global-form form .contact-number-full .bootstrap-select>.dropdown-menu {
    width: 250px;
    max-width: 250px !important
}

.global-form form .contact-number-full .bootstrap-select .dropdown-menu li a.dropdown-item.active {
    color: #231f20 !important;
    text-decoration: none !important;
    background-color: #bbb !important
}

.global-form form .contact-number-full .bootstrap-select .dropdown-menu li a.dropdown-item:hover {
    background: #bbb
}

.global-form form .contact-number-full .bootstrap-select .dropdown-menu li a.dropdown-item:focus {
    outline: none
}

.global-form form .contact-number-full .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #231f20;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 11px;
    transform: translateY(1px)
}

.global-form form .contact-number-full .bootstrap-select button[title="Select ISD"] .filter-option-inner-inner {
    color: #777;
    font-size: 13px;
    line-height: 18px;
    transform: translateY(2px)
}

.try-for-free-modal .modal-dialog {
    max-width: 887px !important
}

.try-for-free-modal .modal-header {
    padding: 30px 30px 0px;
    border: none;
    display: inline-block
}

.try-for-free-modal .black-close-icon {
    vertical-align: top
}

.try-for-free-modal .to-close {
    display: inline-block;
    right: 16px;
    position: absolute;
    top: 16px;
    z-index: 1
}

.try-for-free-modal .to-close button {
    outline: 0 !important
}

.try-for-free-modal .modal-popup-header {
    margin-bottom: 30px
}

.corporate-page-popup-model .modal-body {
    padding: 0px
}

.corporate-page-popup-model .to-close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1
}

.corporate-page-popup-model .to-close button {
    outline: 0 !important;
    width: 14px;
    height: 14px
}

.corporate-page-popup-model .modal-dialog {
    max-width: 920px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-left-content {
    border-radius: 2px 0 0 2px;
    background-color: #f7faf7;
    padding: 32px;
    height: 100%
}

.corporate-page-popup-model .corporate-page-popup-form .pop-left-content .pop-left-content-heading {
    color: #231f20;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-left-content .pop-left-content-subheading {
    color: #231f20;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-left-content ul {
    margin-bottom: 60px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-left-content ul li {
    position: relative;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 21px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-left-content ul li::before {
    content: "";
    width: 7px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png);
    background-position: -755px -75px;
    background-color: transparent
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form {
    padding: 32px 32px 32px 2px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form {
    position: relative
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .optional-heading {
    position: relative;
    color: #231f20;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 25px;
    text-decoration: none;
    display: block
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .optional-heading.collapsed:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png') no-repeat -753px -129px;
    width: 13px;
    height: 13px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .optional-heading:before {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png') no-repeat -333px -134px;
    width: 13px;
    height: 3px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .pop-right-content-heading {
    color: #231f20;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .pop-right-content-subheading {
    color: #231f20;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 35px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit {
    margin-top: 15px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .kh3-btn {
    border-radius: 4px;
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none;
    text-decoration: none;
    padding: 10px 46px 11px 16px;
    right: 0
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .kh3-btn:hover,
.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .kh3-btn:focus {
    border: none;
    outline: none;
    box-shadow: none
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .kh3-btn:before {
    content: "";
    background-image: url(https://d2o2utebsixu4k.cloudfront.net/assets/icons/icon-sprite.png);
    width: 9px;
    height: 14px;
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    background-position: -181px -158px;
    transition: all .3s ease-in-out
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .kh3-btn:focus:before,
.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .kh3-btn:hover:before {
    right: 24px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .cancel-btn {
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border: none;
    text-decoration: none;
    padding: 8px 16px;
    margin-right: 24px;
    border: 1px solid #000
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .cancel-btn:hover,
.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .cancel-btn:focus {
    border: 1px solid #000;
    outline: none;
    box-shadow: none
}

.corporate-page-popup-model .corporate-page-popup-form.download-brochure-popup .pop-right-form,
.corporate-page-popup-model .corporate-page-popup-form.free_assessment .pop-right-form {
    padding: 32px
}

.corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .lp-corporate-submit::before {
    top: 62%
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-left-content .pop-left-content-heading {
    color: #231f20;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-left-content .pop-left-content-subheading {
    color: #231f20;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-left-content {
    border-radius: 2px 0 0 2px;
    background-color: #f7faf7;
    padding: 32px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-left-content ul {
    margin-bottom: 60px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-left-content ul li {
    position: relative;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 21px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-left-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    background: url("../../corporate_page/images/orange-right-arrow.png") no-repeat;
    width: 7px;
    height: 12px;
    top: 3px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content {
    background-color: #fff;
    padding: 0px;
    max-width: 290px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content .success-img {
    margin-bottom: 20px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content .pop-right-content-heading {
    color: #231f20;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content .pop-right-content-heading span {
    font-weight: 700
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content .pop-right-content-subHeading {
    color: #000;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 19px
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content .cancel-btn {
    border-radius: 4px;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border: none;
    text-decoration: none;
    padding: 8px 16px;
    margin-right: 24px;
    border: 1px solid #000
}

.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content .cancel-btn:hover,
.corporate-page-popup-model .corporate-page-popup-success-form .pop-right-content .cancel-btn:focus {
    border: 1px solid #000;
    outline: none;
    box-shadow: none
}

.corporate-page-popup-model .corporate-page-popup-success-form .succuess-msg {
    padding: 30px;
    width: 50%;
    margin: 0px auto;
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.corporate-page-popup-model .corporate-page-popup-success-form .succuess-msg .succuess-msg-heading {
    color: #231f20;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-top: 25px;
    margin-bottom: 15px
}

.corporate-page-popup-model .corporate-page-popup-success-form .succuess-msg .succuess-msg-subHeading {
    color: #000;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 19px
}

.corporate-page-popup-form .pop-right-form .global-form form .isd-select .bootstrap-select>.dropdown-toggle {
    padding: 10px 23px 10px 12px
}

.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-control {
    padding-left: calc(30% + 16px)
}

.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-group.isd-select {
    width: 30%
}

.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-control.isd-code {
    padding: 0px
}

.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-group .floating-label {
    left: calc(30% + 16px)
}

.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-group .inputText:focus~.floating-label,
.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-control:focus~.floating-label,
.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-group .inputText:not(:focus):valid~.floating-label,
.corporate-page-popup-form .pop-right-form .global-form form .contact-number-full .form-group .inputText:not(:focus):valid~.floating-label {
    top: -9px;
    left: 10px;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    color: #231f20;
    background: #fff;
    padding: 0 6px
}

.modal .form-success-template {
    padding: 30px 0px 62px
}

.form-whatsapp-modal .form-success-template {
    padding: 0px 0px 62px
}

.contact-course .form-success-template {
    padding: 10px
}

.contact-course .form-success-template p {
    background: transparent !important;
    padding: 0 !important;
    line-height: 16px !important;
    color: #666 !important
}

.contact-course .form-success-template p.help-text {
    font-size: 13px !important
}

.form-success-template {
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 auto
}

.form-success-template-modal-desktop .to-close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1
}

.form-success-template .black-close-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/form-close-icon.png');
    position: absolute;
    right: 18px;
    top: 18px;
    background-repeat: no-repeat;
    background-position: center center
}

.form-success-template .divider {
    background-color: #eee;
    height: 1px;
    width: 100%;
    display: block;
    margin: 24px 0 12px
}

.form-success-template .gif-image {
    height: 100px;
    width: 100px;
    overflow: hidden;
    margin: 0 auto 2px auto
}

.form-success-template .gif-image img {
    height: 100px;
    width: 100px
}

.form-success-template .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #111
}

.form-success-template .help-text {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #111;
    margin-top: 12px
}

.form-success-template .footer-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #111
}

.form-success-template .social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    margin-left: 26px
}

.form-success-template .social-icon {
    height: 24px;
    width: 24px;
    display: inline-flex
}

.form-success-template .linkedin-icon {
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/form-linkedin.png');
    margin-right: 16px;
    background-repeat: no-repeat
}

.form-success-template .teligram-icon {
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/form-telegram.svg');
    background-repeat: no-repeat
}

.form-success-modal .modal-dialog {
    max-width: 550px !important
}

.form-success-template .join-btn-wrap {
    background: linear-gradient(90.79deg, #B731BC -7.12%, #D65774 49.7%, #EC7642 107.85%) !important;
    box-shadow: none;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    padding: 12px 24px;
    color: #fff !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 0 none;
    text-align: center
}

.form-success-template .icon-img {
    width: 54px;
    height: 54px
}

.form-success-template .whatsapp-container {
    background-color: #fff;
    padding: 16px
}

.form-success-template .whatsapp-wrap {
    background: linear-gradient(90.79deg, #B731BC -7.12%, #D65774 49.7%, #EC7642 107.85%);
    border-radius: 4px;
    padding: 24px 24px 24px 46px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form-success-template .mesg-text {
    text-align: left;
    margin-left: 16px;
    margin-right: 16px
}

.form-success-template .mesg-text h2 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 0 12px 0
}

.form-success-template .free-text {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600
}

.form-success-template .join-btn-wrap {
    background: #000 !important;
    box-shadow: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    padding: 12px 16px;
    color: #fff !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 0 none;
    text-align: center;
    display: flex;
    height: 40px;
    white-space: nowrap
}

.form-success-template .join-btn-wrap:hover {
    text-decoration: none
}

.form-success-template .flex-dir {
    display: flex;
    align-items: center
}

.form-whatsapp-modal .modal-dialog {
    width: 100% !important;
    max-width: 1042px !important
}

.form-whatsapp-modal .form-success-template {
    width: 100% !important;
    max-width: 1042px !important
}

.form-success-template .free-skew {
    transform: skew(-5deg);
    background: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding: 1px 6px;
    color: #111;
    height: 24px;
    display: inline-block;
    margin: 0 6px
}

.form-whatsapp-modal [data-dismiss="modal"],
.form-whatsapp-modal .close {
    display: none !important
}

.form-whatsapp-modal .whatsapp-close [data-dismiss="modal"],
.form-whatsapp-modal .whatsapp-close .close {
    display: block !important
}

.form-whatsapp-modal .whatsapp-close {
    position: absolute;
    right: 8px;
    top: 2px;
    z-index: 2;
    cursor: pointer;
    opacity: 1 !important
}

.form-whatsapp-modal .form-success-template {
    padding-top: 0 !important
}

.form-whatsapp-modal .declaim-footer {
    display: flex;
    align-items: center;
    justify-content: center
}

.form-whatsapp-modal .declaim-footer p {
    margin-bottom: 0 !important
}

.to-close {
    position: absolute;
    right: 8px;
    top: 2px;
    z-index: 2;
    cursor: pointer;
    opacity: 1 !important
}

@media only screen and (max-width: 768px) {
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form {
        padding: 30px 15px 30px 0px
    }
    .corporate-page-popup-model .corporate-page-popup-form.download-brochure-popup .pop-right-form,
    .corporate-page-popup-model .corporate-page-popup-form.free_assessment .pop-right-form {
        padding: 30px
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .form-submit .kh3-btn {
        width: 100%;
        padding: 10px 16px 11px
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .pop-right-content-heading {
        margin-bottom: 25px
    }
    .corporate-page-popup-model .to-close {
        right: 10px;
        top: 5px
    }
    .corporate-page-popup-model .corporate-page-popup-success-form .succuess-msg {
        width: 100%;
        padding: 0;
        height: 50vh
    }
}

@media only screen and (max-width: 576px) {
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form {
        padding: 0px
    }
    .corporate-page-popup-model .corporate-page-popup-form.download-brochure-popup .pop-right-form,
    .corporate-page-popup-model .corporate-page-popup-form.free_assessment .pop-right-form {
        padding: 0px
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .form-submit .kh3-btn {
        width: 100%;
        padding: 10px 16px 11px
    }
    .corporate-page-popup-model .to-close {
        right: 10px;
        top: 5px
    }
    .corporate-page-popup-model .corporate-page-popup-success-form .succuess-msg {
        width: 100%;
        padding: 0;
        height: 50vh
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape) {
    .corporate-page-popup-model .corporate-page-popup-form .pop-left-content,
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .pop-right-content-subheading {
        display: none !important
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form {
        padding: 30px 15px
    }
    .corporate-page-popup-model .corporate-page-popup-success-form .succuess-msg {
        height: 75vh
    }
}

@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
    .corporate-page-popup-model .corporate-page-popup-form .pop-left-content,
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .pop-right-content-subheading {
        display: none !important
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form {
        padding: 30px 15px
    }
    .corporate-page-popup-model .corporate-page-popup-success-form .succuess-msg {
        height: 75vh
    }
}

.user-onboard-modal .modal-dialog {
    max-width: 957px;
    margin: 25px auto;
    height: 554px
}

.user-onboard-modal .modal-body {
    padding: 0
}

.user-onboard-modal .align-v-center {
    text-align: center;
    height: 100%;
    width: 100%;
    display: table;
    background-color: #f7faf7;
    padding: 24px
}

.user-onboard-modal .align-v-in {
    display: table-cell;
    vertical-align: middle
}

.user-onboard-modal .align-v-center h4 {
    margin: 25px 0 16px;
    color: #231f20;
    font-size: 23px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    font-family: 'Playfair Display', serif
}

.user-onboard-modal .align-v-center p {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    text-align: center;
    margin: 0 24px
}

.user-onboard-modal .right-info {
    padding: 46px 25px 24px 0;
    min-height: 554px
}

.user-onboard-modal .right-info h5 {
    color: #231f20;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.user-onboard-modal .right-info ul {
    margin: 14px 0 24px
}

.user-onboard-modal .right-info ul li {
    padding-left: 30px;
    margin-bottom: 4px;
    position: relative;
    color: #231f20;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

.user-onboard-modal .right-info ul li:before {
    position: absolute;
    left: 6px;
    top: 4px;
    content: "";
    transform: rotate(45deg);
    height: 15px;
    width: 8px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666
}

.user-onboard-modal .right-info ul li a {
    color: #586feb !important
}

.user-onboard-modal .right-info .steps {
    margin-bottom: 50px
}

.help-line {
    position: absolute;
    bottom: 8px;
    padding: 8px 14px;
    border-top: 1px solid #bbb
}

.help-line p {
    letter-spacing: normal;
    color: #231f20;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px
}

.help-line p a {
    color: #586feb !important
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .user-onboard-modal .right-info {
        padding: 24px;
        min-height: auto
    }
    .help-line {
        background-color: #231f20;
        text-align: center;
        padding: 8px 0;
        position: relative;
        bottom: 0px
    }
    .help-line p {
        line-height: 17px;
        font-size: 13px;
        color: #fff
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .help-line {
        border-top: 1px solid #bbb;
        background-color: #fff;
        text-align: center;
        padding: 8px 0;
        position: relative;
        bottom: 0px
    }
    .help-line p {
        line-height: 17px;
        font-size: 13px;
        color: #231f20
    }
}

@media only screen and (max-width: 768px) {
    .global-form form .form-group .floating-label {
        font-size: 14px;
        line-height: 17px
    }
    .global-form form .form-group .inputText:focus~.floating-label,
    .global-form form .form-group .inputText:not(:focus):valid~.floating-label {
        left: 10px;
        font-size: 12px;
        opacity: 1;
        color: #231f20
    }
    .global-form form .form-group .inputText.not-required:focus~.floating-label {
        left: 10px;
        font-size: 12px;
        opacity: 1;
        color: #231f20
    }
    .global-form form .form-group .inputText.not-required:not(:focus):valid~.floating-label {
        left: 16px;
        font-size: 12px;
        opacity: 1;
        color: #231f20
    }
    .global-form form .form-group .inputText.not-required:not(:placeholder-shown)~.floating-label {
        left: 10px !important
    }
    .global-form form .form-group .floating-label {
        position: absolute;
        pointer-events: none;
        left: 15px;
        top: 14px;
        font-size: 12px;
        color: #777;
        transition: 0.2s ease all
    }
    .global-form form .form-group.isd-select {
        margin-right: 0px;
        top: 0px;
        margin-bottom: 25px
    }
    .global-form form .form-group.phone {
        margin-left: 0px
    }
    .global-form form .form-control {
        font-size: 12px;
        height: 45px;
        padding: 12px
    }
    .global-form form .pay-btn a {
        text-align: center;
        display: block;
        float: none;
        padding: 12px 20px !important
    }
    .global-form form .pay-btn button {
        text-align: center;
        display: block;
        float: none;
        padding: 12px 20px !important
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 12px;
        line-height: 20px
    }
    .global-form .select-options i.common-icons {
        top: 19px !important;
        transform: scale(.66666666)
    }
    .modal-dialog {
        margin: 10px
    }
    .global-form form .contact-number-full .bootstrap-select button[title="Select ISD"] .filter-option-inner-inner {
        transform: translateY(3px)
    }
    .global-form form .contact-number-full .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        transform: translateY(3px)
    }
    .global-form form .select-options.form-group .select-floating-label {
        top: 12px
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        transform: translate(0px, 0px)
    }
    .global-form .contact-number-full .select-options i.common-icons {
        top: 19px !important
    }
    .global-form form .contact-number-full .form-group .floating-phone {
        top: 12px
    }
}

@media only screen and (max-width: 767px) {
    .whatsapp-option.form-group {
        margin-bottom: 20px
    }
    .mbl-terms-text p.submit-agree {
        margin-top: 20px;
        margin-bottom: 0;
        text-align: center
    }
    .whatsapp-option .custom-checkbox .checkmark:after {
        top: 3px !important
    }
    p.submit-agree {
        text-align: center !important
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .lp-corporate-submit {
        position: relative
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .lp-corporate-submit::before {
        top: 50%;
        right: 24px
    }
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .lp-corporate-submit:focus:before,
    .corporate-page-popup-model .corporate-page-popup-form .pop-right-form .global-form form .form-submit .lp-corporate-submit:hover:before {
        right: 18px
    }
    .pmiDesciplinedAgileContactLearningAdvisor .lp-corporate-submit {
        position: relative
    }
    .pmiDesciplinedAgileContactLearningAdvisor .lp-corporate-submit::before {
        top: 50% !important
    }
    .safeFreeConsultation .lp-corporate-submit {
        position: relative
    }
    .safeFreeConsultation .lp-corporate-submit::before {
        top: 50% !important
    }
    .user-onboard-modal .align-v-center {
        padding: 16px 12px;
        background-color: #fff;
        border-bottom: 1px solid #bbb
    }
    .user-onboard-modal .align-v-center h4 {
        font-size: 18px;
        margin: 13px 0
    }
    .user-onboard-modal .align-v-center p {
        margin: 0;
        font-size: 13px
    }
    .user-onboard-modal .align-v-in img {
        width: 52px
    }
    .user-onboard-modal .right-info {
        padding: 16px 12px;
        min-height: auto
    }
    .user-onboard-modal .right-info ul li {
        font-size: 13px;
        line-height: 21px
    }
    .user-onboard-modal .right-info .steps {
        margin-bottom: 20px
    }
    .user-onboard-modal .right-info h5 {
        font-size: 14px
    }
    .help-line {
        background-color: #231f20;
        text-align: center;
        padding: 8px 0;
        position: relative;
        bottom: 0px
    }
    .help-line p {
        line-height: 17px;
        font-size: 13px;
        color: #fff !important
    }
    .modal .form-success-template {
        padding: 15px 10px 32px
    }
    .form-whatsapp-modal .form-success-template {
        padding: 4px 4px 32px
    }
    .modal .form-success-template .whatsapp-wrap {
        display: block !important;
        padding: 16px 12px
    }
    .modal .form-success-template .flex-dir {
        display: inherit
    }
    .modal .form-success-template .mesg-text h2 {
        font-size: 16px;
        line-height: 22px;
        padding: 4px 0 0 0
    }
    .modal .form-success-template .join-btn-wrap {
        font-size: 12px;
        line-height: 16px;
        margin: 16px 0 0 0
    }
    .modal .form-success-template .icon-img {
        width: 32px;
        height: 32px;
        float: left;
        margin-right: 12px
    }
    .video-popup-form .form-success-template {
        width: 300px
    }
    .form-success-template .whatsapp-wrap {
        display: block !important;
        padding: 16px 12px
    }
    .form-success-template .flex-dir {
        display: inherit
    }
    .form-success-template .mesg-text h2 {
        font-size: 14px;
        line-height: 32px;
        padding: 0px 0 0 0;
        margin: 0 0 12px
    }
    .form-success-template .icon-img {
        width: 32px;
        height: 32px;
        float: left;
        margin-right: 12px
    }
    .form-success-template .free-text {
        font-size: 14px;
        line-height: 21px;
        font-weight: 400
    }
    .form-success-template .join-btn-wrap {
        font-size: 12px;
        line-height: 16px;
        margin: 16px auto 0;
        padding: 12px 24px;
        display: inline-block;
        text-decoration: none !important
    }
    .form-success-template .join-btn-wrap:hover {
        text-decoration: none !important
    }
    .form-success-template .whatsapp-container {
        padding: 0px
    }
    .form-success-template .mesg-text {
        margin-left: 0px;
        margin-right: 0px
    }
    .form-success-template .respos {
        border-top: 1px solid #2b2b2b;
        padding: 8px 0 0 0;
        margin: 8px 0 0 0
    }
    .form-whatsapp-modal .modal-dialog {
        width: auto !important;
        margin: 0px
    }
    .form-whatsapp-modal .form-success-template {
        padding-top: 4px !important
    }
    .form-success-template .free-skew {
        transform: none;
        height: auto;
        background: transparent;
        color: #FFDA15;
        padding: 0;
        font-size: 14px;
        line-height: 21px;
        margin: 0 3px
    }
    .form-whatsapp-modal .declaim-footer {
        display: block !important
    }
    .form-success-template .social-icons {
        margin: 12px 0 0 !important
    }
}

@media only screen and (max-width: 576px) {
    .modal-dialog .modal-header {
        padding: 20px 20px 0 !important
    }
    .modal-body {
        padding: 20px !important
    }
    .global-form form .form-group .floating-label {
        font-size: 12px
    }
    .global-form form .form-group,
    .global-form form .select-options {
        margin-bottom: 25px
    }
    .global-form form .form-group .floating-label,
    .global-form form .form-group textarea+.floating-label {
        top: 14px
    }
    .global-form form .contact-number-full .form-group.phone {
        margin-bottom: 25px
    }
    .global-form form .form-group.isd-select {
        width: 100%
    }
    .global-form form .contact-number .form-group.isd-select {
        width: 24% !important
    }
    .global-form form .contact-number .bootstrap-select .dropdown-menu {
        width: 255px !important;
        left: 0px !important
    }
    .global-form form .contact-number-full .form-control {
        padding-left: calc(25% + 16px)
    }
    .global-form form .contact-number-full .form-group .floating-label {
        top: 13px;
        left: calc(25% + 16px)
    }
    .global-form form .contact-number-full .form-group.isd-select {
        width: 25% !important
    }
    .global-form form .contact-number-full .bootstrap-select .dropdown-menu {
        width: 255px !important;
        left: 0px !important
    }
    .global-form form .contact-number-full .bootstrap-select button[title="Select ISD"] .filter-option-inner-inner {
        transform: translateY(3px)
    }
    .global-form form .contact-number-full .form-group .inputText:focus~.floating-label,
    .global-form form .contact-number-full .form-control:focus~.floating-label,
    .global-form form .contact-number-full .form-group .inputText:not(:focus):valid~.floating-label,
    .global-form form .contact-number-full .form-group .inputText:not(:focus):valid~.floating-label {
        top: -9px;
        left: calc(0% + 10px);
        font-size: 12px;
        opacity: 1;
        color: #231f20;
        background: #fff;
        padding: 0 6px
    }
    .global-form form .form-control {
        font-size: 12px;
        padding: 12px 15px
    }
    .global-form form .form-label {
        font-size: 12px;
        top: 25px
    }
    .global-form form .form-group .error,
    .global-form form .select-options .error {
        font-size: 9px;
        margin-top: 2px
    }
    .global-form form .form-toggled .form-label {
        top: -5px !important
    }
    .global-form form .form-control:focus~.form-label {
        top: 5px !important;
        font-size: 12px;
        color: #231f20
    }
    .global-form form .pay-btn a {
        text-align: center;
        display: block;
        float: none;
        padding: 12px 20px !important
    }
    .global-form form .pay-btn button {
        width: 100%;
        text-align: center;
        display: block;
        float: none;
        padding: 12px 20px !important
    }
    .global-form form .contact-number .select-options .form-control {
        padding: 12px 10px
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 14px;
        line-height: 17px
    }
    .custom-checkbox {
        margin: 10px 0 0 !important
    }
    .bootstrap-select .dropdown-menu {
        max-height: 255px !important
    }
    .bootstrap-select .dropdown-menu.show {
        left: 0px !important
    }
    .contact-number .bootstrap-select .dropdown-menu .inner.show {
        max-height: 250px !important
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        transform: translate(0px, 0px)
    }
    .global-form form .select-options.form-group .select-floating-label {
        top: 13px
    }
    .global-form .contact-number-full .select-options i.common-icons {
        top: 19px !important
    }
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0px !important;
    outline-offset: 0px !important;
    box-shadow: none
}

.bootstrap-select>.dropdown-toggle {
    background: #ffffff00 !important;
    border: none;
    padding: 10px 0px 11px 16px;
    padding-right: 25px
}

.isd-select .bootstrap-select>.dropdown-toggle {
    padding: 10px 23px 10px 15px
}

.bootstrap-select .dropdown-menu {
    max-height: 250px !important;
    max-width: 100% !important
}

.bootstrap-select .dropdown-menu.show {
    left: 0px !important;
    padding: 0
}

.bootstrap-select .dropdown-menu.inner.show {
    overflow-Y: scroll;
    scrollbar-color: #ccc #fff0;
    scrollbar-width: thin
}

.bootstrap-select .dropdown-menu.inner.show::-webkit-scrollbar {
    width: 6px
}

.bootstrap-select .dropdown-menu.inner.show::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.bootstrap-select .dropdown-menu.inner.show::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.bootstrap-select .dropdown-menu.inner.show::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #bbb
}

.bootstrap-select .dropdown-menu li a.dropdown-item.inner-text {
    padding: 3px 15px;
    color: #231f20;
    font-size: 13px;
    line-height: 20px
}

.bootstrap-select .dropdown-menu li a.dropdown-item.inner-text.active {
    color: #fff !important;
    text-decoration: none !important;
    background-color: #007bff !important
}

.bootstrap-select .dropdown-menu li a.dropdown-item.inner-text:hover {
    background: #bbbbbb !important
}

.bootstrap-select .dropdown-menu li a.dropdown-item.inner-text:focus {
    outline: none
}

.bootstrap-select .dropdown-menu .dropdown-item .first {
    min-width: 40px;
    display: inline-block
}

.bootstrap-select .dropdown-menu .dropdown-item .second {
    display: inline-block;
    padding-left: 15px
}

.bootstrap-select .dropdown-menu.open li span {
    white-space: normal
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active:focus,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active:focus,
.bootstrap-select .show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(248, 249, 250, .5)
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #231f20;
    box-shadow: none !important
}

.bootstrap-select .dropdown-menu li a.opt {
    position: relative;
    padding-left: 15px !important;
    white-space: unset;
    font-size: 14px;
    line-height: 14px
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-block;
    white-space: initial;
    font-size: 13px;
    line-height: 20px
}

.bootstrap-select .dropdown-menu li a {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 20px
}

.bootstrap-select .dropdown-menu li a:hover {
    background-color: #bbbbbb !important
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin-bottom: 0 !important;
    color: #231f20;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
    transform: translate(0px, 0px)
}

.bootstrap-select .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    margin-bottom: 8px;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid !important;
    border-right: .3em solid transparent;
    border-bottom: 0 !important;
    border-left: .3em solid transparent
}

.bootstrap-select .dropdown-header {
    padding: 0px 15px
}

.contact-number .bootstrap-select .dropdown-menu {
    width: 250px;
    max-width: 250px !important
}

.contact-number .bootstrap-select .dropdown-menu .inner.show {
    overflow-x: hidden
}

.contact-number .bootstrap-select .dropdown-menu .dropdown-item .first {
    min-width: 40px !important
}

.contact-number {
    position: relative
}

.contact-number i.common-icons {
    top: 20px !important;
    transform: scale(.7)
}

.contact-number .bootstrap-select .dropdown-menu li a.dropdown-item.active {
    color: #231f20 !important;
    text-decoration: none !important;
    background-color: #bbb !important
}

.global-form form input.form-control:-internal-autofill-selected {
    -moz-appearance: menulist-button;
    -webkit-appearance: menulist-button;
    background-color: transparent !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important
}

.modal .modal-header button.close {
    opacity: 1 !important
}

.modal .modal-header button.close:focus {
    outline: none !important;
    opacity: 1 !important
}

.modal-dialog {
    max-width: 796px
}

.modal-body {
    padding: 30px
}

.modal-title {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: #231f20;
    margin-bottom: 3px
}

.modal-dialog p {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #231f20;
    font-weight: normal
}

.modal-dialog .modal-header {
    padding: 27px 30px 0;
    border: 0 none !important
}

.global-form form .pay-btn button {
    height: 40px;
    min-width: 150px;
    padding: 11px 45px 11px 14px !important;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize
}

.global-form form .pay-btn button span {
    padding: 10px 18px;
    background-color: transparent !important
}

.global-form.before_success {
    padding: 10px 0px 0px !important
}

.bootstrap-select .dropdown-toggle::after {
    display: none
}

.sticky-request-popup .global-form.before_success {
    padding: 10px 0px 0px !important
}

.sticky-request-popup .bootstrap-select .dropdown-toggle::after {
    display: none
}

.checkbox label::after {
    background: #231f20
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0
}

.custom-checkbox:last-child {
    border: 0 none !important
}

.custom-checkbox .opt-label {
    line-height: 15px;
    padding-left: 34px;
    display: block;
    font-size: 12px;
    color: #3f3f3f;
    font-weight: normal !important
}

.custom-checkbox .opt-label a {
    color: #586feb !important;
    text-decoration: none !important
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #777;
    border-radius: 4px
}

.custom-checkbox:hover input~.checkmark {
    background-color: #fff
}

.custom-checkbox input:checked~.checkmark {
    background-color: #231f20;
    border: 0 none;
    border-radius: 4px
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-checkbox .checkmark:after {
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid #26d400;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.custom-checkbox input:checked~.checkmark:after {
    display: block
}

.custom-checkbox {
    display: block;
    position: relative;
    padding: 0;
    border-bottom: 1px solid #ccc;
    margin: 5px 0px 0px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #231f20;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.custom-checkbox .code {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #231f20
}

.custom-checkbox span {
    display: block;
    font-size: 14px;
    color: #231f20;
    font-weight: normal !important
}

.checkmark {
    position: absolute;
    top: 4px;
    right: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px
}

.custom-checkbox:hover input~.checkmark {
    background-color: #fff
}

.custom-checkbox input:checked~.checkmark {
    background-color: #231f20;
    border: 0 none;
    border-radius: 4px
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-checkbox .checkmark:after {
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid #26d400;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.custom-checkbox input:checked~.checkmark:after {
    display: block
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33)
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1
}

.radio input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0
}

.radio-primary input[type="radio"]+label::after {
    background-color: #337ab7
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #337ab7
}

.radio-primary input[type="radio"]:checked+label::after {
    background-color: #337ab7
}

.radio-danger input[type="radio"]+label::after {
    background-color: #d9534f
}

.radio-danger input[type="radio"]:checked+label::before {
    border-color: #d9534f
}

.radio-danger input[type="radio"]:checked+label::after {
    background-color: #d9534f
}

.radio-info input[type="radio"]+label::after {
    background-color: #5bc0de
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: #5bc0de
}

.radio-info input[type="radio"]:checked+label::after {
    background-color: #5bc0de
}

.radio-warning input[type="radio"]+label::after {
    background-color: #f0ad4e
}

.radio-warning input[type="radio"]:checked+label::before {
    border-color: #f0ad4e
}

.radio-warning input[type="radio"]:checked+label::after {
    background-color: #f0ad4e
}

.radio-success input[type="radio"]+label::after {
    background-color: #ff585c
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: #ff585c
}

.radio-success input[type="radio"]:checked+label::after {
    background-color: #ff585c
}

input[type="checkbox"].styled:checked+label:after,
input[type="radio"].styled:checked+label:after {
    font-family: 'FontAwesome';
    content: "\f00c"
}

input[type="checkbox"] .styled:checked+label::before,
input[type="radio"] .styled:checked+label::before {
    color: #fff
}

input[type="checkbox"] .styled:checked+label::after,
input[type="radio"] .styled:checked+label::after {
    color: #fff
}

.bootstrap-select button[title="Select ISD"] .filter-option-inner-inner,
.bootstrap-select button[title="Select Country"] .filter-option-inner-inner,
.bootstrap-select button[title="Select Course"] .filter-option-inner-inner,
.bootstrap-select button[title="Select Identification Type"],
.bootstrap-select button[title="Select Scholarship Category"] .filter-option-inner-inner,
.bootstrap-select button[title="Select City"] .filter-option-inner-inner {
    font-size: 13px;
    line-height: 20px;
    transform: translate(-1px, 0px);
    color: #fff
}

.whatsapp-option .custom-checkbox {
    margin-top: 0 !important;
    display: inline-block
}

.whatsapp-option .checkmark {
    top: 1px;
    height: 14px;
    width: 14px;
    border-radius: 2px
}

.whatsapp-option .custom-checkbox input:checked~.checkmark {
    border-radius: 2px;
    top: 2px
}

.whatsapp-option .custom-checkbox .checkmark:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    top: 2px;
    left: 5px;
    height: 7px;
    width: 4px
}

.whatsapp-option .custom-checkbox input:checked~.checkmark {
    background: linear-gradient(180deg, #ED5058 0%, #DA2E8D 100%)
}

.whatsapp-option .custom-checkbox .opt-label {
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    line-height: 18px;
    color: #666
}

.global-form form .whatsapp-option.form-group {
    margin-bottom: 9px
}

p.submit-agree {
    line-height: 18px !important;
    font-size: 12px !important;
    color: #666 !important;
    font-weight: normal !important;
    display: inline-block;
    text-align: left
}

p.submit-agree a,
.modal-dialog p.submit-agree a,
.modal-dialog p.submit-agree a:hover {
    color: #586FEB !important;
    text-decoration: none !important;
    background-color: transparent;
    padding: 0 !important;
    margin: 0;
    display: inline-block;
    text-transform: capitalize
}

.mt-20 {
    margin-top: 20px !important
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-top: 0;
    position: absolute
}

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999;
    border-bottom-color: #ff953f
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

.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 #999
}

.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker>div {
    display: none
}

.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 td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    padding: 5px
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
    background-color: #f3e97a
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
    background-color: #efe24b\9
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
    background-image: linear-gradient(to bottom, #b3b3b3, grey);
    background-repeat: repeat-x;
    border-color: grey grey #595959;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
    background-color: grey
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
    background-color: #666\9
}

.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-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.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] {
    background-color: #04c
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th,
.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #04c);
    background-image: -ms-linear-gradient(to bottom, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
    background-image: -o-linear-gradient(to bottom, #08c, #04c);
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
    color: #999
}

.datepicker .datepicker-switch {
    width: 145px
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker,
.datepicker td,
.datepicker th {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    position: absolute
}

.datepicker {
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    top: -7px;
    left: 6px
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 7px
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
    background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
    background-color: #fbf069\9
}

.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-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -ms-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.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] {
    background-color: #04c
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -ms-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(top, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #04c
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
    background-color: #039\9
}

.datepicker table tr td span.old {
    color: #999
}

.datepicker th.switch {
    width: 145px
}

.datepicker tfoot tr:first-child th,
.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker tfoot tr:first-child th:hover,
.datepicker thead tr:first-child th:hover {
    background: #eee
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.datepicker-days .icon-arrow-left {
    background-position: -240px -96px !important
}

.datepicker-days .icon-arrow-right {
    background-position: -264px -96px !important
}

.datepicker-days [class*=" icon-"],
.datepicker-days [class^=icon-] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(https://d2o2utebsixu4k.cloudfront.net/assets/images/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: 0 none
}

.btn.focus,
.btn:focus {
    box-shadow: none
}

h1 sup {
    font-weight: 400;
    font-size: 14px;
    top: -1em;
    line-height: 14px
}

h2 sup {
    font-weight: 400 !important;
    font-size: 12px !important;
    top: -1em;
    line-height: 12px !important
}

h3 sup {
    font-weight: 400 !important;
    font-size: 10px !important;
    top: -1em;
    line-height: 10px !important
}

h4 sup {
    font-weight: 400 !important;
    font-size: 10px !important;
    top: -1em;
    line-height: 10px !important
}

h5 sup {
    font-weight: 400 !important;
    font-size: 10px !important;
    top: -1em;
    line-height: 10px !important
}

h6 sup {
    font-weight: 400 !important;
    font-size: 10px !important;
    top: -1em;
    line-height: 10px !important
}

p sup {
    font-weight: 400 !important;
    font-size: 9px !important;
    top: -1em;
    line-height: 9px !important
}

.course-banner-overlay {
    background-image: linear-gradient(to right, #010101 50%, rgba(1, 1, 1, 0) 100%);
    opacity: 0.95;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.f-black-right-arrow-icon {
    background-position: -453px -39px;
    width: 14px;
    height: 9px;
    display: inline-block;
    margin: 5px 3px 2px 5px;
    transform: scale(0.83)
}

.f-close-icon {
    background-position: -572px -70px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

.f-white-cart-icon {
    background-position: -387px -30px;
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle
}

.f-black-close-icon {
    background-position: -572px -36px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

.btn-success {
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%) !important;
    box-shadow: none;
    border-radius: 4px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 0 none;
    padding: 10px 42px 11px 16px;
    line-height: 19px;
    text-align: left;
    position: relative
}

.btn-success:before {
    content: "";
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 9px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: -682px -4px;
    transition: all 0.3s ease-in-out
}

.btn-success:hover,
.btn-success:focus {
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%) !important;
    border: 0 none
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    border: 0 none;
    box-shadow: none !important
}

.btn-success:hover:before,
.btn-success:focus:before {
    right: 12px
}

.btn-default {
    background: #fafdfa !important;
    box-shadow: none;
    border-radius: 4px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    color: #000 !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 1px solid #000;
    padding: 8px 16px;
    line-height: 22px;
    text-align: left;
    position: relative
}

.btn-default-small {
    background: transparent !important;
    box-shadow: none;
    border-radius: 17px;
    height: 34px;
    font-weight: 600;
    font-size: 14px;
    color: #000 !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 1px solid transparent;
    padding: 6px;
    line-height: 21px;
    text-align: left;
    position: relative
}

.btn-default-small:hover {
    border-color: #000
}

.btn-default-small i {
    vertical-align: top;
    display: inline-block;
    margin-right: 8px
}

.icon-black-play-icon {
    height: 22px;
    width: 22px;
    background-position: -416px -863px;
    display: inline-block
}

.icon-white-play-icon {
    height: 22px;
    width: 22px;
    background-position: -584px -989px
}

.icon-black-play-icon-new {
    height: 20px;
    width: 20px;
    background-position: -585px -944px;
    display: inline-block
}

.btn-default-white {
    background: transparent !important;
    box-shadow: none;
    border-radius: 4px;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 1px solid #fff;
    padding: 8px 16px;
    line-height: 22px;
    text-align: left;
    position: relative
}

.btn-default-small-white {
    background: transparent !important;
    box-shadow: none;
    border-radius: 17px;
    height: 34px;
    font-weight: 600;
    font-size: 14px;
    color: #fff !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 1px solid transparent;
    padding: 6px;
    line-height: 21px;
    text-align: left;
    position: relative
}

.btn-default-small-white:hover {
    border-color: #fff
}

.btn-default-small-white i {
    vertical-align: top;
    display: inline-block;
    margin-right: 8px
}

.btn-blue {
    background-color: #586feb;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    height: 40px;
    line-height: 17px;
    padding: 10px 16px 9px
}

.btn-blue:hover,
.btn-blue:focus {
    color: #fff
}

.course-badge {
    height: 26px;
    border: 1px solid rgba(236, 57, 87, 0.5);
    color: #ec3957;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    border-radius: 13px;
    padding: 4px 8px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    background-color: rgba(236, 57, 87, 0.05);
    vertical-align: middle;
    margin-left: 10px
}

.course-badge .dot {
    width: 6px;
    height: 6px;
    background-color: #ec3957;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 4px
}

.banner-sticky {
    position: absolute;
    top: 40px;
    right: 19px;
    display: flex;
    align-items: center;
    z-index: 1
}

.review-sticky {
    height: 20px;
    padding: 0px 16px;
    display: inline-flex;
    align-items: center
}

.review-sticky span {
    padding-left: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    line-height: 20px
}

.phone-sticky {
    height: 20px;
    padding: 0px 16px 0 32px;
    display: inline-flex;
    align-items: center;
    margin-left: 16px
}

.phone-sticky span {
    padding-left: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    line-height: 20px
}

.banner-sticky a:last-child {
    border-left: 1px solid #d8d8d8
}

.banner-sticky a {
    border-right: 0 none
}

.refer-and-earn-sticky span {
    color: #586feb
}

.icon-phone {
    width: 18px;
    height: 18px;
    background-position: -381px -80px
}

.icon-star-orange {
    background-position: -285px -81px;
    width: 16px;
    height: 15px
}

.icon-right-arrow {
    background-position: -178px -993px;
    width: 9px;
    height: 14px
}

.icon-google {
    background-position: -94px -81px;
    width: 16px;
    height: 16px
}

.icon-facebook {
    background-position: -194px -81px;
    width: 9px;
    height: 16px
}

.icon-refer-and-earn {
    background-position: -346px -251px;
    width: 14px;
    height: 14px;
    transform: scale(1.3)
}

.icon-job-portal {
    background-position: -402px -251px;
    width: 14px;
    height: 13px;
    transform: scale(1.3)
}

.section-heading {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #111;
    margin-bottom: 16px
}

.global-card {
    height: 64px;
    border-radius: 4px;
    background-color: #000;
    margin-top: 20px;
    padding-right: 12px
}

.global-card .media-body {
    padding-left: 16px
}

.global-card .media-body p {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 19px
}

.global-card .btn-default {
    height: 40px;
    padding: 10px 16px 9px;
    font-size: 14px;
    line-height: 17px
}

.icon-ques-big {
    background-position: -267px -968px;
    width: 36px;
    height: 64px;
    transform: scale(0.9)
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    color: #d5d5d5;
    background-color: #ccc;
    opacity: 1;
    outline: none
}

.swiper-pagination-bullet-active {
    border-radius: 3px;
    background-color: #231f20;
    width: 31px;
    height: 6px
}

.btn-black {
    background-color: #000;
    padding: 0px 58px 0px 16px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    border: 0 none;
    width: max-content
}

.btn-black .right-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    width: 42px;
    background: #1d1d1d;
    transform: translateY(-50%);
    height: 50px;
    border-radius: 0 4px 4px 0
}

.editor-content pre {
    background: rgba(31, 120, 209, 0.044);
    padding: 0px 10px !important;
    white-space: pre-wrap !important
}

.editor-content html,
.editor-content body,
.editor-content div,
.editor-content span,
.editor-content applet,
.editor-content object,
.editor-content iframe,
.editor-content h1,
.editor-content h2,
.editor-content h3,
.editor-content h4,
.editor-content h5,
.editor-content h6,
.editor-content p,
.editor-content blockquote,
.editor-content pre,
.editor-content a,
.editor-content abbr,
.editor-content acronym,
.editor-content address,
.editor-content big,
.editor-content cite,
.editor-content code,
.editor-content del,
.editor-content dfn,
.editor-content em,
.editor-content img,
.editor-content ins,
.editor-content kbd,
.editor-content q,
.editor-content s,
.editor-content samp,
.editor-content small,
.editor-content strike,
.editor-content strong,
.editor-content sub,
.editor-content sup,
.editor-content tt,
.editor-content var,
.editor-content b,
.editor-content u,
.editor-content i,
.editor-content center,
.editor-content dl,
.editor-content dt,
.editor-content dd,
.editor-content ol,
.editor-content ul,
.editor-content li,
.editor-content fieldset,
.editor-content form,
.editor-content label,
.editor-content legend,
.editor-content table,
.editor-content caption,
.editor-content tbody,
.editor-content tfoot,
.editor-content thead,
.editor-content tr,
.editor-content th,
.editor-content td,
.editor-content article,
.editor-content aside,
.editor-content canvas,
.editor-content details,
.editor-content embed,
.editor-content figure,
.editor-content figcaption,
.editor-content footer,
.editor-content header,
.editor-content hgroup,
.editor-content menu,
.editor-content nav,
.editor-content output,
.editor-content ruby,
.editor-content section,
.editor-content summary,
.editor-content time,
.editor-content mark,
.editor-content audio,
.editor-content video {
    margin: unset;
    padding: unset;
    border: unset;
    font-size: unset;
    font: unset
}

.editor-content ul li ul,
.editor-content ul li ol,
.editor-content ol li ul,
.editor-content ol li ol {
    padding-left: 20px
}

.editor-content h1 {
    margin-top: 21px;
    margin-bottom: 21px;
    line-height: 39px;
    font-size: 32px;
    color: #ec3957;
    font-weight: 700
}

.editor-content p,
.editor-content ol,
.editor-content ul {
    margin-top: 16px;
    margin-bottom: 16px;
    line-height: 24px;
    color: #666;
    font-size: 14px
}

.editor-content ul {
    list-style: disc
}

.editor-content ul ul {
    list-style: circle
}

.editor-content ul ul ul {
    list-style: square
}

.editor-content ol {
    list-style: decimal
}

.editor-content ol ol {
    list-style: upper-alpha
}

.editor-content ol ol ol {
    list-style: lower-alpha
}

.editor-content ol li ol,
.editor-content ul li ul,
.editor-content ol li ul,
.editor-content ul li ol {
    margin-top: 0;
    margin-bottom: 0
}

.editor-content ol,
.editor-content ul {
    padding-left: 40px;
    list-style-position: outside
}

.editor-content pre {
    margin-top: 13px;
    margin-bottom: 13px;
    line-height: 28px;
    color: #676767;
    background-color: rgba(31, 120, 209, 0.044);
    font-family: monospace;
    font-size: 16px
}

.editor-content h2 {
    margin-top: 19px;
    margin-bottom: 19px;
    line-height: 38px;
    color: #333;
    font-size: 24px;
    font-weight: 700
}

.editor-content h3 {
    margin-top: 18px;
    margin-bottom: 18px;
    line-height: 23px;
    color: #333;
    font-size: 18.7167px;
    font-weight: 700
}

.editor-content h4 {
    margin-top: 21px;
    margin-bottom: 21px;
    line-height: 20px;
    color: #333;
    font-size: 16px;
    font-weight: 700
}

.editor-content h5 {
    margin-top: 22px;
    margin-bottom: 22px;
    line-height: 17px;
    font-size: 13.2833px;
    color: #333742;
    font-weight: 700
}

.editor-content h6 {
    margin-top: 24px;
    margin-bottom: 24px;
    line-height: 14px;
    font-size: 10.7167px;
    color: #333742;
    font-weight: 700
}

.editor-content blockquote {
    font-size: 16px;
    border-radius: 0;
    border-left: 4px solid #ec3957;
    margin-left: 0px;
    padding-left: 5px;
    color: rgb(94, 53, 177);
    background-color: #f4f4f4;
    margin-top: 16px;
    margin-bottom: 16px
}

.editor-content blockquote::before {
    content: none
}

.editor-content a {
    text-decoration: underline;
    color: #000;
    line-height: 19px;
    font-weight: 400
}

.editor-content blockquote {
    color: #fff !important
}

.editor-content blockquote p {
    color: #444
}

.editor-content img.fr-dib {
    width: 100% !important
}

.editor-content strong {
    color: #222
}

.editor-content table {
    border: 1px solid #d5d5d5 !important;
    width: 100% !important;
    overflow-x: auto
}

.editor-content th {
    font-size: 13px;
    font-weight: bold;
    background: #f9f9f9 !important;
    color: rgba(0, 0, 0, 0.8);
    padding: 5px 10px;
    border: 0 none !important;
    border-bottom: 1px solid #d5d5d5 !important;
    border-right: 1px solid #d5d5d5 !important;
    line-height: 20px;
    text-align: left !important
}

.editor-content td {
    font-size: 13px;
    padding: 5px 10px;
    font-weight: 400 !important;
    line-height: 22px
}

.editor-content td strong {
    font-weight: 700 !important
}

.editor-content table>tbody>tr>td {
    border: 0 none !important;
    border-bottom: 1px solid #d5d5d5 !important;
    color: rgba(0, 0, 0, 0.8);
    border-right: 1px solid #d5d5d5 !important;
    line-height: 24px
}

.editor-content table td {
    border: 0 none
}

.editor-content table th {
    border: 0 none;
    background: #f9f9f9 !important
}

.editor-content table td p {
    font-size: 13px !important;
    margin: 0 !important
}

.editor-content table>tbody>tr>td img {
    width: 70% !important;
    display: block
}

.editor-content table>tbody>tr>td a {
    word-wrap: break-word;
    width: 70%;
    display: block;
    line-height: 18px
}

.editor-content strong,
.editor-content b {
    color: #333;
    font-weight: 700
}

.editor-content img {
    width: 100%;
    margin-bottom: 10px
}

.editor-content i {
    font-style: italic
}

.list-pointers.editor-content ul li,
.list-pointers.editor-content ul li,
.list-pointers.editor-content ul li a {
    font-size: 14px;
    line-height: 29px;
    color: #333;
    list-style-type: disc
}

.list-pointers.editor-content ul {
    margin-bottom: 0;
    margin-top: 0
}

.list-pointers.editor-content ul li a {
    text-decoration: underline
}

.view-more-container .editor-content {
    overflow: hidden
}

.view-more-container a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-transform: none;
    color: #333
}

.view-more-container p a,
.view-more-container li a {
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #586feb
}

.view-more-container .citrep-view-more {
    overflow: hidden
}

span.view-more-link {
    pointer-events: none
}

.detail-sticky-overview .sticky-wrapper {
    height: 0 !important
}

.detail-sticky-overview .detail-stick-top.sticky-wrapper {
    height: auto !important
}

.detail-sticky {
    opacity: 0;
    top: 50px;
    transition: all 0.3s ease 0.2s;
    background-color: transparent;
    min-height: 49px;
    position: relative;
    width: 100%;
    z-index: 1;
    transition: all 0.1s ease;
    padding: 0 35px;
    display: none
}

.detail-stick-top .detail-sticky {
    background: #fff;
    z-index: 99
}

.detail-sticky .nav-horizontal {
    background-color: #fff;
    border-radius: 4px;
    display: block;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.06);
    padding-left: 50px;
    padding-right: 50px
}

.detail-stick-top .detail-sticky .nav-horizontal {
    box-shadow: none
}

.detail-stick-top .detail-sticky {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: all 0.3s ease 0.2s;
    display: block
}

.detail-sticky .nav-horizontal li {
    float: left;
    margin: 0px 16px
}

.detail-sticky .nav-horizontal li a {
    color: #333;
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 49px
}

.detail-sticky .nav-horizontal li.active a {
    color: #333;
    font-weight: 700
}

.detail-sticky .nav-horizontal li a:hover,
.detail-sticky .nav-horizontal li a:focus {
    background: transparent;
    color: #000
}

.detail-sticky .nav-horizontal li a:before {
    position: absolute;
    content: " ";
    bottom: 0;
    background: transparent;
    height: 3px;
    width: 100%;
    left: 0;
    border-radius: 2px
}

.detail-sticky .nav-horizontal li.active a:before {
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%)
}

.layout-d-sticky-cta button {
    height: 33px;
    padding: 7px 16px
}

.detail-sticky .nav-horizontal li.layout-d-sticky-cta.active a:before {
    background: none
}

.detail-sticky .nav-horizontal li:first-child {
    margin-left: 0
}

.detail-sticky .nav-horizontal li.download-syllabus {
    float: right;
    margin-right: 0;
    margin-top: 8px;
    opacity: 0;
    margin-bottom: 8px
}

.detail-stick-top .detail-sticky .nav-horizontal li.download-syllabus {
    opacity: 1
}

.detail-sticky .nav-horizontal li.download-syllabus a {
    color: #fff;
    padding: 7px 16px;
    line-height: 17px;
    min-width: 110px;
    height: 33px;
    font-weight: 600;
    display: inline-block;
    margin-right: 20px;
    text-align: center
}

.detail-sticky .nav-horizontal li.download-syllabus a:last-child {
    margin-right: 0
}

.detail-sticky .nav-horizontal li.download-syllabus a:hover,
.detail-sticky .nav-horizontal li.download-syllabus a:focus,
.detail-sticky .nav-horizontal li.download-syllabus button:hover,
.detail-sticky .nav-horizontal li.download-syllabus button:focus {
    background-color: #586feb;
    color: #fff
}

.detail-sticky .nav-horizontal li.download-syllabus li {
    margin-right: 20px;
    margin-left: 0
}

.detail-sticky .nav-horizontal li.download-syllabus li:last-child,
.layout-d-sticky-cta {
    margin-right: 0 !important
}

.detail-sticky .nav-horizontal li.download-syllabus li a,
.detail-sticky .nav-horizontal li.download-syllabus li button {
    margin-right: 0
}

.detail-sticky .nav-horizontal li.modes-of-delivery {
    float: right;
    margin-right: 0;
    margin-top: 6px
}

.detail-sticky .nav-horizontal li.modes-of-delivery a {
    line-height: 34px;
    font-size: 12px;
    min-width: 175px;
    height: 36px
}

.detail-sticky .nav-horizontal li.modes-of-delivery a.btn {
    background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important;
    color: #fff !important;
    border-color: #ff953f
}

.detail-sticky .nav-horizontal li.download-syllabus .btn-default {
    background: #fff !important;
    height: 33px;
    padding: 7px 16px;
    line-height: 17px
}

.detail-sticky .nav-horizontal li.modes-of-delivery a.btn:hover,
.detail-sticky .nav-horizontal li.modes-of-delivery a.btn:focus {
    border-color: #2fcc73
}

.detail-sticky .nav-horizontal li a span {
    background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%);
    border-radius: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 10px;
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    margin-left: 2px
}

.detail-sticky .nav-horizontal li.modes-of-delivery .dropdown-menu {
    padding: 0;
    border-radius: 0;
    left: auto;
    right: 0;
    width: 263px
}

.detail-sticky .nav-horizontal li.modes-of-delivery .dropdown-menu li {
    margin: 0 !important;
    width: 100%;
    border-radius: 0;
    border-bottom: 1px solid #d5d5d5
}

.detail-sticky .nav-horizontal li.modes-of-delivery .dropdown-menu li a.modes {
    margin-bottom: 0px;
    padding: 10px 20px 10px 60px;
    border-radius: 0;
    line-height: 24px;
    box-shadow: none;
    height: auto
}

.detail-sticky .nav-horizontal li.modes-of-delivery .dropdown-menu li a.modes .heading {
    font-size: 12px;
    background: transparent;
    color: #222;
    line-height: 12px;
    text-transform: none
}

.detail-sticky .nav-horizontal li.modes-of-delivery a.modes::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/course-images/layout-a/icons/course-latest-sprite-10.png');
    background-position: -105px 0px;
    width: 33px;
    height: 32px
}

.detail-sidebar-sticky {
    z-index: 1;
    position: relative
}

.detail-sidebar-sticky .container-fluid {
    position: relative
}

.detail-sidebar {
    width: 320px;
    transition: all 0.5s;
    top: 88px;
    position: absolute;
    z-index: 1;
    right: 100px;
  
   
}

.detail-sidebar-sticky.is_stuck .detail-sidebar {
    top: 70px
}

.detail-sidebar-sticky.is_stuck {
    position: fixed !important;
    top: 50px !important
}


.detail-sidebar.appear {
    opacity: 0;
    visibility: hidden
}

.course-banner-1 {
    padding: 40px 85px 92px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-size: contain
}

.course-banner-1 .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0
}

.course-banner-1 .breadcrumb li {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    padding-right: 30px;
    position: relative;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course-banner-1 .breadcrumb li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    text-decoration: none;
    position: relative;
    display: block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course-banner-1 .breadcrumb li:after {
    position: absolute;
    content: "";
    top: 5px;
    right: 12px;
    color: #fff;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 6px;
    height: 10px;
    background-position: -6px -6px
}

.course-banner-1 .breadcrumb li:last-child {
    padding-right: 0
}

.course-banner-1 .breadcrumb li:last-child:after {
    content: none
}

.course-heading {
    margin-top: 34px
}

.course-banner-1 h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #000;
    display: inline;
    vertical-align: middle
}

.course-banner-1 h1 .fs,
.course-banner-3 h1 .fs {
    font-size: 13px;
    font-weight: 400;
    line-height: 23px
}

.course-banner-1 h1 .fs-26 {
    font-size: 26px;
    line-height: 28px
}

.course-banner-1 h1 .fs-22 {
    font-size: 22px;
    line-height: 28px
}

.course-banner-1 h2 {
    color: #333;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 16px;
    margin-top: 2px
}

.course-banner-1 .editor-content p {
    padding-top: 8px;
    color: #333;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin: 0
}

.course-banner-1 .editor-content ul {
    padding-top: 8px;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.course-banner-1 .editor-content {
    margin-bottom: 56px
}

.course-banner-1 .editor-content li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #333;
    margin-bottom: 8px;
    position: relative;
    padding-left: 22px
}

.course-banner-1 .editor-content li:before {
    content: "";
    width: 14px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    background-position: -481px -6px;
    background-color: transparent;
    transform: scale(0.85)
}

.course-banner-1 .editor-content li:last-child {
    margin-bottom: 0
}

.course-banner-1 .job-portal-sticky span {
    color: #586feb
}

.course-banner-1 .container-fluid {
    position: relative
}

.course-banner-1 .course-banner-summary {
    margin-top: 56px
}

.course-banner-1 .course-banner-summary li {
    display: inline-block;
    border-right: 1px solid #d8d8d8;
    padding-left: 29px;
    padding-right: 22px
}

.tuition-icons {
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/tuition_sprite.svg');
    background-repeat: no-repeat
}

.tuition-program-section {
    background-color: #f9f9f9;
    padding: 48px 55px
}

.tuition-fee-section-new {
    position: relative;
    background: #f9f9f9
}

.tuition-fee-section {
    background-color: transparent;
    padding: 80px 55px 40px
}

.tuition-fee-curves img {
    max-width: 100%;
    position: absolute;
    top: 0
}

.program-section-title {
    margin-bottom: 32px
}

.benifits li:last-child {
    margin-bottom: 0
}

.benifits li::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/check-mark-blue.svg');
    display: inline-block;
    margin-right: 15px;
    width: 16px;
    min-width: 16px;
    height: 16px
}

.benifits li {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 17px;
    line-height: 21px;
    color: #EEE;
    padding-left: 30px;
    position: relative
}

.benifits-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #FFF;
    margin-bottom: 24px;
    max-width: 250px
}

.program-section {
    display: flex;
    border-radius: 8px;
    box-shadow: 0px 2px 10px rgba(24, 39, 75, 0.07)
}

.left-part {
    background-color: #474A9B;
    padding: 40px;
    width: 45%;
    border-radius: 8px 0 0 8px;
    min-height: 420px
}

.right-part {
    position: relative;
    padding: 24px;
    width: 55%;
    background-color: #fff;
    color: #000;
    border-radius: 0 8px 8px 0
}

.program-fee-text {
    font-size: 23px;
    line-height: 31px;
    color: #666
}

.moiddle-content {
    padding: 76px 0 30px 56px
}

.price-value .price {
    font-weight: 600;
    display: inline-block;
    font-size: 26px;
    line-height: 35px;
    margin-top: 24px;
    margin-bottom: 12px;
    color: #111
}

.help-text {
    font-weight: 400;
    display: inline-block;
    position: relative;
    bottom: 5px;
    font-size: 14px;
    line-height: 19px;
    color: #666
}

.rate-text {
    font-size: 14px;
    line-height: 19px;
    color: #666
}

.rate-text span {
    color: #111;
    font-weight: 600
}

.custom-btn:hover {
    box-shadow: 0px 4px 4px rgba(229, 65, 115, 0.2);
    transition: 0.2s;
    outline: none;
    text-decoration: none;
    color: #fff
}

.custom-btn {
    background: linear-gradient(270deg, #C407C9 -79.58%, #FF6A2A 100%) !important;
    box-shadow: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0px;
    border: 0 none;
    padding: 8px 20px;
    line-height: 24px;
    text-align: center;
    position: relative
}

.custom-btn:focus {
    outline: none
}

.custom-btn.apply-now {
    margin-top: 32px;
    padding: 8px 60px
}

.footer-block {
    position: absolute;
    right: 24px;
    left: 80px;
    bottom: 24px
}

.footer-block .date-column {
    float: left
}

.footer-block .date {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #111;
    margin-bottom: 2px
}

.footer-block .next-date {
    font-size: 12px;
    line-height: 16px;
    color: #666
}

.footer-block .link-text:hover {
    text-decoration: none;
    cursor: pointer;
    color: #586FEB
}

.footer-block .link-text {
    margin-top: 18px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #586FEB;
    display: inline-block;
    float: right
}

.scholarship-card {
    background: #FFF;
    box-shadow: 0px 2px 10px rgba(24, 39, 75, 0.07);
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 24px;
    margin-top: 16px;
    margin-bottom: 16px
}

.scholarship-card.mbl {
    display: none
}

.scholarship-card .title-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    color: #111
}

.scholarship-card .help-text {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    bottom: 0
}

.scholarship-card .custom-btn {
    margin-left: 78px;
    padding: 8px 24px
}

.scholarship-card .text-part {
    min-width: 45%
}

.program-section-title {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #111;
    margin: 0 0 32px 0
}

.tuition-fee-cards-container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%
}

.tuition-fee-options-card.live-card {
    margin-right: 24px
}

.tuition-fee-options-card.live-card:last-child {
    margin-right: 0
}

.tuition-fee-options-card {
    background: #FFF;
    text-align: center;
    border: 1px solid #EEE;
    box-shadow: 0px 2px 10px rgba(24, 39, 75, 0.07);
    border-radius: 8px;
    position: relative;
    display: block;
    width: 420px;
    min-height: 460px;
    padding: 20px 16px 24px 16px
}

.tuition-fee-options-card .custom-btn {
    padding: 7px 15px;
    height: 39px;
    min-width: 257px;
    display: inline-block;
    transition: 0.2s
}

.tuition-fee-section-title {
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center
}

.tuition-fee-section-title h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #fff
}

.title-tag-box {
    margin-left: 28px;
    padding: 6px 10px 4px 16px;
    background-color: #fff;
    border-radius: 151px;
    display: inline-flex
}

.title-tag-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin-right: 8px
}

.info-icon-grey {
    display: inline-block;
    height: 16px;
    width: 16px;
    cursor: pointer
}

.info-icon-blue {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position: -425px 0;
    cursor: pointer
}

.title-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #111;
    margin-bottom: 20px
}

.h-divider {
    width: 100%;
    height: 1px;
    background-color: #DDD;
    display: block
}

.fx-v-center {
    display: flex;
    align-items: center
}

.features-container {
    padding-top: 32px;
    text-align: center;
    margin: 0 auto;
    max-width: 100%
}

.feature-item {
    display: block;
    width: 100%;
    float: left;
    height: 112px
}

.features-container div p {
    text-align: left;
    width: 190px;
    margin-bottom: 32px;
    padding-left: 22px;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 5px;
    min-height: 36px;
    margin-bottom: 32px
}

.features-container div p::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/tuition_sprite.svg');
    background-position: -60px -4px;
    display: inline-block;
    background-repeat: no-repeat;
    width: 10px;
    min-width: 10px;
    height: 8px
}

.outline-btn,
.outline-btn:hover {
    background: transparent;
    border: 1px solid #DDD;
    box-sizing: border-box;
    border-radius: 80px;
    padding: 3px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #666;
    margin-top: 56px;
    cursor: default
}

.date-text {
    font-size: 12px;
    line-height: 14px;
    color: #666
}

.enroll-btn {
    padding: 8px 30px
}

.date-text {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left
}

.tuition-fee-options-card.self-paced-card .date-field {
    justify-content: center;
    display: flex
}

.date-field {
    display: flex;
    position: relative;
    margin-top: 16px;
    justify-content: center;
    margin-bottom: 50px
}

.date-field .date-icon {
    display: inline-block;
    background-position: -114px -3px;
    height: 12px;
    width: 12px;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.calender-icon {
    background-image: url('../images/icons/calender-icon.svg');
    display: inline-block;
    margin-right: 15px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: inline-block
}

.date-field .date:first-child {
    margin-right: 18px
}

.options-card-content .old-price {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #666;
    text-decoration: line-through;
    position: relative;
    right: 5px;
    top: -1px
}

.main-price {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #111;
    margin-bottom: 2px;
    display: inline-block
}

.osl-bootcamp-sub-section .tuition-details-card.type-three-card {
    margin-bottom: 0 !important
}

.offer-value {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #5AB118;
    position: relative;
    left: 7px;
    bottom: 2px
}

.per-month-rate {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #474A9B
}

.tuition-fee-options-card .custom-btn {
    margin: 8px 0 16px 0;
    background: linear-gradient(157.72deg, #FF702A -87.69%, #C507C9 198.26%) !important
}

.tuition-fee-slider.swiper-container {
    width: calc(100% + 50px);
    padding: 0px 25px;
    margin-left: -25px;
    overflow: hidden;
    margin-right: -25px
}

.tuition-fee-section .title-tag-box {
    margin-left: 20px;
    height: 28px;
    padding: 6px 16px;
    align-items: center;
    border-radius: 4px;
    background: #2e3081;
    color: #fff
}

.tuition-fee-section .title-tag-text {
    color: #fff;
    margin-right: 6px
}

.icon-info-white {
    background-position: -735px -1495px;
    width: 16px;
    height: 16px;
    display: inline-block
}

.tuition-fee-section .tution-fee-popover {
    height: 16px
}

.tuition-fee-section .tuition-fee-card {
    height: 539px;
    width: 420px;
    background: #FFF;
    box-shadow: 0px 2px 13px rgba(24, 39, 75, 0.1);
    border-radius: 8px;
    padding: 32px;
    position: relative;
    margin-top: 32px;
    margin-bottom: 52px
}

.tuition-fee-section .tuition-fee-card:hover {
    box-shadow: 0px 2px 32px rgba(24, 39, 75, 0.3)
}

.best-seller-badge {
    position: absolute;
    top: -24px;
    right: -16px;
    height: 76px;
    width: 76px;
    background: #F3B23D;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.best-seller-badge-content {
    height: 66px;
    width: 66px;
    border: 1px solid #B37A15;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 14px;
    color: #111;
    font-weight: 700;
    transform: rotate(15deg);
    text-align: center;
    padding: 5px
}

.tuition-fee-slider-summary {
    max-width: 864px
}

.tuition-fee-card-title {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 22px;
    position: relative;
    display: inline-block;
    font-weight: 700;
    color: #111
}

.tuition-fee-card-title:after {
    content: '';
    position: absolute;
    left: 0;
    width: 15px;
    border-radius: 51px;
    background: #f3b23d;
    height: 4px;
    bottom: 0;
    opacity: 0.4
}

.tuition-fee-card-title:before {
    content: '';
    position: absolute;
    right: 0;
    width: calc(100% - 22px);
    border-radius: 51px;
    background: #f3b23d;
    height: 4px;
    bottom: 0;
    opacity: 0.7
}

.tuition-fee-card-pricing-summary {
    height: 115px;
    position: relative
}

.tuition-fee-card-pricing {
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto
}

.tuition-fee-card-pricing .original-price {
    font-size: 14px;
    line-height: 19px;
    color: #777;
    text-decoration: line-through;
    font-weight: 600
}

.early-bird-summary {
    margin-top: 2px;
    margin-bottom: 8px
}

.tuition-fee-card-pricing .early-bird-price {
    font-size: 26px;
    line-height: 35px;
    color: #111;
    font-weight: 700;
    display: inline-block
}

.tuition-fee-card-pricing .disc-perc {
    margin-left: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #5ab118;
    display: inline-block
}

.tuition-fee-card-pricing .as-low-as {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #474a9b;
    display: block
}

.tuition-fee-card .btn-default {
    background: #fff !important;
    margin-top: 32px;
    height: 39px;
    line-height: 20px;
    padding: 8px 32px 7px;
    border-color: #111;
    color: #111 !important;
    margin-bottom: 32px
}

.tuition-fee-section .tuition-fee-card:hover .btn-default {
    background: linear-gradient(270deg, #C407C9 -68.42%, #FF6A2A 95.69%) !important;
    border: 0 none;
    box-shadow: 0px 0px 4px #E0367F;
    color: #fff !important;
    padding: 9px 33px 8px
}

.tuition-fee-card-content {
    height: 136px;
    overflow: hidden
}

.tuition-fee-card-content ul li {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 12px;
    padding-left: 34px;
    color: #111;
    position: relative
}

.tuition-fee-card-content ul li:last-child {
    margin-bottom: 0
}

.tuition-fee-card-content ul li:before {
    content: '';
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    background-position: -536px -257px;
    width: 11px;
    height: 8px;
    position: absolute;
    left: 6px;
    top: 7px
}

.tuition-fee-upcoming-summary {
    position: relative;
    margin-top: 20px;
    text-align: center
}

.tuition-fee-upcoming-summary span {
    font-size: 12px;
    display: inline-block;
    line-height: 16px;
    border: 1px solid #e2e3ff;
    border-radius: 88px;
    color: #444;
    padding: 4px 12px;
    text-transform: capitalize;
    background: #fff;
    position: relative
}

.tuition-fee-upcoming-summary:before {
    content: '';
    background: linear-gradient(90deg, #FFF 0%, #E2E3FF 25.95%, #E2E3FF 79.33%, #FFF 100%);
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.tuition-fee-card .upcoming-dates {
    position: relative;
    margin-top: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.tuition-fee-card .upcoming-date-field {
    display: inline-flex;
    margin-right: 16px;
    font-size: 12px;
    line-height: 14px;
    color: #111;
    align-items: center
}

.tuition-fee-card .upcoming-date-field:last-child {
    margin-right: 0
}

.icon-tuition-calendar {
    background-position: -776px -1496px;
    width: 12px;
    height: 12px;
    display: inline-block
}

.tuition-fee-card .icon-tuition-calendar {
    margin-right: 8px
}

.list-tuition-section {
    background-color: #F5F6FE;
    padding: 48px 55px
}

.list-tuition-section-title {
    margin-bottom: 20px;
    display: flex
}

.list-tuition-section .title-tag-box {
    margin-left: 12px;
    padding: 6px 10px 6px 16px;
    background-color: #fff;
    border-radius: 151px;
    display: inline-flex
}

.list-tuition-section-title h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #111;
    float: left
}

.list-tuition-section-title {
    display: flex;
    align-items: center
}

.list-tuition-section .title-tag-text {
    font-weight: 600;
    margin-right: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

.list-tuition-section .info-icon-grey {
    display: inline-block;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 0;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/tuition_sprite.svg');
    cursor: pointer
}

#when-4 .list-tuition-section .title-tag-text {
    margin-top: 0
}

.list-tuition-header {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 14px
}

.list-tuition-header:after {
    content: "";
    width: 256px;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    border-radius: 4px;
    background-image: linear-gradient(114.88deg, #FF702A 12.57%, #C507C9 88.66%)
}

.list-tuition-section .list-tuition-header h3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.list-tuition-section .list-tuition-header span {
    font-size: 14px;
    line-height: 19px;
    color: #333
}

.blue-button {
    padding: 2px 10px;
    line-height: 14px;
    font-weight: 600;
    height: 26px;
    background: #474A9B;
    mix-blend-mode: normal;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    box-shadow: none
}

.blue-button:hover,
.blue-button:focus {
    outline: none;
    box-shadow: none;
    border: none
}

.info-icon-white {
    display: inline-block;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 5px;
    background-image: url('../images/icons/info-icon-white.svg');
    cursor: pointer
}

.grey-btn:hover {
    color: #333
}

.grey-btn {
    padding: 2px 10px;
    line-height: 14px;
    font-weight: 600;
    height: 26px;
    background: #EEE;
    mix-blend-mode: normal;
    border-radius: 4px;
    color: #333;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    box-shadow: none
}

.grey-btn.next-button {
    margin-left: 16px
}

.grey-btn.next-button span {
    font-size: 10px;
    font-weight: 700
}

.bold {
    font-weight: 700
}

.link-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #586FEB;
    text-decoration: none
}

.link-text:hover {
    color: #586FEB;
    text-decoration: none
}

.list-tuition-header .link-text {
    margin-left: 8px
}

.tuition-details-card {
    background: #FFF;
    border: 1px solid #EEE;
    box-shadow: 0px 2px 10px rgba(24, 39, 75, 0.07);
    border-radius: 8px;
    padding: 24px 24px;
    position: relative;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    transition: 0.2s
}

.tuition-details-card:last-child {
    margin-bottom: 0
}

.tuition-details-card:hover {
    box-shadow: 0px 2px 15px rgba(24, 39, 75, 0.19);
    transition: 0.2s
}

.green-badge {
    background: #5AB118;
    border-radius: 0 6px 0 6px;
    position: absolute;
    padding: 4px 10px;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFF;
    text-align: center;
    right: -1px;
    top: -1px
}

.list-tuition-section .tution-points-summary ul {
    margin: 0 0;
    justify-content: flex-start
}

.list-tuition-section .tution-points-summary ul li {
    padding: 0 28px 0 0
}

.list-tuition-section .tution-points-summary ul li:last-child {
    padding-right: 0
}

.list-tuition-section .tution-points-summary {
    margin-bottom: 25px
}

.column-one {
    min-width: 255px;
    display: inline-flex;
    align-items: center
}

.type-three-card .column-three {
    padding-left: 64px;
    padding-top: 6px;
    padding-bottom: 6px
}

.column-two {
    min-width: 175px;
    width: 25%
}

.type-three-card .column-two {
    min-width: 264px
}

.alter-column {
    width: 32%
}

.column-three {
    min-width: 200px;
    width: 40%;
    padding-left: 32px;
    border-left: 1px solid #DDD
}

.column-four {
    min-width: 90px;
    width: auto;
    float: right;
    margin-left: auto;
    text-align: right
}

.number-circle {
    min-width: 25px;
    width: 25px;
    height: 25px;
    left: 124px;
    top: 315px;
    background: #999;
    border-radius: 100%;
    text-align: center;
    padding: 3px 0;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    float: left;
    margin-right: 8px
}

.column-two .program-fee {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    margin-bottom: 6px
}

.column-one p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #111
}

.price-mark {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #111
}

.price-mark span {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin-left: 6px;
    color: #999;
    text-decoration: line-through
}

.course-emi-text {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    margin-bottom: 4px
}

.rate-per-month {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #111;
    margin-left: 6px
}

.enroll-text:hover,
.enroll-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-align: right;
    color: #EC3957
}

.blue-alarm-icon {
    display: inline-block;
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    margin-right: 6px;
    background-image: url('../images/icons/alarm-blue.svg')
}

.type-three-card .rate-per-month {
    margin-left: 0
}

.days-left {
    display: flex;
    align-items: center;
    margin-top: 9px
}

.days-left span {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #474A9B
}

.osl-bootcamp-sub-section {
    margin-top: 48px
}

.osl-bootcamp-sub-section .list-tuition-header div.fx-v-center h3 {
    margin-right: 4px
}

.show-later {
    height: 0;
    transition: visibility 12s ease-in-out;
    visibility: visible;
    transition: height 1s;
    background-color: #000
}

.pmp-top-banner {
    padding: 12px 0;
    display: flex;
    align-items: center;
    background: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/pmp-top-banner/pmp-top-bnr-bg.png") no-repeat;
    height: 64px;
    background-size: cover
}

.pmp-offer-details {
    transition-delay: 3s;
    width: 100%;
    display: flex;
    justify-content: space-around;
    -moz-box-pack: justify;
    -moz-box-align: center;
    align-items: center;
    position: relative
}

.pmp-top-banner p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px
}

.offer-countdown {
    margin-top: 6px;
    display: flex;
    justify-content: center;
    max-width: fit-content;
    margin: 0 auto;
    border-radius: 2px;
    background-color: #F05200;
    padding: 5px 12px
}

.count-active {
    display: flex;
    justify-content: center
}

.single-countdown {
    margin-right: 4px;
    position: relative;
    text-align: center;
    width: 38px
}

.single-countdown::before {
    position: absolute;
    content: ":";
    color: #fff;
    font-weight: bold;
    width: 12px;
    right: -8px;
    top: 0px;
    height: 23px
}

.single-countdown:last-child:before {
    content: none
}

.single-countdown h2 {
    margin: 0 4px;
    text-align: center;
    display: inline;
    color: #fff !important;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif !important
}

.offer-cta span {
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px
}

.offer-cta .snippet-code {
    display: inline-block
}

.offer-cta a {
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    background-color: #F5D049;
    border-radius: 4px;
    color: #1E1E1E !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    padding: 9px 37px 11px 16px
}

.offer-cta a img {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translatey(-50%)
}

.offer-cta a.code-after {
    padding-right: 16px !important
}

.offer-cta .snippet-code {
    -webkit-animation: btnWiggle 4s infinite;
    -moz-animation: btnWiggle 4s infinite;
    -o-animation: btnWiggle 4s infinite;
    animation: btnWiggle 4s infinite
}

@-webkit-keyframes btnWiggle {
    0% {
        -webkit-transform: rotate(0deg)
    }
    2% {
        -webkit-transform: rotate(-1deg)
    }
    3.5% {
        -webkit-transform: rotate(1deg)
    }
    5% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@-o-keyframes btnWiggle {
    0% {
        -webkit-transform: rotate(0deg)
    }
    2% {
        -webkit-transform: rotate(-1deg)
    }
    3.5% {
        -webkit-transform: rotate(10deg)
    }
    5% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes btnWiggle {
    0% {
        -webkit-transform: rotate(0deg)
    }
    2% {
        -webkit-transform: rotate(-1deg)
    }
    3.5% {
        -webkit-transform: rotate(10deg)
    }
    5% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

.pmp-top-banner .close-sticky {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block
}

.course-banner-1 .course-banner-summary li:first-child {
    padding-left: 0
}

.course-banner-1 .course-banner-summary li:last-child {
    padding-right: 0;
    border-right: 0 none
}

.course-banner-1 .course-banner-summary .heading {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    margin-bottom: 5px;
    display: block
}

.course-banner-1 .course-banner-summary .content {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

.course-banner-1 .btn-list .btn {
    margin-right: 20px
}

.course-banner-1 .btn-list .btn:last-child {
    margin-right: 0
}

.course-banner-1 .icon-black-play-icon {
    background-position: -577px 0
}

.course-banner-2 {
    padding: 40px 85px 92px;
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    background-size: cover
}

.course-banner-2 .container-fluid {
    position: relative
}

.course-banner-2 .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0
}

.course-banner-2 .breadcrumb li {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    padding-right: 30px;
    position: relative;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course-banner-2 .breadcrumb li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-decoration: none;
    position: relative;
    display: block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.course-banner-2 .breadcrumb li:after {
    position: absolute;
    content: "";
    top: 4px;
    right: 12px;
    color: #fff;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 6px;
    height: 10px;
    background-position: -6px -6px
}

.course-banner-2 .breadcrumb li:last-child {
    padding-right: 0
}

.course-banner-2 .breadcrumb li:last-child:after {
    content: none
}

.course-banner-2 h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #fff;
    display: inline;
    vertical-align: middle
}

.course-banner-2 h1 .fs {
    font-size: 13px;
    font-weight: 400;
    line-height: 23px
}

.course-banner-2 h1 .fs-26 {
    font-size: 26px;
    line-height: 28px
}

.course-banner-2 h1 .fs-22 {
    font-size: 22px;
    line-height: 28px
}

.course-banner-2 h2 {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 16px;
    margin-top: 2px
}

.course-banner-2 .editor-content p {
    padding-top: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin: 0
}

.course-banner-2 .editor-content ul {
    padding-top: 16px;
    list-style: none;
    padding-left: 0;
    margin: 0
}

.course-banner-2 .editor-content {
    margin-bottom: 56px
}

.course-banner-2 .editor-content li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 8px;
    position: relative;
    padding-left: 22px
}

.course-banner-2 .editor-content li:before {
    content: "";
    width: 14px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    background-position: -481px -6px;
    background-color: transparent;
    transform: scale(0.85)
}

.course-banner-2 .editor-content li:last-child {
    margin-bottom: 0
}

.course-banner-2 .course-banner-summary {
    margin-top: 56px
}

.course-banner-2 .course-banner-summary li {
    display: inline-block;
    border-right: 1px solid #222;
    padding-left: 29px;
    padding-right: 22px
}

.course-banner-2 .course-banner-summary li:first-child {
    padding-left: 0
}

.course-banner-2 .course-banner-summary li:last-child {
    padding-right: 0;
    border-right: 0 none
}

.course-banner-2 .course-banner-summary .heading {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 5px;
    display: block
}

.course-banner-2 .course-banner-summary .content {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.course-banner-2 .btn-list .btn {
    margin-right: 20px
}

.course-banner-2 .btn-list .btn:last-child {
    margin-right: 0
}

.course-banner-2 .phone-sticky span,
.course-banner-2 .review-sticky span {
    color: #fff
}

.course-banner-2 .refer-and-earn-sticky span {
    color: #fff
}

.course-banner-2 .icon-white-play-icon {
    background-position: -577px 0
}

.course-banner-2 .icon-google {
    background-position: -94px -3px
}

.course-banner-2 .icon-facebook {
    background-position: -194px -3px
}

.course-banner-2 .icon-star-orange {
    background-position: -285px -3px
}

.course-banner-2 .icon-phone {
    background-position: -381px -2px
}

.overview {
    background: #fff;
    padding: 48px 85px
}

.overview h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #111;
    margin-top: 32px;
    margin-bottom: 16px
}

.overview .editor-content p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #666
}

.overview .editor-content li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #666;
    padding-bottom: 5px
}

.overview .editor-content strong,
.overview .editor-content b {
    color: #555
}

.highlights-heading h3 {
    display: inline-flex
}

.highlights-heading {
    display: flex;
    align-items: center
}

.highlights-heading .money-back {
    margin-top: 32px;
    margin-bottom: 16px
}

.course-highlights {
    margin-left: -7px;
    margin-right: -7px
}

.course-highlights li {
    padding-right: 7px;
    padding-left: 7px;
    margin-bottom: 12px;
    float: left;
    width: 50%
}

.course-highlights-summary {
    height: 50px;
    position: relative;
    padding: 0 20px 0 0;
    border-radius: 4px
}

.course-highlights-summary .media-body {
    padding-left: 13px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #666
}

.course-highlights-summary i {
    width: 28px;
    height: 28px;
    display: inline-block;
    align-self: center
}

.accrediation-list-summary {
    margin-top: 35px
}

.accrediation-list h4 {
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 24px;
    font-weight: 600;
    color: #111
}

.accrediation-list h4 span {
    font-style: italic;
    font-weight: 400
}

.accrediation-list-summary .accrediation-list {
    display: inline-block;
    vertical-align: top
}

.accrediation-list-summary .col-md-6:last-child .accrediation-list {
    margin-left: 0px
}

.accrediation-list .icons-course {
    transform: scale(0.87) !important;
    vertical-align: middle !important;
    position: relative !important;
    top: auto !important;
    width: 80px !important;
    height: 80px !important;
    margin-left: -7px;
    margin-right: 24px !important
}

.accrediation-list .accrediation {
    vertical-align: middle;
    width: 80px;
    height: 80px;
    transform: scale(0.75);
    margin-left: -10px;
    display: inline-block
}

.accrediation-list i {
    margin-right: 24px
}

.accrediation-list .accrediation.acdtn-page-1 {
    background-position: -50px -9px
}

.accrediation-list .accrediation.acdtn-page-2 {
    background-position: -397px -78px;
    width: 90px
}

.accrediation-list .accrediation.acdtn-page-3 {
    background-position: -254px -187px;
    width: 100px
}

.accrediation-list .accrediation.acdtn-page-4 {
    background-position: -254px -287px;
    width: 90px
}

.accrediation-list .accrediation.acdtn-page-5 {
    background-position: -253px -387px;
    width: 93px
}

.accrediation-list .accrediation.acdtn-page-6 {
    background-position: -252px -488px;
    width: 92px
}

.accrediation-list .accrediation.acdtn-page-7 {
    background-position: -66px -602px
}

.accrediation-list .accrediation.acdtn-page-8 {
    background-position: -253px -683px;
    width: 95px
}

.accrediation-list .accrediation.acdtn-page-9 {
    background-position: -60px -803px;
    width: 90px
}

.accrediation-list .accrediation.acdtn-page-10 {
    background-position: -253px -886px;
    width: 91px
}

.accrediation-list .accrediation.acdtn-page-11 {
    background-position: -253px -987px;
    width: 92px
}

.accrediation-list .accrediation.acdtn-page-12 {
    background-position: -70px -1100px
}

.accrediation-list .accrediation.acdtn-page-13 {
    background-position: -67px -1200px
}

.accrediation-list .accrediation.acdtn-page-14 {
    background-position: -254px -1286px;
    width: 92px
}

.accrediation-list .accrediation.acdtn-page-15 {
    background-position: -72px -1401px
}

.accrediation-list .accrediation.acdtn-page-16 {
    background-position: -258px -1488px;
    width: 100px
}

.accrediation-list .accrediation.acdtn-page-17 {
    background-position: -71px -1693px
}

.accrediation-list .accrediation.acdtn-page-18 {
    background-position: -255px -1774px;
    width: 100px
}

.accrediation-list .accrediation.acdtn-page-19 {
    background-position: -256px -1868px;
    width: 90px
}

.accrediation-list .accrediation.acdtn-page-20 {
    background-position: -86px -3024px
}

.accrediation-list .accrediation.acdtn-page-21 {
    background-position: -267px -2090px;
    width: 115px
}

.accrediation-list .accrediation.acdtn-page-22 {
    background-position: -85px -2200px
}

.accrediation-list .accrediation.acdtn-page-23 {
    background-position: -86px -2409px
}

.accrediation-list .accrediation.acdtn-page-24 {
    background-position: -85px -2307px
}

.accrediation-list .accrediation.acdtn-page-25 {
    background-position: -263px -2512px;
    width: 125px;
    height: 51px
}

.accrediation-list .accrediation.acdtn-page-26 {
    background-position: -264px -2612px;
    width: 125px;
    height: 49px
}

.accrediation-list .accrediation.acdtn-page-27 {
    background-position: -263px -2712px;
    width: 125px;
    height: 48px
}

.accrediation-list .accrediation.acdtn-page-28 {
    background-position: -263px -2808px;
    width: 120px;
    height: 56px
}

.accrediation-list .accrediation.acdtn-page-29 {
    background-position: -81px -2912px;
    width: 87px
}

.accrediation-list .accrediation.acdtn-page-30 {
    background-position: -86px -3144px;
    width: 76px;
    height: 76px
}

.accrediation-list .accrediation.acdtn-page-31 {
    background-position: -282px -3278px;
    width: 119px;
    height: 54px
}

.accrediation-list .accrediation.acdtn-page-32 {
    background-position: -583px -3417px;
    width: 119px;
    height: 37px
}

.accrediation-list .accrediation.acdtn-page-33 {
    background-position: -102px -3527px
}

.accrediation-list .accrediation.acdtn-page-34 {
    background-position: -577px -3670px;
    width: 133px;
    height: 38px;
    display: inline-block
}

.accrediation-list .accrediation.acdtn-page-35 {
    background-position: -98px -3771px;
    width: 83px;
    height: 40px;
    display: inline-block
}

.accrediation-list .accrediation.acdtn-page-36 {
    background-position: -300px -3875px;
    width: 97px;
    height: 52px;
    display: inline-block
}

.accrediation-list .accrediation.acdtn-page-37 {
    background-position: -102px -3973px
}

.accrediation-list .accrediation.acdtn-page-38 {
    background-position: -66px -4087px;
    width: 140px
}

.accrediation-list .accrediation.acdtn-page-39 {
    background-position: -104px -4200px
}

.accrediation-list .accrediation.acdtn-page-39 {
    background-position: -104px -4200px
}

.accrediation-list .accrediation.acdtn-page-40 {
    background-position: -106px -4331px
}

.accrediation-list .accrediation.acdtn-page-41 {
    background-position: -106px -4469px
}

.accrediation-list .accrediation.acdtn-page-42 {
    background-position: -106px -4613px
}

.accrediation-list .accrediation.acdtn-page-43 {
    background-position: -106px -4740px
}

.accrediation-list .accrediation.acdtn-page-44 {
    background-position: -106px -4870px
}

.accrediation-list .accrediation.acdtn-page-45 {
    background-position: -106px -5008px
}

.accrediation-list .accrediation.acdtn-page-46 {
    background-position: -106px -5141px
}

.accrediation-list .accrediation.acdtn-page-47 {
    background-position: -106px -5278px
}

.accrediation-list .accrediation.acdtn-page-48 {
    background-position: -106px -5421px
}

.icon-cst {
    width: 60px;
    height: 52px;
    background-position: -205px -1132px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 9px
}

.icon-highlights-1 {
    background-position: -769px -117px
}

.icon-highlights-2 {
    background-position: -665px -117px
}

.icon-highlights-3 {
    background-position: -877px -119px
}

.icon-highlights-4 {
    background-position: -339px -228px
}

.icon-highlights-5 {
    background-position: -123px -342px
}

.icon-highlights-6 {
    background-position: -447px -228px
}

.icon-highlights-7 {
    background-position: -555px -118px
}

.icon-highlights-8 {
    background-position: -231px -229px
}

.icon-highlights-9 {
    background-position: -139px -113px
}

.icon-highlights-10 {
    background-position: -123px -228px
}

.icon-highlights-11 {
    background-position: -15px -229px
}

.icon-highlights-12 {
    background-position: -446px -118px
}

.icon-highlights-13 {
    background-position: -339px -119px
}

.icon-highlights-14 {
    background-position: -1203px -118px
}

.icon-highlights-15 {
    background-position: -14px -341px
}

.icon-highlights-16 {
    background-position: -1095px -118px
}

.icon-highlights-17 {
    background-position: -244px -112px
}

.icon-highlights-18 {
    background-position: -987px -117px
}

.icon-highlights-19 {
    background-position: -1202px -227px
}

.icon-highlights-20 {
    background-position: -555px -228px
}

.icon-highlights-21 {
    background-position: -663px -227px
}

.icon-highlights-22 {
    background-position: -771px -227px
}

.icon-highlights-23 {
    background-position: -878px -227px
}

.icon-highlights-24 {
    background-position: -986px -229px
}

.icon-highlights-25 {
    background-position: -1094px -227px
}

.icon-highlights-26 {
    background-position: -429px -1230px
}

.icon-highlights-27 {
    background-position: -510px -1229px
}

.tools-learn {
    overflow: hidden
}

.tools-learn ul {
    margin-top: 24px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 16px
}

.tools-learn ul li {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    margin-top: 16px;
    height: 32px;
    position: relative;
    margin-bottom: 16px
}

.tools-learn ul li img {
    max-width: 100%;
    vertical-align: middle
}

.course-advice-pmp {
    background-color: #f9f9f9;
    padding: 28px 0 0;
    position: relative;
    margin-top: 24px
}

.course-advice-pmp img {
    z-index: 9;
    position: relative;
    left: 40px
}

.pmp-adv-profile h6 a {
    margin-left: 12px;
    display: inline-block;
    position: absolute;
    margin-top: 4px
}

.pmp-adv-profile h6 img {
    width: auto !important;
    display: inline-block;
    margin-bottom: 0 !important;
    vertical-align: top;
    left: 0
}

.pmp-content h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #111;
    margin-top: 22px;
    margin-bottom: 16px
}

.pmp-content h6 {
    position: relative;
    color: #111;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 22px
}

.pmp-content span {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 24px
}

.pmp-content p {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
    color: #666666 !important
}

.bottom-note-pmp {
    bottom: 0px;
    z-index: 1;
    position: absolute;
    background-color: #474a9b;
    padding: 32px 0 34px;
    width: 100%
}

.bottom-note-pmp p {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    font-style: italic
}

.bottom-note-pmp p span {
    display: inline-block
}

.instructor-main {
    padding: 48px 85px
}

.instructor-main .instructor-item-thumb {
    position: relative;
    margin-bottom: 24px
}

.instructor-main .instructor-item-thumb .instructor-item {
    padding: 24px 0;
    border-bottom: 1px solid #eae7e7
}

.instructor-main .instructor-item-thumb .instructor-item .media .media-left {
    padding-right: 16px
}

.instructor-main .instructor-item-thumb .instructor-item .media .media-left img {
    width: 63px;
    height: 63px;
    border-radius: 100%
}

.instructor-main .instructor-item-thumb .instructor-item .media .media-body .inst-name {
    font-weight: 600;
    font-size: 14px;
    color: #111;
    line-height: 19px;
    margin-bottom: 5px;
    display: block
}

.instructor-main .instructor-item-thumb .instructor-item .media .media-body h3 {
    font-size: 14px;
    color: #333;
    line-height: 19px;
    font-weight: 600
}

.instructor-main .instructor-item-thumb .instructor-item .instructor-content {
    font-size: 13px;
    margin-top: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    overflow: hidden;
    color: #333;
    font-weight: 400;
    padding-top: 0px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 57px
}

.instructor-main .instructor-item-thumb .instructor-item .instructor-content p {
    margin-top: 0;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    margin-bottom: 14px
}

.instructor-main .instructor-item-thumb .instructor-item .more {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-decoration: underline
}

.instructor-main a.btn-success {
    margin-top: 4px
}

.instructor-main .instructor-item-thumb .instructor-item .instructor-content a {
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #586feb
}

.see-more-div {
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    float: right;
    display: inline-block;
    padding-right: 24px
}

.see-more-div:hover {
    text-decoration: none;
    color: #333
}

.see-more-div:before {
    content: "";
    position: absolute;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 12px;
    height: 8px;
    right: 0px;
    top: 50%;
    background-position: -584px -94px;
    ;
    transform: translateY(-50%)
}

.training-corporate {
    padding: 50px 35px 30px
}

.training-corporate .training-corporate-main {
    border: 1px solid #dadada;
    padding: 36px
}

.training-corporate .training-corporate-main h4 {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    padding-bottom: 20px
}

.training-corporate .training-corporate-main h2 {
    font-family: 'Playfair Display';
    font-weight: 400;
    font-size: 40px;
    color: #000;
    padding-bottom: 22px;
    line-height: 50px
}

.training-corporate .training-corporate-main p {
    font-size: 14px;
    line-height: 20px;
    color: #232323;
    max-width: 390px;
    overflow: hidden;
    padding-bottom: 34px
}

.training-corporate .training-corporate-main .discover-more {
    font-weight: 700;
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    text-decoration: underline
}

.training-corporate-main .btn.btn-black {
    height: 36px !important;
    line-height: 1.5 !important;
    position: relative;
    background-color: #000000 !important;
    text-transform: inherit;
    font-size: 13px;
    color: #ffffff !important;
    font-weight: 600;
    padding: 9px 38px 9px 12px !important;
    border-radius: 4px;
    border: 0 none !important
}

.training-corporate-main .btn.btn-black .right-arrow {
    width: 38px !important;
    height: auto !important;
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px;
    background-color: #000;
    border-radius: 0 4px 4px 0;
    transform: none !important
}

.reviews {
    position: relative;
    overflow: hidden
}

.reviews:before {
    content: '';
    position: absolute;
    left: -90px;
    width: 225px;
    height: 183px;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png');
    background-position: -27px -107px;
    top: -85px;
    transform: scale(0.7)
}

.reviews .container-fluid {
    padding: 48px 100px
}

.reviews .heading-title {
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 41px;
    margin-bottom: 48px
}

.programmeFeeApplication .text-field .btn-light,
.isa-form .text-field .btn-light {
    padding-left: 0px
}

.programmeFeeApplication .form-field .bootstrap-select>.dropdown-toggle,
.isa-form .form-field .bootstrap-select>.dropdown-toggle {
    padding: 0px;
    padding-right: 25px !important
}

.programmeFeeApplication .form-field .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.isa-form .form-field .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 22px !important;
    padding: 0 2px;
    min-height: 27px;
    color: #231f20
}

.programmeFeeApplication .form-field i.layout-icons,
.isa-form .form-field i.layout-icons {
    position: absolute;
    top: 16px !important;
    right: 9px;
    width: 14px;
    transform: scale(.66666666);
    pointer-events: none
}

@media only screen and (max-width: 768px) {
    .reviews .container-fluid {
        padding: 24px
    }
    .tuition-fee-section-title {
        margin-bottom: 0px;
        display: block
    }
    .tuition-fee-section-title h2 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 12px;
        font-weight: 600;
        min-width: 100%;
        margin-right: 6px
    }
    .tuition-fee-section .title-tag-box {
        margin-left: 0;
        display: inline-flex
    }
    .title-tag-box {
        margin-left: 0;
        display: inline-flex
    }
    .tuition-fee-options-card {
        padding: 16px 24px 24px
    }
    .tuition-fee-options-card .title-text {
        text-align: center;
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 16px
    }
    .features-container {
        padding-top: 16px
    }
    .features-container div p {
        display: block;
        width: 100%;
        margin-bottom: 12px;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-right: 0;
        padding-right: 0;
        min-height: auto
    }
    .tuition-fee-options-card.outline-btn {
        margin-top: 4px
    }
    .feature-item {
        display: block;
        max-height: 94px;
        overflow: hidden;
        height: auto
    }
    .tuition-fee-options-card {
        width: 100%;
        height: auto;
        min-height: 200px
    }
    .tuition-fee-section .self-paced-card {
        margin-left: 0
    }
    .features-container div p:last-child {
        margin-left: 0
    }
    .options-card-content .date-field {
        display: block;
        margin-top: 12px;
        margin-bottom: 16px
    }
    .date-field .date:first-child {
        margin: 0 0 12px 0
    }
    .options-card-content .old-price {
        margin-bottom: 4px
    }
    .options-card-content .main-price {
        margin-bottom: 0
    }
    .tuition-fee-options-card.live-card {
        margin-bottom: 12px;
        margin-right: 0
    }
    .tuition-fee-options-card .custom-btn {
        padding: 11px 24px;
        height: 46px;
        min-width: 209px;
        margin: 4px 0 16px 0;
        background: linear-gradient(270deg, #C407C9 -68.42%, #FF6A2A 95.69%) !important
    }
    .options-card-content .outline-btn {
        margin-top: 14px
    }
    .best-seller-badge {
        top: -10px;
        right: -10px;
        width: 53px;
        height: 53px
    }
    .best-seller-badge-content {
        width: 47px;
        height: 47px;
        padding: 3px;
        font-size: 9px;
        line-height: 10px
    }
    .tuition-fee-section .tuition-fee-card {
        width: auto;
        height: 512px;
        padding: 24px 12px;
        margin-top: 16px
    }
    .tuition-fee-card-title {
        font-size: 14px;
        line-height: 19px;
        padding-bottom: 18px
    }
    .tuition-fee-card-title::before,
    .tuition-fee-card-title::after {
        height: 2px
    }
    .tuition-fee-card-pricing-summary {
        height: 89px
    }
    .tuition-fee-card-pricing .original-price {
        font-size: 12px;
        line-height: 16px;
        color: #999
    }
    .early-bird-summary {
        margin: 4px 0
    }
    .tuition-fee-card-pricing .early-bird-price {
        font-size: 18px;
        line-height: 25px
    }
    .tuition-fee-card .btn-default {
        margin-top: 24px;
        margin-bottom: 16px;
        background: linear-gradient(270deg, #C407C9 -68.42%, #FF6A2A 95.69%) !important;
        border: 0 none;
        color: #fff !important;
        padding: 9px 32px 8px
    }
    .tuition-fee-card-content {
        height: 167px
    }
    .tuition-fee-card-content ul li {
        padding-left: 20px;
        font-size: 11px;
        line-height: 17px
    }
    .tuition-fee-card-content ul li::before {
        background-position: -474px -257px;
        width: 10px;
        height: 7px;
        left: 3px;
        top: 50%;
        transform: translateY(-50%)
    }
    .tuition-fee-upcoming-summary {
        margin-top: 12px
    }
    .tuition-fee-card .upcoming-dates {
        display: block
    }
    .tuition-fee-card .upcoming-date-field {
        font-size: 11px;
        margin-right: 0;
        margin-bottom: 12px
    }
    .tuition-fee-card .upcoming-date-field:last-child {
        margin-bottom: 0
    }
    .tuition-fee-section .swiper-button-next:after {
        content: ""
    }
    .tuition-fee-section .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 30%;
        width: 8px;
        height: 12px;
        bottom: 12px
    }
    .tuition-fee-section .swiper-button-prev:after {
        content: ""
    }
    .tuition-fee-section .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        position: absolute;
        top: auto;
        left: 30%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: 13px
    }
}

.p-lr-0 {
    padding-left: 0;
    padding-right: 0
}

.testimonial-slider {
    position: relative;
    padding-top: 12px;
    margin-bottom: 24px
}

.testimonial-slider .sub-heading-title {
    color: #111;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px
}

.testimonial-slider .testimonial .media-left img {
    width: 63px;
    height: 63px;
    border-radius: 100%
}

.testimonial-slider .testimonial .media-left {
    position: relative
}

.testimonial-slider .testimonial {
    padding: 24px 0;
    border-bottom: 1px solid #eae7e7
}

.testimonial-slider .testimonial .media-body {
    padding-left: 16px;
    position: relative;
    padding-top: 2px
}

.testimonial-slider .testimonial .testimonial-name {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 19px;
    display: block
}

.testimonial-slider .testimonial .testimonial-role {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 19px;
    display: block
}

.testimonial-slider .testimonial .testimonial-rating {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0
}

.testimonial-slider .testimonial .testimonial-rating i {
    margin: 0;
    transform: scale(0.85)
}

.testimonial-slider .testimonial .testimonial-rating .rating {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    vertical-align: sub;
    margin: 0 5px
}

.testimonial-slider .testimonial .testimonial-para {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    text-align: left
}

.testimonial-slider .testimonial .testimonial-sub-para {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    margin-top: 10px
}

.icon-linkedin {
    width: 26px;
    height: 26px;
    background-position: -717px -1146px;
    display: inline-block
}

.testimonial-slider .testimonial .media-left .icon-linkedin {
    position: absolute;
    bottom: -15px;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%) scale(0.7);
    opacity: 0.7
}

.rev-view-more {
    color: #586feb;
    font-weight: 400
}

.rev-view-more:hover,
.rev-view-more:focus {
    color: #586feb
}

.testi-color {
    width: 63px;
    height: 63px;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.testi-fname {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    line-height: 34px;
    color: #fff
}

.testi-color:after {
    content: '';
    width: 22px;
    height: 14px;
    position: absolute;
    right: 7px;
    border-radius: 50%
}

.testi-color:before {
    content: '';
    width: 34px;
    height: 32px;
    position: absolute;
    left: 0px;
    border-radius: 50%;
    bottom: -14px;
    transform: rotate(60deg)
}

.testi-bg-1 {
    background-image: linear-gradient(-45deg, #c7f1ca 0%, #94d399 100%)
}

.testi-bg-1:after {
    background-image: linear-gradient(40deg, #78c27d 0%, #c7f1ca 100%)
}

.testi-bg-1:before {
    background-image: linear-gradient(40deg, #c7f1ca 0%, #78c27d 100%)
}

.testi-bg-2 {
    background-image: linear-gradient(-41deg, #ffbfec 0%, #f7a3de 100%)
}

.testi-bg-2:after {
    background-image: linear-gradient(25deg, #ff8fde 0%, #ffbfec 100%)
}

.testi-bg-2:before {
    background-image: linear-gradient(25deg, #ffbfec 0%, #ff8fde 100%)
}

.testi-bg-3 {
    background-image: linear-gradient(-45deg, #c4b7ff 0%, #b2a3f2 100%)
}

.testi-bg-3:after {
    background-image: linear-gradient(224deg, #c4b7ff 0%, #a18df4 100%)
}

.testi-bg-3:before {
    background-image: linear-gradient(224deg, #a18df4 0%, #c4b7ff 100%)
}

.career-prep-slider .swiper-slide:nth-child(2n+1) .prep-overview-list:before {
    background-image: linear-gradient(to right, #f35a4b 0%, #d92c92 100%)
}

.career-prep-slider .swiper-slide:nth-child(2n) .prep-overview-list:before {
    background-image: linear-gradient(160deg, #00cdff 0%, #9e24db 100%)
}

.icon-star {
    width: 18px;
    height: 21px;
    background-position: -471px -1050px
}

.icon-star-green {
    width: 20px;
    height: 18px;
    background-position: -373px -1052px
}

@media only screen and (max-width: 768px) {
    .testimonial-slider .swiper-button-next:after {
        content: ""
    }
    .testimonial-slider .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: 25px
    }
    .testimonial-slider .swiper-button-prev:after {
        content: ""
    }
    .testimonial-slider .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        ;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: 25px
    }
}

@media only screen and (max-width: 767px) {
    .free-demo-modal.tuition-modal .to-close {
        position: absolute;
        right: 0px !important;
        top: 0px !important;
        z-index: 1;
        cursor: pointer;
        width: 43px;
        height: 40px;
        padding-right: 13px;
        text-align: right;
        padding-top: 9px
    }
    .contact-advisor-modal .modal-title {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 3px
    }
    #when-4 .list-tuition-section-title {
        display: block
    }
    #when-4 .list-tuition-section .title-tag-text {
        margin-top: 0;
        margin-bottom: 0
    }
    .main-title {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        margin-top: 24px;
        display: block !important
    }
    .testimonial-slider .sub-heading-title {
        color: #333;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-right: 12px;
        margin-bottom: 12px
    }
    .testimonial-slider {
        padding-bottom: 12px;
        padding-top: 0
    }
    .testimonial-slider .testimonial-container {
        height: 340px
    }
    .testimonial-slider .testimonial-container .testimonial {
        padding: 12px;
        background-color: #f9f9f9;
        border: none;
        height: 300px
    }
    .testimonial-slider .testimonial-container .testimonial .media {
        display: block;
        height: auto;
        margin-bottom: 0px;
        position: relative
    }
    .testimonial-slider .testimonial-container .testimonial .media .media-left img {
        width: 40px;
        height: 40px;
        margin-bottom: 8px
    }
    .testimonial-slider .testimonial-container .testimonial .media .media-body {
        padding-top: 8px;
        padding-left: 0px;
        margin-bottom: 0
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-name {
        color: #231f20;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 2px
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-role {
        color: #231f20;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 8px
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-linkedin {
        height: 26px;
        width: 26px;
        margin-bottom: 9px
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-rating {
        padding-bottom: 12px;
        position: static
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-rating img {
        width: 14px;
        height: 14px;
        margin: 0 3.5px
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-rating .rating {
        color: #231f20;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        vertical-align: sub;
        margin: 0 3.5px
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-para {
        color: #3f3f3f;
        font-size: 13px !important;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        margin-bottom: 13px;
        height: 98px;
        min-height: 98px;
        max-height: 98px;
        overflow: hidden
    }
    .testimonial-slider .testimonial-container .testimonial .testimonial-sub-para {
        color: #7b7979;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        text-align: left;
        margin-bottom: 1px;
        height: 53px;
        min-height: 53px;
        max-height: 53px;
        overflow: hidden
    }
    .icon-linkedin {
        position: absolute;
        top: 0;
        right: 0
    }
    .testimonial-slider .testimonial-container .testimonial .media-left {
        display: block
    }
    .rev-view-more {
        font-weight: 600;
        white-space: nowrap
    }
    .testimonial-slider .testimonial .media-left .icon-linkedin {
        left: auto;
        transform: translateX(0%) scale(0.7);
        opacity: 1
    }
    .testi-color {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-bottom: 8px
    }
    .testi-fname {
        font-size: 18px;
        line-height: 28px
    }
    .testi-color::before {
        left: -7px;
        bottom: -21px
    }
    .testi-color::after {
        right: -7px
    }
    .tuition-program-section,
    .tuition-fee-section,
    .list-tuition-section {
        padding-left: 0;
        padding-right: 0
    }
    .program-section {
        flex-direction: column-reverse;
        box-shadow: none
    }
    .program-section .right-part {
        text-align: center;
        width: 100%;
        margin-bottom: 16px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
        ;
        border-radius: 8px
    }
    .moiddle-content {
        padding: 0 0
    }
    .program-fee-text-mbl {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        color: #111;
        margin: 16px 0
    }
    .program-fee-text {
        font-size: 16px;
        line-height: 22px;
        color: #333
    }
    .price-value .price {
        font-size: 20px;
        line-height: 27px;
        color: #111;
        margin: 12px 0 2px 0
    }
    .price-value .help-text {
        display: block;
        bottom: 0;
        margin-bottom: 16px
    }
    .moiddle-content .rate-text {
        font-size: 12px
    }
    .custom-btn.apply-now {
        margin-top: 16px;
        padding: 10px 60px
    }
    .right-part .footer-block {
        margin-top: 16px;
        width: 100%;
        display: block;
        position: relative;
        bottom: 0;
        left: 0
    }
    .footer-block .date {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 3px
    }
    .footer-block .next-date {
        font-size: 11px;
        line-height: 15px
    }
    .footer-block .link-text {
        font-size: 12px;
        line-height: 16px;
        display: block;
        margin-top: 24px;
        float: left
    }
    .scholarship-card.mbl {
        margin-top: 0;
        margin-bottom: 0;
        display: block !important;
        text-align: center
    }
    .scholarship-card {
        display: none
    }
    .scholarship-card .title-text {
        line-height: 22px;
        margin-bottom: 12px
    }
    .scholarship-card .custom-btn {
        margin-left: 0;
        margin-top: 16px;
        padding: 10px 24px
    }
    .left-part {
        width: 100%;
        border-radius: 8px;
        margin-top: 16px;
        padding: 16px;
        margin-bottom: 16px;
        min-height: 100px
    }
    .benifits-title {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 16px
    }
    .benifits li {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 16px
    }
    .tuition-program-section,
    .list-tuition-section {
        padding: 24px 0
    }
    .tuition-program-section .container-fluid,
    .tuition-fee-section .container-fluid,
    .list-tuition-section .container-fluid {
        padding: 0 15px
    }
    .program-section-title {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 27px
    }
    .footer-block .date-column {
        float: none
    }
}

.video-slider {
    position: relative;
    padding-top: 32px
}

.video-slider .sub-heading-title {
    color: #111;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px
}

.video-slider .video {
    border-radius: 4px;
    border: 1px solid #ddd;
    height: 286px;
    margin-bottom: 24px
}

.video-slider .video .video-img {
    position: relative;
    height: 160px
}

.video-slider .video .video-img .video-banner {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 4px 4px 0 0
}

.video-slider .video .video-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 4px 4px 0 0
}

.video-slider .video .video-img .video-play {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10
}

.video-slider .video .video-content {
    padding: 24px;
    position: relative
}

.video-slider .video .video-name {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 19px
}

.video-slider .video .video-role {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 19px
}

.icon-play-big {
    width: 42px;
    height: 42px;
    background-position: -581px -1039px
}

.video-slider .video .icon-linkedin {
    position: absolute;
    top: 24px;
    right: 20px;
    background-color: #fff
}

.video-slider .video .testimonial-rating {
    display: flex;
    align-items: center
}

.video-slider .video .testimonial-rating i {
    margin: 0 2px;
    transform: scale(0.85)
}

.video-slider .video .testimonial-rating .rating {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    vertical-align: sub;
    margin: 0 5px
}

@media only screen and (max-width: 768px) {
    .video-slider .swiper-button-next,
    .video-slider .swiper-button-prev {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .video-slider {
        padding-top: 0px
    }
    .video-slider .sub-heading-title {
        color: #333;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-right: 12px;
        margin-bottom: 12px
    }
    .video-slider .video-container {
        height: 312px
    }
    .video-slider .video-container .video {
        height: 275px
    }
    .video-slider .video-container .video .video-img .video-banner {
        height: 95px
    }
    .video-slider .video-container .video .video-content {
        padding: 12px;
        background-color: #f9f9f9
    }
    .video-slider .video-container .video .video-content .media {
        display: block;
        position: relative;
        margin-bottom: 0
    }
    .video-slider .video-container .video .video-content .media .media-left img {
        width: 40px;
        height: 40px;
        margin-bottom: 8px
    }
    .video-slider .video-container .video .video-content .media-body {
        padding-left: 0px;
        padding-top: 8px
    }
    .video-slider .video-container .video .video-content .media-body .video-name {
        color: #231f20;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 2px
    }
    .video-slider .video-container .video .video-content .media-body .video-role {
        color: #231f20;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 8px
    }
    .video-slider .video-container .video .video-content .media-body .video-linkedin {
        margin-bottom: 12px
    }
    .video-slider .video-container .video .video-content .video-content-para {
        color: #7b7979;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        margin-bottom: 1px;
        height: 53px;
        min-height: 53px;
        max-height: 53px;
        overflow: hidden
    }
    .video-slider .video-container .video .media-left {
        display: block
    }
}

.popular-courses {
    padding: 48px 85px;
    position: relative;
    z-index: 2;
    background-color: #fff
}

.popular-courses .section-heading {
    margin-bottom: 32px
}

.popular-courses-summary {
    position: relative
}

.course-thumb-summary {
    height: 470px
}

.course-thumb {
    height: 380px;
    border: 1px solid #ddd;
    padding: 32px 22px 0;
    display: block;
    transition: all 0.5s;
    position: relative
}

.course-thumb:hover,
.course-thumb:focus {
    height: 430px
}

.course-thumb .badge {
    height: 22px;
    border-radius: 11px;
    background: #fff;
    color: #000;
    font-size: 12px;
    line-height: 19px;
    vertical-align: middle;
    padding: 0 14px;
    transition: all 0.5s;
    border: 1px solid #000;
    font-weight: 600
}

.course-thumb .course-name {
    display: block;
    display: -webkit-box;
    margin: 15px 0px;
    font-weight: 700;
    font-size: 21px;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    height: 57px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.course-thumb .course-name sup {
    font-size: 16px !important;
    top: -0.5em
}

.course-thumb .course-content {
    height: 125px;
    max-height: 125px;
    overflow: hidden
}

.course-thumb .course-content li {
    font-size: 14px;
    line-height: 24px;
    color: #3f3f3f;
    margin-bottom: 10px;
    position: relative;
    padding-left: 12px;
    height: 50px;
    overflow: hidden
}

.course-thumb .course-content li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 10px
}

.course-thumb .accrd-bodies {
    margin-bottom: 18px;
    height: 45px
}

.course-thumb .accrd-bodies li {
    display: inline-block;
    padding-right: 10px
}

.course-thumb .accrd-bodies li:last-child {
    padding-right: 0;
    position: relative
}

.course-thumb .course-cost-summary {
    padding: 18px 0
}

.course-thumb .course-cost {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #000;
    padding-right: 10px;
    line-height: 30px
}

.course-thumb .course-exclusive-content {
    font-weight: 300;
    font-size: 14px;
    display: inline-block;
    line-height: 19px;
    color: #3f3f3f
}

.course-thumb .course-summary ul {
    border-top: 1px solid #000
}

.course-thumb .course-summary li {
    font-size: 12px;
    line-height: 12px;
    color: #000;
    text-align: center
}

.course-thumb .course-enroll {
    background-image: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    height: 50px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 50px;
    position: absolute;
    color: #fff;
    left: 0;
    bottom: 0;
    text-decoration: none;
    opacity: 0
}

.course-thumb:hover .course-enroll,
.course-thumb:focus .course-enroll {
    opacity: 1
}

.course-hours {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px
}

.course-enroll::before {
    display: none
}

.popular-courses-summary .swiper-button-next:after {
    content: ""
}

.popular-courses-summary .swiper-button-next {
    position: absolute;
    top: 45%;
    right: -26px;
    transform: translateY(-50%);
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -386px -154px;
    width: 13px;
    height: 21px;
    outline: none
}

.popular-courses-summary .swiper-button-prev:after {
    content: ""
}

.popular-courses-summary .swiper-button-prev {
    position: absolute;
    top: 45%;
    left: -26px;
    transform: translateY(-50%);
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -479px -154px;
    width: 13px;
    height: 21px;
    outline: none
}

.popular-courses-summary .swiper-pagination {
    width: 100%;
    height: 6px;
    bottom: 10px
}

.course-hours {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px
}

.custom-cards .custom-thumb {
    display: none
}

.eligibility-modal .modal-dialog {
    max-width: 1140px !important
}

.eligibility-modal .to-close {
    right: 20px;
    top: 16px;
    cursor: pointer
}

.eligibility-modal .editor-content h2 span {
    display: inline-block;
    padding: 0 1px 0 3px;
    width: auto;
    position: relative;
    z-index: 2
}

.eligibility-modal .editor-content h5 {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin: 16px 0 0 0;
    font-weight: 400
}

.eligibility-modal .editor-content h2 {
    font-size: 32px;
    line-height: 44px;
    color: #111;
    position: relative;
    margin: 0 0
}

.eligibility-modal .editor-content p {
    font-size: 14px;
    line-height: 21px;
    color: #333;
    margin: 16px 0 0 0
}

.eligibility-modal .editor-content h4 {
    font-size: 20px;
    line-height: 27px;
    color: #111;
    margin: 40px 0 0 0
}

.eligibility-modal .modal-body {
    padding: 88px 88px 80px 88px
}

.eligibility-modal .editor-content ul {
    padding: 40px;
    background-color: #F7F7F7;
    border-radius: 8px;
    margin-top: 48px;
    margin-bottom: 0;
    margin-left: -40px;
    margin-right: -40px
}

.eligibility-modal .editor-content ul h4 {
    margin-top: 0px !important;
    margin-bottom: 16px
}

.eligibility-modal .editor-content ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #333;
    margin-left: 18px
}

.eligibility-modal .editor-content ul li::marker {
    font-size: 11px
}

.eligibility-modal .editor-content ul li:first-child {
    margin-top: 0px !important;
    list-style-type: none;
    margin-left: -5px;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #111
}

.eligibility-modal .editor-content .btn-red-gradient {
    background: linear-gradient(162.82deg, #FF702A -98.31%, #C507C9 209.59%) !important;
    min-width: 117px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-top: 40px
}

@keyframes slideInFromLeft {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.eligibility-modal .editor-content h2 span::after {
    animation: 3s ease-out 0s 1 slideInFromLeft;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    z-index: -1;
    content: "";
    display: inline-block;
    background: #FFE39A;
    padding: 0 3px
}

.bootcamp-programs {
    padding: 48px 85px;
    position: relative;
    z-index: 2;
    background-color: #fff
}

.bootcamp-programs .section-heading {
    margin-bottom: 32px
}

.bootcamp-programs .bootcamp-main {
    position: relative
}

.bootcamp-programs .course-thumb .accrd-bodies li:last-child {
    padding-right: 0
}

.bootcamp-programs .swiper-button-next:after {
    content: ""
}

.bootcamp-programs .swiper-button-prev:after {
    content: ""
}

.bootcamp-programs .swiper-button-next {
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -386px -154px;
    width: 13px;
    height: 21px;
    outline: none
}

.bootcamp-programs .swiper-button-prev {
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -479px -154px;
    width: 13px;
    height: 21px;
    outline: none
}

.bootcamp-programs .swiper-pagination-bullet-active {
    background: #231f20;
    width: 31px;
    height: 6px;
    border-radius: 3px
}

.bootcamp-programs .swiper-pagination {
    width: 100%;
    height: 6px;
    bottom: 10px
}

.city-content {
    padding: 48px 85px;
    background: #fff;
    z-index: 2;
    position: relative
}

.city-content .editor-content {
    margin-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    color: #444 !important;
    overflow: hidden;
    transition: all 0.5s
}

.read-more-content {
    font-size: 14px;
    line-height: 26px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase
}

.read-more-content:hover,
.read-more-content:focus {
    color: #000
}

.other-location {
    padding: 32px 85px;
    background: #f9f9f9;
    z-index: 2;
    position: relative
}

.other-location h2 {
    margin-bottom: 16px
}

.specialized-in li {
    margin-top: 12px;
    float: left
}

.specialized-in li a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    display: inline-block;
    color: #666;
    padding: 11px 16px;
    margin-right: 12px;
    border: 1px solid #999;
    border-radius: 21px
}

.specialized-in li a:hover,
.specialized-in li a:focus {
    color: #111;
    border-color: #111
}

.course-cert-faq {
    padding: 48px 85px;
    background: #f9f9f9;
    position: relative;
    z-index: 2
}

.course-cert-faq .section-heading {
    margin-bottom: 24px
}

.course-cert-faq .course-cert-faq-summary {
    padding: 0
}

.course-cert-faq .course-cert-faq-summary h3 {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #111;
    margin-bottom: 6px;
    margin-top: 16px
}

.course-cert-faq .course-cert-faq-summary .cert-and-exam-section {
    padding: 8px 24px;
    background-color: #fff
}

.course-cert-faq .course-cert-faq-summary .card {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 0;
    z-index: 1
}

.course-cert-faq .course-cert-faq-summary .cert-and-exam-section:last-child .card:last-child {
    border-bottom: 0 none
}

.course-cert-faq .course-cert-faq-summary .card .card-header {
    border-radius: 0;
    background-color: transparent;
    border: 0;
    padding-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 0
}

.course-cert-faq .course-cert-faq-summary .card .card-header.special {
    padding-top: 0
}

.course-cert-faq .course-cert-faq-summary .card .card-header .card-link {
    width: 100%;
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: #111;
    position: relative;
    padding-right: 20px;
    line-height: 20px
}

.course-cert-faq .course-cert-faq-summary .card .card-header .card-link:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    pointer-events: none;
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat 0 -160px;
    width: 14px;
    height: 8px
}

.course-cert-faq .course-cert-faq-summary .card .card-header .card-link.collapsed:before {
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -94px -160px;
    width: 14px;
    height: 8px
}

.course-cert-faq .course-cert-faq-summary .card .card-body {
    font-size: 14px;
    color: #333;
    padding-top: 0;
    padding-bottom: 13px;
    line-height: 21px;
    padding-left: 0;
    padding-right: 0
}

.course-cert-faq .course-cert-faq-summary .faq-view-more {
    float: right;
    padding-top: 10px
}

.course-cert-faq .course-cert-faq-summary .faq-view-more .btn.btn-black {
    height: auto !important;
    line-height: 1.5 !important;
    transition: 0.3s;
    position: relative;
    background-color: transparent !important;
    text-transform: capitalize;
    font-size: 16px;
    color: #000000 !important;
    font-weight: 600;
    padding: 14px 40px 14px 14px !important;
    border-radius: 4px;
    border: 0px solid #aaaaaa !important
}

.course-cert-faq .course-cert-faq-summary .faq-view-more .btn.btn-black:hover .right-arrow-icon {
    transform: translateX(5px);
    transition: 0.3s
}

.course-cert-faq .course-cert-faq-summary .faq-view-more .btn.btn-black:focus {
    box-shadow: none
}

.course-cert-faq .course-cert-faq-summary .faq-view-more .btn.btn-black .right-arrow {
    width: 42px !important;
    height: auto !important;
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px 0 14px 14px;
    background-color: transparent;
    border-radius: 0 4px 4px 0;
    transform: none !important
}

.faq-segments {
    position: sticky;
    top: 70px;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    background-color: #fff;
    padding: 0;
    width: 320px;
    float: right
}

.faq-segments li {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.faq-segments li:last-child {
    border-bottom: 0
}

.faq-segments a {
    position: relative;
    font-size: 13px;
    color: #666;
    font-weight: 600;
    line-height: 21px;
    display: block
}

.faq-segments a span {
    font-size: 13px;
    color: #666;
    font-weight: 600;
    line-height: 21px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    overflow: hidden
}

.faq-segments a.active span {
    color: #111 !important
}

.faq-segments a.active:before {
    position: absolute;
    content: '';
    width: 3px;
    height: 42px;
    background-image: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    border-radius: 0 2px 2px 0;
    left: -16px;
    top: 50%;
    transform: translateY(-50%)
}

.popup-video.modal {
    padding-right: 0 !important;
    overflow: hidden
}

.popup-video .modal-content {
    background-color: transparent;
    border: 0 none
}

.popup-video .modal-body {
    padding: 0
}

.popup-video .close {
    color: #fff;
    opacity: 1;
    font-size: 40px;
    font-weight: 400;
    text-shadow: none;
    margin-right: 10px
}

.popup-video .modal-open.modal {
    padding-right: 0 !important
}

.popup-video .modal-dialog {
    margin: 30px auto;
    max-width: 100%;
    width: 1200px;
    height: 100%
}

.popup-video.modal video,
.popup-video.modal #video {
    height: 550px;
    width: 100%;
    outline: none
}

.when {
    padding: 48px 85px;
    position: relative;
    background: #fff;
    z-index: 2
}

.when h2 {
    display: inline-flex
}

.money-back {
    display: inline-flex;
    height: 33px;
    background: #F5F6FE;
    border-radius: 32px;
    padding: 0px 12px;
    margin-left: 24px;
    align-items: center
}

.money-back-content {
    padding-left: 0px;
    padding-right: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: #333
}

.icon-percentage {
    width: 20px;
    height: 20px;
    background-position: -344px -1236px
}

.icon-info {
    width: 22px;
    height: 22px;
    background-position: -965px -829px;
    display: inline-block
}

.money-back a {
    height: 22px
}

.view-all-schedule {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.course-call-back {
    padding-left: 20px
}

.course-call-back .btn-black span {
    display: none
}

.course-call-back .btn-black {
    background: #fff !important;
    box-shadow: none;
    border-radius: 4px;
    height: 40px !important;
    font-weight: 600;
    font-size: 14px;
    color: #333 !important;
    letter-spacing: 0px;
    text-transform: none;
    padding: 10px 16px 11px 16px !important;
    line-height: 19px !important;
    text-align: left;
    position: relative;
    width: auto;
    border: 1px solid #000
}

.course-call-back .btn-black:before {
    content: none;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png');
    width: 9px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: -336px -75px;
    transition: all 0.3s ease-in-out
}

.course-call-back .btn-black:hover,
.course-call-back .btn-black:focus {
    background: #fff !important;
    border: 0 none
}

.course-call-back .btn-black.active.focus,
.course-call-back .btn-black.active:focus,
.course-call-back .btn-black.active:hover,
.course-call-back .btn-black.focus:active,
.course-call-back .btn-black:active:focus,
.course-call-back .btn-black:active:hover {
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    border: 0 none;
    box-shadow: none !important
}

.course-call-back .btn-black:hover:before,
.course-call-back .btn-black:focus:before {
    right: 12px
}

.global-tabs .know-btn-info {
    border: 0 none;
    padding: 14px 56px 14px 16px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background-color: #000;
    border-radius: 4px;
    position: relative
}

.global-tabs .know-btn-info .arrow-info {
    margin-left: 12px;
    background-color: #1d1d1d;
    padding: 14px 16px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    right: 0;
    top: 0
}

.global-tabs .know-btn-info:focus {
    box-shadow: none
}

.global-tabs .right-side {
    float: right
}

.global-tabs {
    padding: 20px 0 8px 0
}

.global-tabs .row {
    align-items: center
}

.global-tabs .nav.nav-tabs {
    border: 0;
    margin-right: 8px
}

.global-tabs .nav.nav-tabs:last-child {
    margin-right: 0px
}

.global-tabs .nav.nav-tabs .nav-link:hover {
    border: 0;
    border-color: transparent
}

.global-tabs .nav.nav-tabs .nav-link {
    padding: 0;
    border: 0
}

.global-tabs .nav.nav-tabs .nav-item {
    padding-right: 8px;
    margin-bottom: 8px
}

.global-tabs .nav.nav-tabs .nav-item:last-child {
    padding-right: 0
}

.global-tabs .nav.nav-tabs .nav-item .nav-link {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    background: #eee;
    border-radius: 39px;
    font-weight: 600;
    padding: 3px 8px
}

.global-tabs .nav.nav-tabs .nav-item .nav-link.active {
    background: #999;
    color: #fff
}

.global-filter-mobile ul li {
    padding-right: 8px;
    margin-bottom: 12px;
    display: inline-block
}

.global-filter-mobile ul li:last-child {
    padding-right: 0
}

.global-filter-mobile ul li a {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    background: #eee;
    border-radius: 39px;
    font-weight: 600;
    padding: 3px 8px
}

.global-filter-mobile ul li a.active {
    background: #777;
    color: #fff
}

.global-filter-mobile ul li.disabled a {
    background: #f3f3f3;
    color: #aaa;
    pointer-events: none
}

.global-tabs .select-trends {
    position: relative
}

.global-tabs .select-trends .btn.btn-primary.dropdown-toggle {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #333;
    padding: 14px 16px;
    width: 100%;
    text-align: left;
    position: relative;
    font-size: 14px;
    letter-spacing: 0
}

.global-tabs .btn.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.global-tabs .btn.btn-primary.dropdown-toggle:after {
    content: "";
    border: 0;
    background: url('https://kh3dev.knowledgehut.com/assets/images/mob-down-arrow.png');
    background-repeat: no-repeat;
    width: 14px;
    height: 9px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px
}

.global-tabs .dropdown-menu.show {
    width: 100%;
    padding: 6px 20px
}

.global-tabs .dropdown-menu.show .dropdown-item a {
    font-size: 14px;
    color: #333;
    width: 100%;
    display: block
}

.global-tabs .dropdown-menu.show .dropdown-item {
    padding: 14px 0;
    border-bottom: 1px solid #f2f2f2
}

.global-tabs .dropdown-menu.show .dropdown-item.active,
.global-tabs .dropdown-menu.show .dropdown-item:active {
    background: transparent
}

.location-icon {
    background-position: -1069px -829px;
    width: 19px;
    height: 22px;
    display: inline-block
}

.tab-pane .swiper-wrapper .swiper-slide {
    padding-bottom: 20px
}

.schedule-thumb-summary {
    height: 420px
}

.schedule-thumb {
    height: 360px;
    border: 1px solid #ddd;
    padding: 22px 22px 16px;
    display: block;
    transition: all 0.5s;
    position: relative
}

.schedule-thumb.self-placed {
    border-color: rgba(88, 111, 235, 0.5)
}

.schedule-thumb:hover,
.schedule-thumb:focus {
    height: 410px
}

.schedule-thumb .badge {
    height: 22px;
    border-radius: 11px;
    background: #fff;
    color: #333;
    font-size: 12px;
    line-height: 19px;
    vertical-align: middle;
    padding: 0 14px;
    transition: all 0.5s;
    font-weight: 400;
    border: 1px solid #666
}

.schedule-thumb .badge.self-placed-badge {
    background: #fff
}

.schedule-thumb .course-name {
    display: block;
    display: -webkit-box;
    margin-bottom: 22px;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: #000;
    text-decoration: none;
    margin-top: 22px;
    height: 64px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.schedule-thumb .course-cost-summary {
    height: 58px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px
}

.schedule-thumb .course-cost {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-right: 10px;
    padding-bottom: 10px
}

.schedule-thumb .course-exclusive-content {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    color: #333;
    line-height: 19px;
    float: right
}

.schedule-thumb .course-enroll {
    opacity: 0
}

.schedule-thumb:hover .course-enroll,
.schedule-thumb:focus .course-enroll {
    opacity: 1
}

.course-enroll.enroll {
    position: absolute;
    left: auto;
    right: 0;
    background-image: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    height: 50px;
    bottom: 0px;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none
}

.course-enroll.try-for-free {
    border-left: none;
    border-top: 1px solid #ccc !important;
    position: absolute;
    left: 0;
    background: #fff;
    height: 50px;
    bottom: 0px;
    width: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none
}

.try-for-free~.enroll {
    width: 50% !important
}

.course-enroll .d-sm-block {
    display: inline-block !important
}

.scheduled-courses {
    padding: 60px 85px
}

.scheduled-courses .col-xl-3 {
    padding-left: 8px;
    padding-right: 8px
}

.scheduled-courses h2 {
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    margin-bottom: 40px
}

.scheduled-courses p {
    font-size: 18px;
    color: #3f3f3f;
    line-height: 24px;
    margin-bottom: 10px
}

.scheduled-courses h3 {
    font-size: 26px;
    color: #000;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 36px
}

i.common-icons.phone-icon {
    background-position: -275px -390px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.schedule-date {
    margin-bottom: 18px;
    line-height: 32px
}

.schedule-date i {
    vertical-align: top
}

.schedule-date span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-left: 8px;
    line-height: 30px;
    vertical-align: middle
}

.schedule-time i {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 3px
}

.time-icon {
    background-position: -1139px -938px;
    width: 22px;
    height: 22px
}

.cart-calender-icon {
    background-position: -1037px -939px;
    width: 20px;
    height: 20px
}

.schedule-time span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

.schedule-time .batch {
    display: block;
    margin-top: 2px;
    color: #333
}

.schedule-hours {
    display: inline-block;
    margin-left: 8px;
    font-size: 21px;
    color: #333;
    font-weight: 400;
    line-height: 32px
}

.schedule-select {
    display: inline-block;
    margin-left: 8px;
    font-size: 13px;
    color: #333;
    font-weight: 600;
    line-height: 19px
}

.schedule-select b {
    font-size: 11px;
    line-height: 13px;
    color: #333;
    display: block
}

.schedule-select button {
    display: block;
    line-height: normal;
    padding: 0;
    background-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 600;
    color: #3f3f3f !important;
    border: 0 none !important
}

.schedule-select .dropdown-menu {
    padding: 24px 27px 0;
    box-shadow: 0 10px 12px 8px rgba(0, 0, 0, 0.17);
    border: 0 none !important
}

.schedule-select .dropdown-menu a {
    font-size: 14px;
    font-weight: 600;
    color: #3f3f3f;
    margin-bottom: 24px;
    padding: 0;
    background-color: #fff !important;
    line-height: normal
}

.schedule-select .dropdown-menu a span {
    color: #000
}

.schedule-profile {
    padding: 16px 0 0
}

.schedule-profile span.media {
    align-items: center
}

.schedule-profile .media-body {
    padding-left: 8px;
    overflow: hidden
}

.schedule-profile .schd-trainer-name {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #333;
    position: relative;
    display: block
}

.schedule-profile .schd-trainer-name img {
    position: absolute;
    right: 0px;
    top: 7px;
    width: 8px;
    height: auto
}

.schedule-profile .schd-trainer-desg {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #000;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.schedule-profile a:hover .schd-trainer-name,
.schedule-profile a:focus .schd-trainer-name {
    color: #ec3957
}

.schedule-profile img {
    display: block;
    height: 18px;
    width: 18px;
    vertical-align: middle
}

.all-dates a::after {
    content: '';
    display: block;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    position: absolute;
    width: 8px;
    height: 14px;
    background-position: -191px -157px;
    top: 9px;
    right: 10px
}

.all-dates a {
    padding: 6px 10px;
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 600;
    border: solid 1px #ddd;
    border-radius: 2px;
    line-height: 19px;
    text-transform: uppercase;
    position: relative
}

.offer-badge-one {
    color: #fff;
    position: absolute;
    top: 23px;
    right: 0;
    padding: 5px 16px 5px 10px;
    background-image: linear-gradient(104deg, #22a8f7 -1%, #695ee8 99%);
    font-size: 12px
}

.offer-badge-one:before {
    content: '';
    left: -4px;
    position: absolute;
    width: 10px;
    height: 22px;
    top: 0px;
    transform: skew(15deg);
    background: #22a8f7;
    border-radius: 2px 0 0 2px
}

.offer-badge-two {
    position: absolute;
    top: 40px;
    color: #fff;
    right: 0;
    padding: 5px 16px 5px 10px;
    background-image: linear-gradient(104deg, #ba3675 -1%, #e77451 99%);
    font-size: 12px;
    display: none
}

.offer-badge-two:before {
    content: '';
    left: -4px;
    position: absolute;
    width: 10px;
    height: 22px;
    top: 0px;
    transform: skew(15deg);
    background: #ba3675;
    border-radius: 2px 0 0 2px;
    display: none
}

.course-cost-strike {
    display: inline-block;
    font-size: 16px;
    text-decoration: line-through;
    padding-right: 10px;
    color: #7b7979;
    font-weight: 700
}

.schedule-time {
    height: 50px
}

.schedule-location,
.schedule-online {
    margin-top: 10px
}

.try-for-free .enroll-now {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-top: 1px solid #000
}

.course-enroll .enroll-now a:first-child {
    color: #000
}

.course-enroll .enroll-now a:last-child {
    color: #fff
}

.course-enroll .enroll-now a:first-child {
    display: none
}

.try-for-free a:first-child {
    display: block !important
}

i.layout-icons.trainer.icon {
    background-position: -100px -1149px;
    width: 18px;
    height: 21px;
    background-repeat: repeat;
    display: inline-block
}

.schedule-location .schedule-select-location {
    margin-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    width: 215px;
    text-overflow: ellipsis
}

.schedule-select-location span {
    font-size: 13px;
    font-weight: 600;
    line-height: 19px
}

.schedule-detail-summary {
    height: 192px
}

.schedule-select-location {
    margin-left: 10px
}

.no-venue-content {
    margin-top: 36px
}

.no-venue-content p {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: normal
}

.detailed-content {
    height: 240px;
    padding-top: 15px
}

.when .tab-content {
    position: relative
}

.when .tab-content .swiper-button-next:after {
    content: ""
}

.when .tab-content .swiper-button-next {
    outline: none;
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -386px -154px;
    position: absolute;
    top: 45%;
    right: -26px;
    transform: translateY(-50%);
    width: 13px;
    height: 21px
}

.when .tab-content .swiper-button-prev:after {
    content: ""
}

.when .tab-content .swiper-button-prev {
    outline: none;
    background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -479px -154px;
    position: absolute;
    top: 45%;
    left: -26px;
    transform: translateY(-50%);
    width: 13px;
    height: 21px;
    z-index: 9
}

.when .right-side span {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    line-height: 21px;
    display: flex
}

.when .right-side span .location-icon {
    margin-right: 10px
}

.when .right-side .sel-reg {
    font-weight: 600;
    font-size: 18px;
    color: #000
}

.when .right-side .dropdown-menu.show {
    padding: 24px 27px 0;
    box-shadow: 0 10px 12px 8px rgba(0, 0, 0, 0.17);
    border: 0 none !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    overflow: auto;
    width: 250px;
    max-height: 300px;
    z-index: 10
}

.when .right-side .dropdown-menu a {
    font-size: 14px;
    font-weight: 600;
    color: #3f3f3f;
    margin-bottom: 24px;
    padding: 0 !important;
    background-color: #fff !important;
    line-height: 19px;
    border: 0 none !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.when .right-side .form-group {
    display: inline-block;
    margin-bottom: 0
}

.badge-section {
    height: 22px
}

.schedule-hours-content {
    margin-bottom: 14px
}

.schedule-hours-content span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 32px;
    vertical-align: middle
}

.self-content {
    margin-top: 16px
}

.self-content p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #000
}

.schedule-dates-popover.popover {
    min-width: 430px;
    width: auto !important;
    margin-right: 10px !important;
    font-family: 'Open Sans', sans-serif;
    max-width: 536px !important;
    box-shadow: 0 10px 12px 8px rgba(0, 0, 0, 0.17);
    border: 0 none;
    z-index: 99
}

.schedule-dates-popover .popover-body {
    padding: 22px
}

.schedule-dates-popover .popover-body h3 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 19px;
    margin-bottom: 5px
}

.schedule-dates-popover.popover .group-dates {
    margin-left: -5px;
    margin-right: -5px;
    display: block
}

.schedule-dates-popover.popover li {
    width: 25%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 15px;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    line-height: 19px
}

.schedule-dates-popover.popover li span {
    color: #3f3f3f
}

.schedule-dates-popover .schedule-popover-location {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px
}

.schedule-dates-popover .schedule-popover-location i {
    vertical-align: middle;
    padding-right: 19px
}

.schedule-dates-popover .schedule-popover-select-location span {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px
}

.schedule-popover-location .media-body {
    padding-left: 10px
}

.money-back-popover.popover {
    min-width: 518px;
    width: auto !important;
    font-family: 'Open Sans', sans-serif;
    max-width: 518px !important;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1);
    border: 0 none;
    z-index: 8
}

.money-back-popover .popover-body {
    padding: 24px 24px 0
}

.money-back-popover .popover-body h3 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 12px;
    line-height: 22px
}

.money-back-popover .popover-body p {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px
}

.money-back-popover .popover-body ul {
    list-style: none;
    padding-left: 0;
    margin-top: 17px;
    margin-bottom: 17px
}

.money-back-popover .popover-body li {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #3f3f3f;
    margin-bottom: 7px;
    position: relative;
    padding-left: 8px
}

.money-back-popover .popover-body li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 100%
}

.money-back-popover .popover-body li:last-child {
    margin-bottom: 0
}

.money-back-popover .money-back-bg {
    background: #000;
    border-radius: 0 0 4px 4px;
    text-align: center;
    padding: 4px 0
}

.money-back-popover .money-back-bg span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 1px 10px 2px;
    border: double 1px transparent;
    border-radius: 10px;
    background-image: linear-gradient(#000000, #000000), radial-gradient(circle at top left, #ff702a, #c507c9);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    color: #fff;
    font-style: italic;
    position: relative;
    height: 19px;
    display: inline-block;
    line-height: 16px
}

.money-back-popover .money-back-bg span:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -90px;
    width: 90px;
    height: 1px;
    border-radius: 100px 0 0 100px;
    background-image: linear-gradient(to right, #000 0%, #fc6b31 100%)
}

.money-back-popover .money-back-bg span:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -90px;
    width: 90px;
    height: 1px;
    border-radius: 100px 0 0 100px;
    background-image: linear-gradient(to right, #c90fbd 0%, #000 100%)
}

.money-back-popover .popover-body h4 {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 22px;
    margin-bottom: 12px
}

.icon-money-back {
    width: 90px;
    height: 76px;
    background-position: -690px -1146px;
    display: inline-block
}

.money-back-popover.bs-popover-top>.arrow:before {
    border-top-color: rgba(255, 255, 255, .25)
}

.money-back-popover.bs-popover-bottom>.arrow:before {
    border-bottom-color: rgba(255, 255, 255, .25)
}

.popover-body b {
    font-weight: 700
}

.when .swiper-slide.swiper-slide-active .dropdown-menu,
.when .swiper-slide.swiper-slide-next .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    transform: none !important
}

.when .swiper-slide .dropdown-menu {
    right: 0 !important;
    left: auto !important;
    transform: none !important
}

.affirm-schd {
    display: none;
    margin-top: 15px
}

.affirm-schd .affirm-msg {
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    color: #31ab29
}

.icon-info-emi {
    width: 17px;
    height: 17px;
    background-position: 0 -1151px;
    display: inline-flex;
    vertical-align: middle
}

.affirm-schd .icon-info-emi {
    margin-top: -3px
}

.affirm-schd .affirm-popover {
    margin-left: 4px
}

.emi-other-loc-schd .affirm-schd {
    display: inline-block
}

.emi-other-loc-schd .schedule-thumb {
    height: 397px
}

.emi-other-loc-schd .schedule-thumb:hover,
.emi-other-loc-schd .schedule-thumb:focus {
    height: 447px
}

.emi-other-loc-schd .schedule-thumb-summary {
    height: 457px
}

.affirm-msg-popover.popover {
    min-width: 300px !important;
    font-family: 'Open Sans', sans-serif;
    max-width: 300px !important;
    border: 0 none;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1)
}

.affirm-msg-popover .popover-body h3 {
    border-bottom: 0 none !important;
    padding: 0 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    line-height: 20px;
    color: #000
}

.affirm-msg-popover .popover-body p {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 4px
}

.affirm-msg-popover .popover-body p b {
    font-weight: 700
}

button.close {
    font-size: 24px;
    z-index: 1;
    opacity: 1
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: none
}

.right-top {
    top: 15px;
    right: 15px
}

.position-absolute {
    position: absolute !important
}

.contact-advisor-modal .modal-header {
    padding: 30px 30px 0px;
    border: none
}

.scholarship-programme-fee-modal .modal-title,
.apply-now-programme-fee-modal .modal-title {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    line-height: 36px
}

.schedule-category-slider ul {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px !important
}

.schedule-category-slider li {
    width: auto !important
}

.schedule-category-slider li a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    color: #959595;
    padding: 5px 0px;
    margin-left: 10px;
    position: relative
}

.schedule-category-slider li a:hover,
.schedule-category-slider li a:focus,
.schedule-category-slider li.active a {
    color: #000
}

.schedule-category-slider li.active a:before {
    content: '';
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    border-radius: 1px;
    background-color: #000
}

.course-call-back a {
    display: inline-block
}

.course-call-back a:first-child span {
    background-color: #f2f2f2 !important
}

.request-syllabus {
    margin-top: 34px;
    float: right
}

.request-syllabus a {
    height: 36px !important;
    line-height: 1.5 !important;
    position: relative;
    background-color: #000 !important;
    text-transform: inherit;
    font-size: 13px;
    color: #fff !important;
    font-weight: 600;
    padding: 9px 38px 9px 12px !important;
    border-radius: 4px;
    border: 0 none !important
}

.request-syllabus a span {
    width: 38px !important;
    height: auto !important;
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px;
    background-color: #000;
    border-radius: 0 4px 4px 0;
    transform: none !important
}

.corporate-section {
    padding: 48px 0;
    background: #f9f9f9
}

.corporate-section .corporate-section-content {
    padding: 0 85px
}

.corporate-section .corporate-section-images .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative
}

.corporate-section .corporate-section-images .swiper-wrapper .swiper-slide {
    height: 200px
}

.corporate-section .corporate-section-images .swiper-wrapper .swiper-slide .first-row-logo {
    height: 85px;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0
}

.corporate-section .corporate-section-images .swiper-wrapper .swiper-slide .second-row-logo {
    height: 85px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0
}

.corporate-section .corporate-section-images .swiper-wrapper .swiper-slide .second-row-logo i {
    position: absolute;
    right: calc(0% - -35px)
}

.corporate-section .corporate-section-content .corp-btn-list a {
    margin-top: 10px
}

.corporate-section .corporate-section-content .corp-btn-list a.btn-success {
    margin-right: 10px
}

.label-default {
    border: 1px solid #333;
    height: 25px;
    border-radius: 17px;
    display: inline-block;
    padding: 2px 12px;
    line-height: 19px;
    font-size: 12px;
    font-weight: 600;
    color: #333
}

.corporate-section .label-default {
    margin-bottom: 16px
}

.corporate-section .editor-content p,
.corporate-section .editor-content ul li {
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.corporate-section .editor-content ul {
    list-style: none;
    padding-left: 0
}

.corporate-section .editor-content li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: #231f20;
    margin-bottom: 8px;
    position: relative;
    padding-left: 23px
}

.corporate-section .editor-content li:before {
    content: "";
    width: 14px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 6px;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    background-position: -481px -6px;
    background-color: transparent;
    transform: scale(0.85)
}

.corporate-section .editor-content li:last-child {
    margin-bottom: 0
}

.corporate-section .editor-content h4 {
    font-size: 15px;
    margin: 0;
    line-height: 20px
}

.self-content.editor-content ul {
    list-style: none;
    padding-left: 0
}

.self-content.editor-content li {
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    position: relative;
    padding-left: 12px
}

.self-content.editor-content li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 10px
}

.self-content.editor-content li:last-child {
    margin-bottom: 0
}

.clients-summary {
    margin-top: 46px
}

.clients-summary p {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    line-height: 20px;
    margin-top: 65px;
    text-align: center
}

.clients-summary p span {
    display: block
}

.clients-summary ul {
    border-left: 1px solid #dbdeda
}

.clients-summary li {
    width: 20%;
    float: left;
    height: 85px;
    vertical-align: middle;
    position: relative
}

.clients-summary li i {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.75);
    left: 50%;
    filter: grayscale(1)
}

.clients-summary .col-md-1 {
    padding-right: 0
}

.corporate-section .client-resp-summary .corporate-images .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative
}

.corporate-section .client-resp-summary .corporate-images .swiper-slide {
    height: 100px
}

.corporate-section .client-resp-summary .corporate-images .swiper-slide i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    filter: grayscale(1)
}

.path-to-cert {
    padding: 48px 85px;
    background: #fff
}

.path-to-cert .path-to-cert-content {
    padding: 32px 0 0;
    border-radius: 0 4px 4px 0;
    background-color: #f9f9f9
}

.path-to-cert-content p,
.path-to-cert-content li {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 21px
}

.path-to-cert-content a {
    font-weight: 600;
    text-decoration: underline;
    color: #666;
    display: inline-block;
    margin-top: 5px;
    font-size: 14px
}

.path-to-cert-content ol {
    list-style: decimal;
    padding: 20px 20px 0
}

.path-to-cert-content i {
    font-style: italic
}

.path-to-cert-content b {
    font-weight: 700
}

.path-to-cert-content-summary {
    padding-left: 32px;
    padding-right: 32px
}

.free-access-section {
    padding: 10px 85px
}

.free-access {
    padding: 12px 16px;
    background: #f9f9f9;
    border-radius: 4px;
    margin-top: 10px
}

.free-access img {
    width: 130px
}

.free-access .media-body {
    padding: 0 20px 0 0;
    vertical-align: middle
}

.free-access .media-left,
.free-access .media-right {
    vertical-align: middle
}

.free-access h3 {
    font-size: 50px;
    font-weight: 400;
    color: #ec3957;
    margin-bottom: 5px
}

.free-access p>strong {
    font-weight: 700;
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.free-access p>span {
    font-weight: 300;
    color: #232636
}

.free-access p {
    font-size: 14px;
    color: #111;
    line-height: 19px;
    font-weight: 600
}

.free-access .know-more {
    color: #ec3957;
    font-size: 14px;
    font-weight: 400;
    width: 75px;
    display: block;
    line-height: 20px
}

.pattern-1 {
    padding: 48px 85px;
    background: #fff
}

.pattern-1 .editor-content {
    font-size: 14px;
    line-height: 26px;
    color: #000;
    margin: 30px 0
}

.pattern-1 h3 {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 13px
}

.pattern-1 .editor-content {
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 15px;
    transition: all 0.5s;
    font-size: 13px;
    line-height: 24px
}

.pattern-1 .editor-content p,
.pattern-1 .editor-content ul li,
.pattern-1 .editor-content ol li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

.pattern-1 .editor-content img {
    width: 100% !important
}

.pattern-1 .editor-content h3 {
    text-transform: none
}

.pattern-1 .editor-content em,
.pattern-1 .editor-content i {
    font-style: italic
}

.pattern-1 .support-by img {
    margin-right: 20px
}

.patterns-tab {
    background: #f5f5f5;
    padding: 0 20px
}

.patterns-tab .nav-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.patterns-tab .nav-tabs li {
    border: 0 none;
    font-size: 14px;
    font-weight: bold;
    color: #1b1d28;
    margin-bottom: 0px
}

.patterns-tab .nav-tabs li a {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 30px;
    text-decoration: none
}

.patterns-tab .nav-tabs a.active {
    font-weight: 700;
    color: #000
}

.patterns-tab .nav-tabs>li>a {
    border: 0 none;
    border-bottom: 2px solid transparent
}

.patterns-tab .nav-tabs li a.active {
    color: #1b1d28
}

.patterns-tab .nav-tabs>li>a.active {
    outline: none;
    border-bottom-color: #ec3957
}

.patterns-tab .nav-tabs>li>a.active,
.patterns-tab .nav-tabs>li>a.active:focus,
.patterns-tab .nav-tabs>li>a.active:hover {
    border: 0 none;
    border-bottom: 2px solid #ec3957;
    color: #000;
    background: #f5f5f5
}

.patterns-tab .nav-tabs>li>a:focus,
.patterns-tab .nav-tabs>li>a:hover {
    background-color: #f5f5f5;
    border-bottom-color: transparent;
    color: #000
}

.pattern-2 {
    padding: 48px 85px;
    background: #fff
}

.pattern-2 h2 {
    margin-bottom: 24px
}

.pattern-2 .editor-content {
    font-size: 14px;
    line-height: 26px;
    color: #000;
    margin: 30px 0
}

.pattern-2 h3 {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 13px
}

.pattern-2 .editor-content {
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 15px;
    transition: all 0.5s;
    font-size: 13px;
    line-height: 24px
}

.pattern-2 .editor-content p,
.pattern-2 .editor-content ul li,
.pattern-2 .editor-content ol li {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400
}

.pattern-2 .editor-content img {
    width: 100% !important
}

.pattern-2 .editor-content h3 {
    text-transform: none
}

.pattern-2 .editor-content em,
.pattern-2 .editor-content i {
    font-style: italic
}

.pattern-2 .support-by img {
    margin-right: 20px
}

.ssg-section {
    padding: 48px 85px;
    background: #fff
}

.ssg-section .editor-content a {
    color: #ea2986;
    font-weight: 600
}

.ibf-section {
    padding: 48px 85px;
    background: #f9f9f9
}

.ibf-section .free-access .ifb-cta-content {
    font-size: 12px;
    margin-top: 8px;
    line-height: 16px
}

.ibf-section h2 img {
    margin-left: 20px;
    vertical-align: middle
}

.ibf-heading .section-heading {
    display: inline-block
}

.ibf-heading .ibf-link {
    color: #586feb;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    line-height: 19px;
    margin-top: 4px
}

.ibf-table {
    margin-left: -10px;
    margin-right: -10px
}

.ibf-table-summary {
    padding-left: 8px;
    padding-right: 8px;
    float: left;
    width: 25%
}

.ibf-table-box {
    height: 234px;
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #fff;
    margin: 5px 0
}

.ibf-table-heading {
    padding: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #4a97e9;
    line-height: 18px;
    margin-bottom: 12px
}

.ibf-table-price-list {
    padding: 0 8px;
    margin-bottom: 8px
}

.ibf-table-price-list .ibf-table-price-content {
    max-width: 110px;
    float: left;
    line-height: 18px;
    color: #333;
    font-size: 12px;
    font-weight: 600
}

.ibf-table-price-list .ibf-table-price-content b {
    font-weight: 700;
    color: #4b9eef
}

.ibf-table-price-list .ibf-table-price {
    float: right;
    line-height: 18px;
    color: #333;
    font-size: 12px;
    font-weight: 600
}

.ibf-total-table-price-list {
    padding: 0 8px;
    margin-bottom: 14px;
    padding-top: 8px
}

.ibf-total-table-price-list .ibf-total-table-price-content {
    float: left;
    line-height: 18px;
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.ibf-total-table-price-list .ibf-total-table-price {
    float: right;
    line-height: 18px;
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.ibf-table-price-list:nth-child(4) .ibf-table-price-content,
.ibf-table-price-list:nth-child(5) .ibf-table-price-content {
    height: 33px
}

.ibf-table-price-list .ibf-table-price-content span.green-text {
    color: #4b9eef
}

.ibf-table-price-list .to-align-top {
    display: table-cell;
    vertical-align: top
}

.ibf-table-category {
    float: left;
    width: 50%
}

.ibf-table-category:nth-child(2) {
    padding-left: 10px
}

.ibf-table-category>p {
    margin: 0 !important
}

.mob-ibf-head.d-md-none {
    display: none !important
}

.p-l-0 {
    padding-left: 0
}

.benefits {
    padding: 48px 85px;
    background-color: #fff
}

.benefits h2 {
    margin-bottom: 10px
}

.benefits h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #111;
    margin-bottom: 40px
}

.flow-icon-1 {
    background-position: -447px -1335px !important;
    width: 26px;
    ;
    height: 22px;
    display: inline-block;
    vertical-align: middle
}

.flow-icon-2 {
    background-position: -556px -1330px !important;
    width: 33px;
    ;
    height: 26px;
    display: inline-block;
    vertical-align: middle
}

.flow-icon-3 {
    background-position: -389px -1329px !important;
    width: 33px;
    height: 27px;
    display: inline-block;
    vertical-align: middle
}

.flow-icon-4 {
    background-position: -333px -1330px !important;
    width: 34px;
    ;
    height: 27px;
    display: inline-block;
    vertical-align: middle
}

.flow-icon-5 {
    background-position: -187px -759px !important;
    width: 28px;
    height: 21px;
    display: inline-block;
    vertical-align: middle
}

.flow-icon-6 {
    background-position: -505px -1327px !important;
    width: 35px;
    height: 28px;
    display: inline-block;
    vertical-align: middle
}

.benefits .book-link {
    margin: 32px 0 0
}

.adv-round-line {
    padding-bottom: 24px
}

.adv-outer-bg {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    border-radius: 0 4px 4px 0
}

.adv-outer-bg li {
    margin: 0 6px
}

.adv-outer-bg li:last-child {
    margin-right: 0
}

.adv-outer-bg li:first-child {
    margin-left: 0
}

.flow ul {
    margin-top: 0px;
    border: 0 none !important;
    z-index: 1
}

.flow ul li {
    float: left;
    position: relative
}

.flow ul li img {
    display: block;
    margin: 10px
}

.flow ul li i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.flow ul li a {
    padding: 0 !important;
    margin-top: 0px;
    color: #111;
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
    background: #eee
}

.flow ul li a .tab-txt {
    border-radius: 4px;
    line-height: 18px;
    box-shadow: none;
    padding: 12px 16px !important;
    text-align: center
}

.flow ul li p {
    margin-top: 0px;
    color: #666;
    font-weight: 700;
    line-height: 21px;
    font-size: 13px;
    display: inline
}

.flow ul li.active p {
    color: #000 !important
}

.flow ul li.active img {
    background-image: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    border-color: transparent !important
}

.flow ul li a.active i {
    border-color: transparent !important
}

.flow ul li a span.icon-inner {
    box-shadow: 0 0 6px 2px rgba(155, 149, 166, 0.2);
    padding: 3px;
    background: #fff;
    border-radius: 50%;
    width: 47px;
    height: 47px
}

.flow ul li a.active span.icon-inner {
    background-color: #fff !important
}

.flow ul li a span.icon-outer {
    padding: 3px;
    border: 2px solid #f9cda8;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    position: absolute;
    left: 50%;
    top: -28px;
    transform: translateX(-50%)
}

.flow ul li a.active p {
    color: #000
}

.flow-details {
    margin-top: 40px;
    overflow: hidden
}

.flow-details h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #333
}

.flow-details ul {
    margin-top: 0px
}

.flow-details ul li {
    padding-left: 32px;
    position: relative;
    line-height: 20px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    float: left;
    width: 50%;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-right: 8px
}

.flow-details ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    background-position: -474px -88px;
    background-color: transparent
}

.flow-right-dv {
    position: relative;
    text-align: center;
    margin-bottom: 25px
}

.animateimage {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInRight {
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px)
    }
    0% {
        opacity: 1;
        -webkit-transform: translateX(100px)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.flow .nav-tabs .nav-item.show .nav-link,
.flow .nav-tabs .nav-link.active,
.flow .nav-tabs .nav-link:hover {
    background-color: transparent !important;
    border: 0 none !important;
    color: #fff
}

.flow .nav-tabs .nav-item .nav-link {
    border: 0;
    border-radius: 0.25rem
}

.flow .nav-tabs .nav-item .nav-link span {
    display: block
}

.flow .nav-tabs .nav-item .nav-link.active span,
.flow .nav-tabs .nav-item .nav-link:hover span {
    border-color: #ff953f !important
}

.flow .nav-tabs .nav-item .nav-link.active .tab-txt,
.flow .nav-tabs .nav-item .nav-link:hover .tab-txt {
    background-image: linear-gradient(225deg, #9b29dd 0%, #596eeb 100%);
    box-shadow: none
}

.flow-details.tab-content .book-link {
    margin-bottom: 0;
    margin-top: 20px
}

.refer-and-earn {
    padding: 48px 100px
}

.refer-and-earn .container-fluid {
    position: relative;
    background: #000
}

.refer-and-earn .lg-img {
    position: absolute;
    top: 0;
    left: 0
}

.refer-and-earn .xs-img {
    position: absolute;
    top: 0;
    right: 0
}

.refer-and-earn .refer-and-earn-content {
    margin-left: 200px;
    padding: 48px 0px
}

.refer-and-earn .refer-and-earn-content .heading-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 12px
}

.refer-and-earn .refer-and-earn-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 24px;
    max-width: 770px;
    overflow: hidden
}

.video-banner-modal {
    background: rgba(255, 255, 255, 0.6)
}

.video-banner-modal .modal-content {
    background-color: #000;
    border-radius: 0px
}

.video-banner-modal .modal-content .close {
    position: absolute;
    right: 0%;
    top: -30px;
    color: #fff;
    opacity: 1
}

.video-banner-modal .modal-content .close:focus {
    outline: none
}

.video-banner-modal .modal-content .modal-body {
    padding: 0
}

.video-banner-modal .modal-content .modal-body video {
    width: 100%;
    outline: none
}

.video-banner-modal .modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto
}

.icon-white-close {
    height: 12px;
    width: 12px;
    background-position: -530px -1153px;
    display: inline-block
}

.preview-video .modal-content {
    background-color: #000;
    border-radius: 4px;
    border: 0 none
}

.preview-video .modal-content .icon-white-close {
    background-position: -530px -1153px
}

.preview-video .modal-content .modal-body video {
    width: 100%;
    outline: none;
    height: 100%;
    background: #000
}

.preview-video .modal-dialog {
    max-width: 1200px;
    margin: 1.75rem auto
}

.preview-video .modal-dialog .modal-content .modal-body .row,
.preview-video .modal-dialog .modal-content .modal-body .col-md-8,
.preview-video .modal-dialog .modal-content .modal-body .col-md-4 {
    margin: 0px;
    padding: 0px
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi {
    height: 458px;
    overflow: hidden;
    background: #fff;
    border-radius: 0 4px 4px 0
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .sidebar-heading {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    padding: 16px;
    background: #f9f9f9;
    display: block
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content {
    max-height: 406px;
    overflow: auto
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content li {
    position: relative;
    border-bottom: 1px solid #ddd
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content .content-list {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    padding: 12px 16px;
    display: block;
    text-decoration: none;
    display: flex;
    padding-right: 60px
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content .content-list .play-pause i {
    margin-right: 10px
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content .content-list .time {
    position: absolute;
    right: 16px
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content li.active {
    border-left: 4px solid #586feb
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content li.active .content-list .time {
    color: #586feb
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content li.active .content-list {
    padding-left: 12px
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content::-webkit-scrollbar {
    width: 6px
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content::-webkit-scrollbar-thumb:hover {
    background: #ccc
}

.preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content::-webkit-scrollbar-track {
    border-radius: 6px
}

.preview-video .modal-dialog .modal-content .modal-body iframe {
    border-radius: 4px 0 0 4px
}

.preview-video .video-popup-form.global-form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.preview-video .video-popup-form.global-form form {
    background: #fff;
    padding: 20px;
    width: 400px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.preview-video .video-popup-form.global-form .contact-number-full {
    position: relative
}

.preview-video .video-popup-form.global-form .form-success-template {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.custom-checkbox .opt-label a {
    color: #ec3957 !important
}

.custom-checkbox input:checked~.checkmark {
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%)
}

.custom-checkbox .checkmark:after {
    border-color: #fff
}

.custom-checkbox {
    margin: 0
}

.icon-playing {
    width: 8px;
    height: 8px;
    background-position: -441px -1155px;
    display: inline-block
}

.icon-play {
    width: 8px;
    height: 10px;
    background-position: -350px -1154px;
    display: inline-block
}

.video-popup-form.global-form form .contact-number-full .form-control.isd-code {
    padding: 0
}

.video-popup-form.global-form form .contact-number-full .form-group.isd-select {
    width: 20%
}

.video-popup-form.global-form form .contact-number-full .form-control {
    padding-left: calc(20% + 15px)
}

.video-popup-form.global-form form .contact-number-full .form-group .floating-label {
    left: calc(20% + 15px)
}

.video-popup-form.global-form form .form-control {
    border-radius: 4px !important;
    height: 36px;
    padding: 10px 15px 9px;
    top: auto;
    font-weight: 400
}

.video-popup-form.global-form form .form-group textarea {
    height: 50px
}

.video-popup-form.global-form form .form-group .floating-label,
.video-popup-form.global-form form .form-group textarea+.floating-label {
    top: 8px
}

.video-popup-form.global-form form .form-group .form-control:valid {
    border-color: #bbb !important;
    color: #231f20 !important
}

.video-popup-form.global-form form .form-group .form-control:valid~.floating-label {
    color: #999 !important
}

.video-popup-form.global-form form .form-group .error {
    font-size: 11px;
    margin-top: 2px;
    line-height: 17px
}

.video-popup-form.global-form form .contact-number-full .form-group .error {
    bottom: auto
}

.video-popup-form.global-form form .contact-number-full .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    transform: none
}

.video-popup-form.global-form .select-options i.common-icons {
    top: 14px !important
}

.video-popup-form.global-form form .form-group {
    margin-bottom: 25px
}

.service-skills {
    padding: 48px 100px
}

.service-skills .container-fluid {
    padding: 24px 15px;
    background-color: #000
}

.service-skills h2 {
    color: #fff;
    margin-bottom: 16px
}

.service-skills .outter-div {
    margin: 0px;
    background-color: #000
}

.service-skills .outter-div .content_list {
    overflow: hidden;
    transition: all 0.5s;
    margin: 0px
}

.service-skills .outter-div .content_list .col-lg-4 {
    padding: 0px
}

.service-skills .outter-div .content_list .inner-div {
    padding: 12px 0px 0px;
    padding-right: 15px;
    height: 48px;
    max-height: 48px;
    overflow: hidden
}

.service-skills .outter-div .content_list .inner-div .inner-div-list {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: left;
    margin-left: 12px;
    overflow: hidden;
    display: flex;
    flex: 1
}

.service-skills .outter-div .service_see_more-div {
    border-top: 1px solid #333;
    margin-top: 10px
}

.service-skills .outter-div .service_see_more {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 20px;
    text-align: left;
    float: right;
    display: inline-block;
    padding: 16px 0px;
    padding-right: 24px
}

.service-skills .outter-div .service_see_more:hover {
    text-decoration: none
}

.service-skills .outter-div .service_see_more[attr-open="0"]:before {
    content: "";
    position: absolute;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 12px;
    height: 8px;
    right: 0px;
    top: 50%;
    background-position: -572px -160px;
    transform: translateY(-50%)
}

.service-skills .outter-div .service_see_more[attr-open="1"]:before {
    content: "";
    position: absolute;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 12px;
    height: 8px;
    right: 0px;
    top: 50%;
    background-position: -664px -160px;
    transform: translateY(-50%)
}

.icon-white-circle-with-tick {
    height: 20px;
    width: 20px;
    background-position: -866px -830px;
    margin-top: 1px
}

@media only screen and (max-width: 768px) {
    .service-skills .container-fluid {
        padding: 24px
    }
    .service-skills .outter-div {
        padding: 0px
    }
    .money-back-popover .money-back-bg span:before {
        right: -70px;
        width: 70px
    }
    .money-back-popover .money-back-bg span:after {
        left: -70px;
        width: 70px
    }
}

.welcome-everyone .container-fluid {
    padding: 48px 100px
}

.welcome-everyone h2 {
    margin-bottom: 16px
}

.welcome-everyone .outter-div {
    margin: 0px;
    background-color: #fff
}

.welcome-everyone .outter-div .content_list {
    overflow: hidden;
    transition: all 0.5s;
    margin: 0px
}

.welcome-everyone .outter-div .content_list .col-lg-4 {
    padding: 0px
}

.welcome-everyone .outter-div .content_list .inner-div {
    padding: 10px 0px 0px;
    padding-right: 15px;
    height: 48px;
    max-height: 48px;
    overflow: hidden
}

.welcome-everyone .outter-div .content_list .inner-div .inner-div-list {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: left;
    margin-left: 12px;
    overflow: hidden;
    display: flex;
    flex: 1
}

.welcome-everyone .outter-div .see_more-div {
    border-top: 1px solid #eee;
    margin-top: 10px
}

.welcome-everyone .outter-div .see_more {
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    float: right;
    display: inline-block;
    padding: 16px 0;
    padding-right: 24px
}

.welcome-everyone .outter-div .see_more:hover {
    text-decoration: none
}

.welcome-everyone .outter-div .see_more[attr-test-open="0"]:before {
    content: "";
    position: absolute;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 12px;
    height: 8px;
    right: 0px;
    top: 50%;
    background-position: -584px -94px;
    transform: translateY(-50%)
}

.welcome-everyone .outter-div .see_more[attr-test-open="1"]:before {
    content: "";
    position: absolute;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 12px;
    height: 8px;
    right: 0px;
    top: 50%;
    background-position: -664px -94px;
    transform: translateY(-50%)
}

.icon-black-circle-with-tick {
    width: 20px;
    height: 20px;
    background-position: -2px -944px;
    margin-top: 1px
}

@media only screen and (max-width: 768px) {
    .welcome-everyone .container-fluid {
        padding: 24px
    }
    .welcome-everyone .outter-div {
        padding: 0px
    }
    .welcome-everyone .inner-div {
        padding: 16px 0px
    }
    .welcome-everyone .see-more-div {
        padding-top: 16px;
        margin-top: 16px
    }
}

.course-concepts .container-fluid {
    padding: 48px 100px
}

.course-concepts .heading-title {
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 41px;
    text-align: left;
    margin-bottom: 32px
}

.course-concepts .concept {
    background-color: #fff;
    height: 95px;
    margin-bottom: 10px;
    padding-top: 12px
}

.course-concepts .concept .concept-sl-no {
    width: 28px;
    height: 28px;
    display: inline-block
}

.course-concepts .concept .concept-title {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    margin-bottom: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.course-concepts .concept p {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    height: 40px;
    overflow: hidden;
    margin: 0
}

.course-concepts .concept .media-body {
    padding-left: 12px
}

.course-concepts .concept_see_more-div {
    border-top: 1px solid #eee
}

.course-concepts .concept_see_more {
    position: relative;
    color: #111;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    float: right;
    display: inline-block;
    padding: 16px 0;
    padding-right: 24px
}

.course-concepts .concept_see_more:hover {
    text-decoration: none
}

.course-concepts .concept_see_more:before {
    content: "";
    position: absolute;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 12px;
    height: 8px;
    right: 0px;
    top: 50%;
    background-position: -584px -94px;
    transform: translateY(-50%)
}

.icon-concept-1 {
    background-position: -2px -713px
}

.icon-concept-2 {
    background-position: -110px -713px
}

.icon-concept-3 {
    background-position: -218px -713px
}

.icon-concept-4 {
    background-position: -326px -713px
}

.icon-concept-5 {
    background-position: -434px -713px
}

.icon-concept-6 {
    background-position: -542px -713px
}

.icon-concept-7 {
    background-position: -650px -713px
}

.icon-concept-8 {
    background-position: -758px -713px
}

.icon-concept-9 {
    background-position: -866px -713px
}

.icon-concept-10 {
    background-position: -974px -713px
}

.icon-concept-11 {
    background-position: -1082px -713px
}

.icon-concept-12 {
    background-position: -1190px -713px
}

.icon-concept-13 {
    background-position: -2px -832px
}

.icon-concept-14 {
    background-position: -110px -832px
}

.icon-concept-15 {
    background-position: -218px -832px
}

.icon-concept-16 {
    background-position: -326px -832px
}

.icon-concept-17 {
    background-position: -434px -832px
}

.icon-concept-18 {
    background-position: -542px -832px
}

.icon-concept-19 {
    background-position: -650px -832px
}

.icon-concept-20 {
    background-position: -758px -826px
}

@media only screen and (max-width: 768px) {
    .course-concepts .container-fluid {
        padding: 24px
    }
    .concepts-slider {
        position: relative
    }
    .course-concepts .concepts-slider .swiper-button-next:after {
        content: ""
    }
    .course-concepts .concepts-slider .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: 3px
    }
    .course-concepts .concepts-slider .swiper-button-prev:after {
        content: ""
    }
    .course-concepts .concepts-slider .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: 4px
    }
}

.curriculum {
    background-color: #f9f9f9;
    padding-top: 48px;
    padding-bottom: 48px
}

.curriculum .container-fluid {
    padding: 0 100px
}

.icon-download {
    width: 20px;
    height: 20px;
    background-position: -370px -944px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.main-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.main-title .heading-title {
    color: #000;
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 41px;
    text-align: left;
    margin-bottom: 24px
}

.download_curriculum {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 8px 16px;
    margin-bottom: 24px;
    height: 40px
}

.download_curriculum:focus {
    outline: none;
    box-shadow: none
}

.download_curriculum img {
    margin-right: 10px;
    vertical-align: middle
}

.curriculum-parts {
    padding: 16px;
    background: #fff;
    margin-bottom: 16px;
    border-radius: 4px
}

.curriculum-parts ul {
    display: flex
}

.curriculum-parts ul li {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    padding-right: 15px;
    margin-right: 15px;
    display: flex;
    align-self: center
}

.curriculum-parts ul li:last-child {
    border: none
}

.curriculum-parts ul li span {
    align-items: center;
    display: flex
}

.icon-black-circle-with-tick-small {
    width: 16px;
    height: 16px;
    background-position: -480px -946px;
    display: inline-block;
    margin-right: 12px
}

.topics {
    padding: 0px;
    border-radius: 4px;
    background-color: #f9f9f9
}

.topics .curriculum-accordion-content .card {
    border: 0 none !important;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 5px
}

.topics .curriculum-accordion-content .card .card-header {
    border-radius: 0;
    background-color: transparent;
    border: 0;
    padding: 15px 24px 15px 51px;
    position: relative
}

.topics .curriculum-accordion-content .card .card-header .card-link {
    width: 100%;
    display: block;
    position: relative;
    color: #111;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    z-index: 1
}

.topics .curriculum-accordion-content .card .card-header .card-link span {
    position: absolute;
    right: 39px;
    color: #666;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left
}

.topics .curriculum-accordion-content .card .card-header .card-link.collapsed:before {
    background-position: -94px -160px
}

.topics .curriculum-accordion-content .card .card-header .card-link:before {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    background: url(public/frontend/java/assets/images/f-icon-sprite.svg) no-repeat 0 -160px;
    width: 14px;
    height: 8px;
    pointer-events: none
}

.topics .curriculum-accordion-content .card .card-header .video-preview {
    position: absolute;
    right: 62px;
    top: 15px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    text-decoration: none;
    z-index: 0
}

.topics .curriculum-accordion-content .card .card-header .play-preview-icon {
    vertical-align: middle;
    display: inline-block;
    margin-right: 8px;
    height: 21px
}

.topics .curriculum-accordion-content .card .card-body {
    padding: 0px 24px 0 51px;
    background-color: #fff
}

.topics .curriculum-accordion-content .card .card-body .topic-summary {
    padding-bottom: 8px;
    padding-top: 16px
}

.topics .curriculum-accordion-content .card .card-body .topic-summary p {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    text-align: left;
    margin: 0px
}

.topics .curriculum-accordion-content .card .card-body .topic-summary p b {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: #111
}

.topics .curriculum-accordion-content .card .card-body .topic-summary ul li {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    margin-bottom: 5px
}

.topics .curriculum-accordion-content .card .card-header .curi-num {
    position: absolute;
    left: 24px;
    font-size: 14px;
    font-weight: 600;
    top: 15px;
    line-height: 21px;
    color: #111
}

.topics .curriculum-accordion-content .card .card-body ul,
.topics .curriculum-accordion-content .card .card-body ol {
    margin-top: 5px;
    margin-bottom: 22px
}

.topics .curriculum-accordion-content .card .card-body ol li ol,
.topics .curriculum-accordion-content .card .card-body ul li ul,
.topics .curriculum-accordion-content .card .card-body ol li ul,
.topics .curriculum-accordion-content .card .card-body ul li ol {
    margin: 0
}

.topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-top {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-top .heading-title {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    margin: 0
}

.topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-top .play-btn {
    color: #df3781;
    font-size: 12px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
    text-decoration: none;
    margin-left: 17px
}

.icon-play-color {
    width: 22px;
    height: 22px;
    background-position: -977px -10px;
    display: inline-block;
    transform: scale(0.8)
}

.topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-top .play-btn:focus {
    box-shadow: none;
    outline: none
}

.topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-top .play-btn span {
    display: inline-block;
    vertical-align: top;
    height: 18px
}

.topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-group {
    margin-top: 12px;
    list-style: unset;
    padding-left: 17px
}

.topics .curriculum-accordion-content .card .card-body .topic-covered li {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 21px;
    text-align: left;
    margin-bottom: 5px
}

.topics .curriculum-accordion-content .card .card-body .topic-covered p {
    margin: 0;
    line-height: 22px
}

.curi-sticky {
    margin-top: 65px;
    position: sticky;
    top: 70px
}

.contact-course {
    padding: 0 0 16px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.06)
}

.contact-course .heading-title {
    color: #111;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: center;
    padding: 16px 10px 10px;
    border-radius: 4px 4px 0 0
}

.contact-course .nav-tabs {
    border-bottom: 1px solid #eee;
    padding: 0px
}

.contact-course .nav-tabs .nav-item .nav-link {
    position: relative;
    padding: 5px 0px;
    border: none;
    border-radius: 0px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 21px;
    text-align: center
}

.contact-course .nav-tabs .nav-item .nav-link.active {
    display: inline-block;
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%);
    background-size: 100% 2px;
    background-position: bottom 0 left 0, bottom 3px left 0;
    background-repeat: no-repeat
}

.contact-course .nav-tabs .nav-item .nav-link.active {
    color: #333;
    background-color: #fff;
    border: none
}

.contact-course .tab-content {
    margin-top: 16px;
    padding-left: 16px;
    padding-right: 16px
}

.contact-course .tab-content .tab-pane .submit-btn {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    border-radius: 4px;
    border: 0 none;
    background: #586feb;
    padding: 8px 24px
}

.contact-course .tab-content .tab-pane .submit-btn:focus {
    outline: none;
    box-shadow: none
}

.contact-course .tab-content .tab-pane .submit-btn .loadingspinner {
    border-color: #000
}

.contact-course .tab-content .contact-number-full {
    position: relative
}

.contact-course .global-form form .contact-number-full .form-control.isd-code {
    padding: 0
}

.contact-course .global-form form .contact-number-full .form-group.isd-select {
    width: 27%
}

.contact-course .global-form form .contact-number-full .form-control {
    padding-left: calc(27% + 15px)
}

.contact-course .global-form form .contact-number-full .form-group .floating-label {
    left: calc(27% + 15px)
}

.contact-course .global-form form .row {
    margin: 0
}

.contact-course .global-form form .row .col-md-6 {
    padding: 0
}

.contact-course .global-form form .row .col-md-6:first-child {
    padding-right: 8px
}

.contact-course .global-form form .form-control {
    border-radius: 4px !important;
    height: 36px;
    padding: 10px 15px 9px;
    top: auto;
    font-weight: 400
}

.contact-course .global-form form .form-group textarea {
    height: 50px
}

.contact-course .global-form form .form-group .floating-label,
.contact-course .global-form form .form-group textarea+.floating-label {
    top: 8px
}

.contact-course .global-form form .form-group .form-control:valid {
    border-color: #bbb !important;
    color: #231f20 !important
}

.contact-course .global-form form .form-group .form-control:valid~.floating-label {
    color: #999 !important
}

.contact-course .global-form form .form-group .error {
    font-size: 11px;
    margin-top: 2px;
    line-height: 17px
}

.contact-course .global-form form .contact-number-full .form-group .error {
    bottom: auto
}

.contact-course .global-form form .contact-number-full .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    transform: none
}

.contact-course .global-form .select-options i.layout-icons {
    top: 15px !important;
    position: absolute;
    right: 9px;
    width: 12px;
    pointer-events: none;
    height: 8px;
    transform: scale(0.75)
}

.contact-course .global-form form .form-group {
    margin-bottom: 25px
}

.global-form .select-options i.layout-icons {
    position: absolute;
    top: 16px !important;
    right: 9px;
    width: 12px;
    transform: scale(0.75);
    pointer-events: none;
    height: 8px
}

.black-down-arrow-icon {
    background-position: -1274px -836px;
    width: 12px;
    height: 8px
}

.quote-thumb {
    margin-top: 16px;
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 16px;
    text-align: center;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.06)
}

.quote-thumb h3 {
    color: #111;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 19px;
    text-align: center;
    padding: 16px 10px 5px;
    border-radius: 4px 4px 0 0
}

.quote-thumb p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #666
}

.quote-thumb .btn {
    margin-top: 24px;
    background: transparent;
    color: #111;
    border: 1px solid #231f20;
    position: relative
}

.quote-thumb .btn:before {
    content: none;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png');
    width: 9px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: -638px -71px;
    transition: all 0.3s ease-in-out
}

.quote-thumb .btn:hover:before {
    right: 12px
}

@media only screen and (max-width: 1024px) {
    .preview-video .modal-dialog {
        max-width: 700px;
        margin: 60px auto
    }
    .preview-video .modal-dialog .modal-content .modal-body .sidebar-curi {
        height: 400px;
        overflow: hidden;
        background: #fff
    }
    .preview-video .video-popup-form.global-form form {
        margin: 16px auto
    }
    .mobile-sticky-footer .sticky-schedules-btn {
        font-size: 11px !important;
        line-height: 17px;
        font-weight: 700;
        padding: 0 15px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        text-transform: uppercase;
        height: auto !important;
        margin: 0 auto;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .course-thumb .course-name sup {
        font-size: 14px !important
    }
    .curriculum .container-fluid {
        padding: 68px 24px 54px
    }
    .curriculum-parts {
        display: none
    }
    .topics .curriculum-accordion-content .card .card-header {
        padding: 12px 16px
    }
    .topics .curriculum-accordion-content .card .card-header .video-preview {
        position: unset;
        padding-top: 36px
    }
    .topics .curriculum-accordion-content .card .card-body {
        padding: 12px 16px
    }
}

.knolwedgehut-edge {
    padding: 48px 100px
}

.knowledgehut-lg .col-md-4 {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0px 7px
}

.knowledgehut-lg .col-md-4:last-child {
    border-right: none
}

.knowledgehut-lg .row:last-child .col-md-4 {
    border-bottom: none
}

.knowledgehut-lg .content {
    padding: 16px 15px 36px 0
}

.knowledgehut-lg .content i {
    width: 50px;
    height: 50px;
    display: inline-block
}

.knowledgehut-lg .content .title {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 12px
}

.knowledgehut-lg .content p {
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    height: 60px;
    max-height: 60px;
    overflow: hidden
}

.knowledgehut-lg .media-body {
    padding-left: 12px
}

.icon-edge-1 {
    background-position: -752px -332px
}

.icon-edge-2 {
    background-position: -1173px -460px
}

.icon-edge-3 {
    background-position: -655px -463px
}

.icon-edge-4 {
    background-position: -3px -573px
}

.icon-edge-5 {
    background-position: -882px -332px
}

.icon-edge-6 {
    background-position: -1012px -332px
}

.icon-edge-7 {
    background-position: -265px -575px
}

.icon-edge-8 {
    background-position: -134px -444px
}

.icon-edge-9 {
    background-position: -395px -465px
}

.icon-edge-10 {
    background-position: -912px -463px
}

.icon-edge-11 {
    background-position: -10px -446px
}

.icon-edge-12 {
    background-position: -265px -447px
}

.icon-edge-13 {
    background-position: -232px -332px
}

.icon-edge-14 {
    background-position: -362px -334px
}

.icon-edge-15 {
    background-position: -492px -334px
}

.icon-edge-16 {
    background-position: -620px -332px
}

.icon-edge-17 {
    background-position: -525px -465px
}

.icon-edge-18 {
    background-position: -782px -467px
}

.icon-edge-19 {
    background-position: -1049px -463px
}

.icon-edge-20 {
    background-position: -1142px -330px
}

.icon-edge-21 {
    background-position: -523px -577px
}

.icon-edge-22 {
    background-position: -135px -575px
}

.icon-edge-23 {
    background-position: -655px -573px
}

.icon-edge-24 {
    background-position: -393px -573px
}

.icon-edge-25 {
    background-position: -783px -573px
}

.icon-edge-26 {
    background-position: -912px -573px
}

@supports (-ms-ime-align:auto) {
    .grey-btn.next-button span {
        margin-top: 2px
    }
}

@media only screen and (max-width: 768px) {
    .knolwedgehut-edge {
        padding: 24px
    }
    .knowledgehut-lg .content {
        padding: 16px 0px 36px
    }
}

@media only screen and (max-width: 767px) {
    .knolwedgehut-edge {
        padding: 24px 0px
    }
    .knolwedgehut-edge .container-fluid {
        padding: 0
    }
    .knolwedgehut-edge .heading-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        margin-bottom: 20px
    }
    .knowledgehut-xs {
        padding-left: 15px
    }
    .knowledgehut-xs .content {
        padding: 18px 12px 20px;
        border: 1px solid #ddd;
        background-color: #fff;
        height: 266px;
        overflow: hidden
    }
    .knowledgehut-xs .content i {
        margin-bottom: 20px;
        width: 50px;
        height: 50px;
        display: inline-block
    }
    .knowledgehut-xs .content .title {
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 8px
    }
    .knowledgehut-xs .content p {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        height: 116px;
        max-height: 116px;
        overflow: hidden
    }
    .knowledgehut-xs .knowledgehutEdge-container {
        height: 311px
    }
    .knowledgehut-xs .knowledgehutEdge-container .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #d3d2d2;
        opacity: 1;
        outline: none
    }
    .knowledgehut-xs .knowledgehutEdge-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #000 !important;
        width: 31px !important;
        border-radius: 3px
    }
}

.prerequisites {
    padding: 48px 100px;
    overflow: hidden
}

.prerequisites .container-fluid {
    position: relative;
    background: #000
}

.prerequisites .lg-img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%
}

.prerequisites .xs-img {
    position: absolute;
    top: -24px;
    right: -10px
}

.prerequisites .prerequisites-content {
    margin-left: 200px;
    padding: 48px 0px;
    position: relative;
    z-index: 1
}

.prerequisites .prerequisites-content .heading-title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 16px
}

.prerequisites .prerequisites-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 24px;
    overflow: hidden
}

.prerequisites .prerequisites-content ul {
    padding-top: 16px
}

.prerequisites .prerequisites-content ul li {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 12px;
    position: relative;
    padding-left: 12px
}

.prerequisites .prerequisites-content ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 10px
}

.prerequisites .prerequisites-content ul li:last-child {
    margin-bottom: 0
}

.prerequisites .prerequisites-content a {
    color: #ec3957
}

.tuition-icons {
    background-image: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/tuition_sprite.svg");
    background-repeat: no-repeat
}

.list-tuition-section {
    background-color: #F5F6FE;
    padding: 48px 55px
}

.list-tuition-section-title {
    margin-bottom: 48px
}

.list-tuition-section .title-tag-box {
    margin-left: 12px;
    padding: 6px 10px 6px 16px;
    background-color: #fff;
    border-radius: 151px;
    display: inline-flex
}

.list-tuition-section-title h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 35px;
    color: #111;
    float: left
}

.list-tuition-section-title .money-back-link.money-back-popover {
    display: flex
}

.list-tuition-section .title-tag-text {
    font-weight: 600;
    margin-right: 8px;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

.list-tuition-section .info-icon-grey {
    display: inline-block;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 0;
    background-position: 0 -1px
}

.list-tuition-header {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 10px
}

.list-tuition-header:after {
    content: "";
    width: 256px;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    border-radius: 4px;
    background-image: linear-gradient(114.88deg, #FF702A 12.57%, #C507C9 88.66%)
}

.list-tuition-section .list-tuition-header .left-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.list-tuition-section .list-tuition-header .left-title span {
    font-size: 14px;
    line-height: 19px;
    color: #333;
    font-weight: 400;
    cursor: default;
    display: contents
}

.list-tuition-section .osl-bootcamp-sub-section .list-tuition-header .left-title span {
    margin-top: 3px;
    display: contents
}

.blue-button {
    padding: 2px 10px;
    line-height: 14px;
    font-weight: 600;
    height: 26px;
    background: #474A9B;
    mix-blend-mode: normal;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: default;
    outline: none;
    box-shadow: none
}

.blue-button:hover,
.blue-button:focus {
    outline: none;
    box-shadow: none;
    border: none;
    cursor: default
}

.blue-button a.tuition-fee-popover {
    padding-top: 3px;
    cursor: default
}

.info-icon-white {
    display: inline-block;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 5px;
    background-position: -167px -1px;
    cursor: pointer !important
}

.grey-btn:hover {
    color: #333
}

.grey-btn {
    padding: 2px 10px;
    line-height: 14px;
    font-weight: 600;
    height: 26px;
    background: #EEE;
    mix-blend-mode: normal;
    border-radius: 4px;
    color: #333;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    box-shadow: none
}

.grey-btn.next-button {
    margin-left: 16px;
    cursor: default
}

.grey-btn.next-button:focus {
    border: none;
    outline: none;
    box-shadow: none
}

.grey-btn.next-button span {
    font-weight: 700;
    line-height: 14px;
    font-size: 11px
}

.bold {
    font-weight: 700
}

.link-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #586FEB;
    text-decoration: none
}

.link-text:hover {
    color: #586FEB;
    text-decoration: none
}

.list-tuition-header .link-text {
    margin-left: 8px
}

.tuition-details-card {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 8px;
    padding: 20px 24px;
    position: relative;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    transition: 0.2s
}

.tuition-details-card:last-child {
    margin-bottom: 0
}

.tuition-details-card:hover {
    box-shadow: 0px 2px 15px rgba(24, 39, 75, 0.19);
    border: 1px solid transparent;
    transition: 0.2s
}

.green-badge {
    background: #5AB118;
    border-radius: 0 6px 0 6px;
    position: absolute;
    padding: 4px 10px;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #FFF;
    text-align: center;
    right: -1px;
    top: -1px
}

.list-tuition-section .tution-points-summary ul {
    margin: 0 0;
    justify-content: flex-start
}

.list-tuition-section .tution-points-summary ul li {
    padding: 0 28px 0 0
}

.list-tuition-section .tution-points-summary ul li:last-child {
    padding-right: 0
}

.list-tuition-section .tution-points-summary {
    margin-bottom: 25px
}

.type-four-card .cpmpany-logo img {
    margin-right: 6px;
    height: 19px
}

.column-one {
    min-width: 255px;
    max-width: 255px;
    padding-right: 10px;
    display: inline-flex;
    align-items: center
}

.type-three-card .column-three {
    padding-left: 64px;
    padding-top: 6px;
    padding-bottom: 6px
}

.column-two {
    min-width: 175px;
    width: 25%
}

.type-three-card .column-two {
    min-width: 264px
}

.alter-column {
    width: 32%
}

.tuition-details-card:hover {}

.column-three {
    min-width: 200px;
    width: 40%;
    padding-left: 32px;
    border-left: 1px solid #DDD
}

.type-four-card .cpmpany-logo {
    display: flex;
    align-items: center;
    margin-top: 3px
}

.type-four-card .cpmpany-logo img {
    margin-right: 6px
}

.column-four {
    min-width: 90px;
    width: auto;
    float: right;
    margin-left: auto;
    text-align: right
}

.list-tuition-section .tution-points-summary ul li .tution-points-summary-list {
    align-items: flex-start
}

.list-tuition-section .tution-points-summary ul li .tution-points-summary-list i {
    margin-top: 4px
}

.number-circle {
    width: 25px;
    height: 25px;
    left: 124px;
    top: 315px;
    background: #999;
    border-radius: 100%;
    text-align: center;
    padding: 3px 0;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    font-weight: 600;
    float: left;
    margin-right: 10px
}

.column-two .program-fee {
    font-size: 13px;
    line-height: 18px;
    color: #333
}

.column-one p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #111
}

.price-mark {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #111
}

.price-mark span {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin-left: 6px;
    color: #999;
    text-decoration: line-through
}

.course-emi-text {
    font-size: 13px;
    line-height: 18px;
    color: #333
}

.rate-per-month {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #111
}

.enroll-text:hover,
.enroll-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    text-align: right;
    color: #EC3957;
    display: inline-flex;
    align-items: center
}

.enroll-text:focus {
    outline: none;
    box-shadow: none;
    border: none
}

.arrow-right-red-icon {
    display: inline-block;
    transition: 0.2s;
    background-repeat: no-repeat;
    height: 10px;
    width: 0;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/arrow-right-red.svg');
    cursor: pointer
}

.tuition-details-card:hover .arrow-right-red-icon {
    margin-left: 8px;
    transition: 0.2s;
    width: 7px;
    display: inline-block
}

.blue-alarm-icon {
    display: inline-block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    margin-right: 6px;
    background-position: -225px -2px
}

.type-three-card .rate-per-month {
    margin-left: 0
}

.days-left {
    display: flex;
    margin-top: 9px
}

.days-left span {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #474A9B
}

.osl-bootcamp-sub-section {
    margin-top: 48px
}

.osl-bootcamp-sub-section .list-tuition-header div.fx-v-center h3 {
    margin-right: 4px
}

.osl_submit,
.osl_submit:focus,
.osl_submit:active {
    background-color: transparent;
    border: 0px
}

@media only screen and (max-width: 768px) {
    .prerequisites {
        padding: 24px
    }
    .list-tuition-section {
        padding: 24px 0
    }
    .list-tuition-section-title {
        margin-bottom: 32px
    }
    .list-tuition-header {
        padding-bottom: 11px;
        margin-bottom: 16px
    }
    .list-tuition-section-title h2 {
        font-size: 18px;
        line-height: 27px;
        float: none;
        margin-bottom: 12px
    }
    .list-tuition-section-title {
        display: block
    }
    .price-mark span {
        margin-left: 3px
    }
    .mbl-actions {
        align-items: center;
        flex-wrap: wrap
    }
    .type-three-card .column-three {
        padding-left: 0
    }
    .mbl-actions .blue-button {
        float: left
    }
    .list-tuition-section .title-tag-box {
        margin-left: 0;
        height: 28px
    }
    .osl-bootcamp-sub-section {
        margin-top: 32px
    }
    .list-tuition-section .osl-bootcamp-sub-section .list-tuition-header .left-title span.help-text {
        display: block;
        margin-top: 5px
    }
    .mbl-actions .blue-button {
        padding: 2px 4px;
        margin-right: 6px;
        margin-bottom: 16px
    }
    .mbl-actions .grey-btn.next-button {
        font-size: 11px;
        line-height: 14px;
        padding-left: 6px;
        padding-right: 6px;
        margin-left: 0
    }
    .mbl-actions .link-text {
        margin-left: 12px;
        font-size: 10px;
        line-height: 14px
    }
    .list-tuition-section .tution-points-summary {
        margin-bottom: 17px
    }
    .tuition-details-card {
        display: block;
        padding: 24px 24px 12px
    }
    .tuition-details-card:hover {
        box-shadow: none
    }
    .column-three {
        min-width: 100%;
        width: 100%;
        padding-left: 0;
        border-left: none
    }
    .arrow-right-red-icon {
        display: inline-block;
        background-repeat: no-repeat;
        height: 10px;
        width: 7px;
        margin-left: 8px;
        background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/arrow-right-red.svg');
        cursor: pointer
    }
    .list-tuition-header {
        display: block
    }
    #when-5 .list-tuition-header {
        display: block;
        margin-top: 32px
    }
    .column-one,
    .column-two,
    .column-three,
    .column-four {
        width: 100%;
        min-width: 100%
    }
    .column-one {
        margin-bottom: 16px;
        padding-right: 0
    }
    .column-three {
        padding-top: 16px;
        margin-top: 16px;
        border-top: 1px solid #ddd
    }
    .column-four {
        text-align: right;
        float: none;
        border-top: 1px solid #eee;
        margin-top: 12px;
        padding-top: 12px
    }
    .mbl-actions .grey-btn.next-button {
        margin-left: 4px;
        background: #EEE;
        mix-blend-mode: normal;
        border-radius: 4px;
        margin-bottom: 16px
    }
    .osl-bootcamp-sub-section .list-tuition-header div.fx-v-center {
        display: block
    }
}

.black-close-icon {
    background-position: -530px -1153px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle
}

.try-for-free-modal .modal-dialog {
    max-width: 887px;
    margin: 25px auto
}

.try-for-free-modal .modal-body {
    padding: 0
}

.try-for-free-modal .pop-left-content {
    background-color: #f7faf7;
    padding: 24px 32px 45px
}

.to-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2
}

.try-for-free-modal h4 {
    font-size: 27px;
    color: #000;
    font-weight: 500;
    line-height: 41px;
    font-family: "Playfair Display";
    margin-bottom: 12px
}

.try-for-free-modal p {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    line-height: 23px
}

.try-for-free-modal ul {
    margin-top: 18px;
    margin-bottom: 17px
}

.try-for-free-modal ul li {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding-left: 22px;
    margin-bottom: 8px
}

.try-for-free-modal .pop-left-content ul li:before {
    content: "";
    position: absolute;
    left: -13px;
    background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/f-icon-sprite.png') no-repeat;
    width: 38px;
    height: 28px;
    top: -3px;
    background-position: -503px -65px;
    transform: scale(0.35)
}

.try-for-free-modal .bootstrap-select .dropdown-menu ul li {
    padding-left: 0 !important;
    margin-bottom: 0 !important
}

.try-for-free-modal .pop-right {
    padding: 24px 41px 24px 11px
}

.try-for-free-modal .pop-right h5 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    font-family: "Playfair Display";
    margin-bottom: 36px
}

.modal-links {
    margin-top: 26px
}

.try-for-free-modal .btn {
    display: inline-block
}

.try-for-free-modal .btn:first-child {
    margin-right: 7px;
    border: 1px solid #000;
    padding: 8px 16px;
    line-height: 21px;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    height: 40px
}

.try-for-free-modal .global-form .bootstrap-select .dropdown-menu {
    max-height: inherit !important
}

.try-for-free-modal .global-form form .contact-number .form-group.isd-select {
    width: 26%
}

.try-for-free-modal .pop-left-content .text-right {
    margin-top: -50px
}

.review-modal .modal-dialog {
    max-width: 714px
}

.review-modal .to-close {
    right: 0;
    top: -30px
}

.review-modal .modal-body {
    padding: 32px
}

.review-modal .testimonial .media {
    overflow: hidden;
    height: 82px
}

.review-modal .testimonial .media-left img {
    width: 66px;
    height: 66px;
    border-radius: 100%
}

.review-modal .testimonial .media-left {
    position: relative
}

.review-modal .testimonial .media-body {
    padding-top: 8px;
    padding-left: 12px
}

.review-modal .testimonial .testimonial-name {
    color: #231f20;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
    white-space: nowrap;
    display: block
}

.review-modal .testimonial .testimonial-role {
    color: #231f20;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    white-space: nowrap;
    line-height: 22px;
    display: block
}

.review-modal .testimonial .media-body {
    margin-bottom: 28px
}

.review-modal .testimonial .testimonial-rating {
    padding-bottom: 16px;
    display: flex;
    align-items: center
}

.review-modal .testimonial .testimonial-rating i {
    margin: 0 1px;
    transform: scale(0.85)
}

.review-modal .testimonial .testimonial-rating .rating {
    color: #231f20;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    vertical-align: sub;
    margin: 0 5px
}

.review-modal .testimonial .testimonial-para {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    margin-bottom: 40px
}

.review-modal .testimonial .testimonial-para p {
    color: #3f3f3f;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px
}

.review-modal .testimonial .testimonial-sub-para {
    color: #7b7979;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-align: left
}

.review-modal .testimonial .media-left .icon-linkedin {
    position: absolute;
    bottom: -10px;
    left: 50%;
    background-color: #fff;
    transform: translateX(-50%) scale(0.7);
    opacity: 0.7
}

.white-close-icon {
    background-position: -624px -1153px;
    width: 12px;
    height: 12px;
    display: inline-block
}

.fixed-btn {
    position: fixed;
    right: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 8;
    width: auto;
    text-align: center;
    background-color: #333;
    display: block;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transform: rotate(-90deg) translateY(181%);
    line-height: 14px;
    padding: 6px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 30px
}

.fixed-btn:hover,
.fixed-btn:focus {
    color: #fff
}

.trainer-modal .modal-dialog {
    max-width: 714px
}

.trainer-modal .to-close {
    right: 0;
    top: -30px
}

.trainer-modal .modal-body {
    padding: 32px
}

.trainer-modal .instructor-item .media .media-left {
    padding-right: 16px
}

.trainer-modal .instructor-item .media .media-left img {
    width: 63px;
    height: 63px;
    border-radius: 100%
}

.trainer-modal .instructor-item .media .media-body .inst-name {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    line-height: 19px;
    margin-bottom: 5px;
    display: block
}

.trainer-modal .instructor-item .media .media-body h3 {
    font-size: 14px;
    color: #333;
    line-height: 19px;
    font-weight: 600
}

.trainer-modal .instructor-item .instructor-content {
    font-size: 13px;
    margin-top: 16px;
    line-height: 19px;
    margin-bottom: 0px;
    overflow: hidden;
    color: #333;
    font-weight: 400;
    padding-top: 0px;
    -webkit-line-clamp: none;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    max-height: none
}

.trainer-modal .instructor-item .instructor-content p {
    margin-top: 0;
    font-size: 13px;
    line-height: 19px;
    color: #333;
    margin-bottom: 14px
}

.trainer-modal .instructor-item .instructor-content a {
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #586feb
}

#sfc-utap-1 .free-access {
    background-color: #fff
}

.utap-tables-mobile-view {
    display: none
}

.desktop-csm {
    background-color: #fff;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 4px
}

.desktop-csm td {
    border: 0;
    padding: 12px 16px
}

.desktop-csm .corporates-cell {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee
}

.desktop-csm .individuals-cell {
    border-top: 1px solid #eee
}

.csm-table td,
.csm-table th {
    background-color: #fff;
    padding: 12px 16px;
    border-bottom: 0px solid #f5f5f5
}

.green-clr {
    color: #159833
}

.grey-clr {
    color: #159833
}

.star {
    color: #999
}

.red-clr {
    color: #ec3957
}

a.red-link,
a.red-link:hover {
    color: #ec3957;
    text-decoration: underline
}

.gst-text {
    color: #999;
    font-size: 10px;
    font-weight: 400;
    line-height: 5px;
    position: absolute;
    bottom: 6px
}

.utap-tables-all-section {
    padding: 32px 0;
    background-color: #f9f9f9
}

.custom-tables {
    display: flex;
    width: 100%
}

.csm-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    border-color: grey;
    -webkit-border-horizontal-spacing: 1px;
    -webkit-border-vertical-spacing: 1px;
    margin-bottom: 6px
}

.white-bar {
    background-color: #fff;
    border-radius: 4px;
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 8px
}

.white-bar p {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px
}

.column {
    border-radius: 4px;
    min-height: 100px;
    margin-left: 8px;
    width: 18%;
    border-radius: 4px
}

.column-five {
    width: 24%
}

.column:hover .summary-column-cell,
.column:hover .list {
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.07);
    transition: 0.2s
}

.first-column.highlight .list,
.first-column.highlight .summary-column-cell {
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.07);
    transition: 0.2s
}

.pds-table-new .first-column .summary-column-cell {
    align-items: flex-start
}

.first-column:hover {
    box-shadow: none
}

.column:hover .column-cell {
    font-weight: 600;
    color: #000;
    transition: 0.2s
}

.column:hover .column-cell.not-applicable {
    font-weight: 600 !important
}

.column:hover .column-cell.summary-column-cell {
    color: #159833
}

.first-column:hover .column-cell {
    font-weight: 400;
    color: #333
}

.first-column {
    margin-left: 0px;
    width: 28%
}

.first-column-cell {
    border-radius: 4px 4px 0 0;
    min-height: 120px
}

.last-column-cell {
    border-radius: 0 0 4px 4px;
    border-bottom: none !important
}

.first-column .first-column-cell {
    min-height: 120px;
    display: flex;
    align-items: flex-end
}

#sfc-utap-1 .first-column-cell {
    min-height: 68px
}

.list {
    border-radius: 4px
}

.custom-tables .summary-column-cell {
    border-radius: 4px;
    border-bottom: 0px;
    background-color: #d6e7d6;
    margin-top: 10px;
    padding: 10px 11px;
    color: #159833;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.csm-table-new .first-column .column-cell.summary-column-cell {
    align-items: flex-start !important
}

.first-column .column-cell {
    text-align: left
}

.mb-0 {
    margin-bottom: 0 !important
}

.column-cell {
    background-color: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    color: #333;
    text-align: center;
    height: 43px;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative
}

.column-cell sup {
    color: #111;
    margin: 0 2px 0 4px;
    font-size: 8px;
    font-weight: 400
}

.top-cell {
    border-radius: 4px 4px 0 0 !important
}

.italic {
    font-style: italic
}

.top-cell p {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px
}

.corporates-cell,
.individuals-cell {
    font-weight: 700 !important;
    color: #f1842c !important;
    font-size: 14px !important;
    line-height: 19px !important
}

.individuals-cell {
    border-radius: 0 0 0 4px !important;
    padding: 12px 120px !important;
    text-align: right !important
}

#sfc-utap-1 .individuals-cell {
    padding: 12px 173px !important
}

.corporates-cell {
    border-radius: 0 0 4px 0 !important;
    padding: 12px 20px;
    text-align: center !important
}

.pds-table-new .column {
    width: 22%
}

.pds-table-new .first-column-cell .title.alt {
    line-height: 20px
}

.pds-table-new .first-column {
    width: 34%
}

.first-column .list .column-cell {
    align-items: flex-start;
    flex-direction: column
}

.first-column .column-cell.last-column-cell {
    flex-direction: row;
    justify-content: flex-start
}

.box {
    text-align: center
}

.row-two {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100px;
    max-height: 100%
}

.row-two .title {
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    color: #000
}

.row-two .title-tag {
    font-size: 13px;
    color: #666;
    font-weight: 400
}

.row-two .sub-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #000;
    margin-bottom: 18px
}

.row-two .green-text {
    color: #159833;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

#sfc-utap-1 .row-two {
    min-height: 50px
}

.last-row-name {
    color: #333;
    font-size: 13px;
    position: relative;
    font-weight: 700;
    line-height: 15px
}

.last-row-name sup {
    color: #111;
    font-size: 8px;
    font-weight: 400;
    top: -3px !important
}

.not-applicable {
    color: #999 !important;
    font-size: 13px !important;
    font-weight: 400 !important
}

.headding {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 15px;
    margin: 12px 0
}

.note-points {
    padding-left: 13px;
    list-style-type: decimal
}

.note-points li {
    color: #666;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 8px
}

.note-points li:last-child {
    margin-bottom: 0px
}

.popover-icon-info-container {
    height: 18px;
    width: 18px;
    position: relative;
    display: inline-block
}

.pds-table-section sup {
    font-size: 8px;
    color: #111
}

.info_icon_grey {
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/info_icon_grey.svg');
    display: inline-block;
    top: 4px;
    margin-left: 2px;
    position: relative
}

.popover {
    width: auto;
    max-width: 300px;
    min-width: 200px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    padding: 12px;
    border: none;
    border-radius: 4px;
    font-family: "Open Sans", sans-serif
}

.popover.bottom>.arrow {
    border-bottom-color: rgb(0 0 0 / 2%)
}

.popover-title {
    color: #000;
    font-family: "Open Sans - Bold";
    font-size: 12px;
    font-weight: 700;
    padding: 0 0;
    background-color: transparent;
    margin-bottom: 5px
}

.popover-content {
    line-height: 16px;
    padding: 0 0;
    color: #000;
    font-family: "Open Sans - Regular";
    font-size: 12px;
    font-weight: 400
}

.popover .popover-body p {
    font-size: 12px;
    color: #333;
    line-height: 18px
}

.popover .popover-body {
    padding: 0 0
}

.popover-content .green-clr {
    font-weight: 600
}

.refer-and-earn-modal .modaldiv {
    margin-top: 20px
}

.icon-refer-course-1 {
    height: 142px;
    width: 133px;
    display: inline-block
}

.icon-refer-course-1.icon-1 {
    background-position: -186px -1307px;
    margin-bottom: 20px
}

.refer-and-earn-modal .modaldiv h3 {
    margin-bottom: 20px;
    font-weight: 700
}

.icon-refer-course-2 {
    height: 47px;
    width: 72px;
    display: inline-block
}

.icon-refer-course-2.icon-1 {
    background-position: -362px -1354px
}

.icon-refer-course-2.icon-2 {
    background-position: -467px -1354px
}

.icon-refer-course-2.icon-3 {
    background-position: -560px -1354px
}

.refer-and-earn-modal p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 25px;
    color: #666;
    margin-top: 15px
}

.refer-and-earn-modal .refer-msg {
    padding: 10px;
    background: #f1f1f2;
    border-radius: 4px
}

.refer-and-earn-modal .refer-earn-content {
    padding: 20px;
    background-color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.refer-and-earn-modal .social-icons {
    margin-top: 23px
}

.refer-and-earn-modal .social-icons a {
    width: auto;
    height: 24px;
    border-radius: 3px;
    line-height: 22px;
    margin-right: 3px;
    padding: 0px 20px 0px 10px;
    color: #fff;
    vertical-align: top;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
    display: inline-flex;
    overflow: hidden;
    align-items: center
}

.refer-and-earn-modal a i {
    margin-right: 5px;
    color: #fff;
    display: inline-block
}

.refer-and-earn-modal .bg-color-1 {
    background: linear-gradient(to top right, #ff953f 0%, #bf3d71 100%) !important
}

.refer-and-earn-modal .facebook {
    background-color: #3b5998
}

.refer-and-earn-modal .linkedin {
    background-color: #0077b5
}

.refer-and-earn-modal .twitter {
    background: #55acee
}

.refer-and-earn-modal .google {
    background: #dd4b39
}

.refer-and-earn-modal .line {
    background: #00c300
}

.refer-and-earn-modal .whatsapp {
    background-color: #34AF23
}

.icon-envelope {
    background-position: -735px -1380px;
    width: 14px;
    height: 10px
}

.icon-fb {
    background-position: -794px -1377px;
    width: 8px;
    height: 16px
}

.icon-in {
    background-position: -849px -1380px;
    width: 10px;
    height: 10px
}

.icon-tw {
    background-position: -903px -1379px;
    width: 14px;
    height: 12px
}

.icon-gogg {
    background-position: -959px -1378px;
    width: 14px;
    height: 14px
}

.icon-line {
    background-position: -678px -1377px;
    width: 16px;
    height: 16px
}

.icon-whats {
    background-position: -1015px -1378px;
    width: 14px;
    height: 14px
}

@media only screen and (min-width: 1650px) {
    .course-banner-1 .container-fluid,
    .course-banner-2 .container-fluid,
    .detail-sticky .container-fluid,
    .overview .container-fluid,
    .free-access-section .container-fluid,
    .refer-and-earn .container-fluid,
    .pattern-1 .container-fluid,
    .pattern-2 .container-fluid,
    .ssg-section.container-fluid,
    .ibf-section .container-fluid,
    .knolwedgehut-edge .container-fluid,
    .path-to-cert .path-to-cert-content .container-fluid,
    .course-concepts .container-fluid,
    .service-skills .container-fluid,
    .when .container-fluid,
    .corporate-section .corporate-section-content .container-fluid,
    .benefits .container-fluid,
    .welcome-everyone .container-fluid,
    .prerequisites .container-fluid,
    .curriculum .container-fluid,
    .instructor-main .container-fluid,
    .course-cert-faq .container-fluid,
    .reviews .container-fluid,
    .popular-courses .container-fluid,
    .bootcamp-programs .container-fluid,
    .city-content .container-fluid,
    .other-location .container-fluid,
    .path-to-cert .container-fluid,
    .detail-sidebar-sticky .container-fluid,
    .tuition-program-section .container-fluid,
    .tuition-fee-section .container-fluid,
    .ssg-section .container-fluid,
    .list-tuition-section .container-fluid,
    .social-rating .container-fluid {
        width: 1440px !important;
        margin: 0 auto;
        padding: 0
    }
    .refer-and-earn,
    .prerequisites,
    .knolwedgehut-edge,
    .course-concepts,
    .service-skills,
    .welcome-everyone,
    .curriculum,
    .reviews {
        padding-left: 85px;
        padding-right: 85px
    }
    .course-concepts .container-fluid,
    .curriculum .container-fluid,
    .reviews .container-fluid {
        padding-top: 64px;
        padding-bottom: 64px
    }
    .refer-and-earn .row,
    .service-skills .row,
    .prerequisites .row {
        margin: 0
    }
    .service-skills .container-fluid,
    .welcome-everyone .container-fluid {
        padding-top: 24px
    }
    .detail-sidebar {
        right: 0
    }
    .reviews::before {
        top: -50px
    }
    .pass-persentage-section .container-fluid {
        width: 1440px;
        margin: 0 auto
    }
    .banner-sticky {
        right: 0
    }
}

@media only screen and (max-width:1366px) {
    .course-banner-1,
    .course-banner-2,
    .overview,
    .free-access-section,
    .pattern-1,
    .pattern-2,
    .ssg-section,
    .ibf-section,
    .knolwedgehut-edge,
    .path-to-cert,
    .when,
    .corporate-section .corporate-section-content,
    .benefits,
    .instructor-main,
    .course-cert-faq,
    .popular-courses,
    .bootcamp-programs,
    .city-content,
    .other-location {
        padding-left: 55px;
        padding-right: 55px
    }
    .refer-and-earn,
    .course-concepts .container-fluid,
    .service-skills,
    .welcome-everyone .container-fluid,
    .prerequisites,
    .curriculum .container-fluid,
    .reviews .container-fluid {
        padding-left: 70px;
        padding-right: 70px
    }
    .detail-sticky .container-fluid {
        padding: 0
    }
    .detail-sticky {
        padding: 0
    }
    .detail-sidebar {
        right: 70px;
        width: 280px
    }
    .col-sm-70 {
        width: 74%;
        max-width: 74%;
        flex: auto
    }
    .col-sm-30 {
        width: 26%;
        max-width: 26%;
        flex: auto
    }
    .faq-segments {
        width: 280px
    }
    .detail-sticky .nav-horizontal {
        padding-left: 70px;
        padding-right: 70px
    }
}

.first-column .summary-column-cell {
    align-items: flex-start
}

@media only screen and (max-width:1300px) {
    .testimonial-slider .testimonial-container .testimonial .testimonial-para {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .refer-and-earn {
        padding: 24px 0px
    }
    .specialized-in li a {
        line-height: 18px !important;
        padding: 8px 12px !important;
        font-size: 11px
    }
    .detail-stick-top .mobile-enroll-dropdown {
        display: block
    }
    .schedule-thumb-summary {
        height: 420px
    }
    .emi-other-loc-schd .schedule-thumb-summary {
        height: 433px
    }
    .bootcamp-programs .course-thumb-summary {
        height: 400px !important
    }
    .editor-content table {
        display: block;
        width: 100% !important
    }
    .utap-tables-mobile-view {
        display: inline-block
    }
    .utap-tables-all-section,
    .utap-tables-section {
        display: none
    }
    .row-two {
        min-height: 75px
    }
    .row-two .sub-title {
        margin-bottom: 0 !important
    }
    #sfc-utap-1 .row-two {
        min-height: 35px
    }
    .reg-cell-content sup,
    .last-cell sup {
        margin: 0 2px 0 4px
    }
    .mbl-main-title {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        margin-top: 0px
    }
    .corporates-cell,
    .individuals-cell {
        margin-top: 24px;
        padding: 0 0 !important;
        text-align: left !important
    }
    #sfc-utap-1 .individuals-cell {
        padding: 0 0 !important
    }
    .utap-mobile-table {
        margin-top: 12px
    }
    .utap-mobile-table .first-cell {
        background-color: #fff;
        text-align: left;
        border-bottom: 1px solid #eee
    }
    .first-cell {
        background-color: #fff;
        border-radius: 4px 4px 0 0;
        padding: 16px 16px 13px 16px
    }
    .first-cell .box {
        text-align: left
    }
    .reg-cell {
        background-color: #fff;
        padding: 0 16px
    }
    .reg-cell-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 15px 0;
        height: 50px;
        border-bottom: 1px solid #eee
    }
    .reg-cell:last-child .reg-cell-content {
        border-bottom: 0px solid #000
    }
    .reg-cell-content p {
        color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px
    }
    .last-cell .value,
    .reg-cell-content .value {
        text-align: right;
        color: #000;
        font-size: 13px;
        font-weight: 600;
        position: relative
    }
    .last-cell .value.not-apply {
        min-width: 90px
    }
    .last-cell .value {
        color: #159833
    }
    .value.not-apply {
        color: #999;
        font-size: 13px;
        font-weight: 600
    }
    .last-cell p {
        padding-right: 20px;
        line-height: 19px
    }
    .sub-info-text {
        color: #999;
        font-size: 10px;
        font-weight: 400;
        line-height: 14px;
        display: block;
        min-width: 64px;
        position: absolute;
        right: 0
    }
    .last-cell {
        background-color: #d6e7d6;
        padding: 16px;
        border-radius: 0 0 4px 4px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .last-cell p {
        color: #333;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 700
    }
    .reg-cell-content p sup,
    .last-cell p sup {
        color: #111;
        font-size: 8px;
        font-weight: 400
    }
    .italic {
        font-style: italic
    }
    .note-points {
        padding-left: 11px
    }
    .utap-tables-mobile-view .popover-title {
        display: none
    }
    .utap-tables-mobile-view .popover .arrow {
        left: 140px !important
    }
    .mt-10 {
        margin-top: 10px
    }
    .global-filter-mobile {
        margin-bottom: 13px
    }
    .tuition-fee-section {
        padding: 40px 0 30px
    }
    .tuition-fee-slider.swiper-container {
        width: calc(100% + 30px);
        padding: 0px 15px;
        margin-left: -15px;
        margin-right: -15px
    }
}

@media only screen and (max-width: 576px) {
    .refer-and-earn {
        position: relative;
        padding: 24px 0px;
        background: #000
    }
    .refer-and-earn .container-fluid {
        position: unset
    }
    .refer-and-earn .refer-and-earn-content {
        margin: 0px;
        padding: 0px
    }
    .refer-and-earn .refer-and-earn-content .heading-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 16px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600
    }
    .refer-and-earn .refer-and-earn-content p {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 25px
    }
}

@media only screen and (min-width: 720px) and (max-width: 1280px) {
    .schedule-date span {
        font-size: 20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .course-cert-faq .course-cert-faq-summary {
        padding: 35px 0px
    }
    .faq-segments {
        display: none
    }
    .course-page-banner .course-banner-list {
        width: 100%
    }
    .course-page-banner .course-banner-buttons {
        right: 3%;
        top: 48%
    }
    .refer-earn,
    .refer-share .phone {
        display: none
    }
    .popup-video.modal video,
    .popup-video.modal #video {
        padding: 0px 25px
    }
    .benefits .b-left .custom-scroll {
        max-height: 100%;
        overflow-y: auto
    }
    .benefits .b-left {
        padding: 50px 20px 50px 20px
    }
    .lxp-new .swiper-container {
        padding-right: 25px
    }
    .sticky-menu .sticky-menu-content .sticky-menu-content-summary .swiper-container .swiper-wrapper .activescroll {
        color: #fff !important
    }
    .sticky-wrapper .sticky-menu-content-summary .activescroll:before {
        content: '';
        background-color: #fff !important;
        width: 20px;
        height: 4px;
        border-radius: 20px;
        position: absolute;
        bottom: -9px
    }
    .view-all-schedule .course-call-back {
        top: -86px;
        margin-bottom: 0rem;
        padding-left: 0px;
        right: 15px;
        position: absolute !important
    }
    .view-all-schedule {
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        display: flex
    }
    .global-tabs .col-xl-6 {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    select.form-control.right-align-icon {
        width: 320px
    }
    .instructor-main .instructor-item-thumb .instructor-item .media .media-body .inst-name {
        width: 100%
    }
    .process-thumb {
        padding: 0 10px
    }
    .process-thumb::before {
        right: 10px
    }
    .course-faq .course-faq-summary .faq-view-more .btn.btn-black .right-arrow {
        padding: 14px 0px 14px;
        width: 18px !important
    }
    .benefits {
        padding: 35px 15px
    }
    .benefits .b-right {
        padding: 30px 0px 30px 0px
    }
    .when .tab-content .swiper-button-next,
    .popular-courses-summary .swiper-button-next,
    .upcoming-events .upcoming-events-main .tab-content .swiper-button-next,
    .bootcamp-programs .swiper-button-next {
        right: -20px;
        display: none
    }
    .when .tab-content .swiper-button-prev,
    .popular-courses-summary .swiper-button-prev,
    .upcoming-events .upcoming-events-main .tab-content .swiper-button-prev,
    .bootcamp-programs .swiper-button-prev {
        left: -15px;
        display: none
    }
    .bootcamp-programs {
        padding: 50px 15px
    }
    .bootcamp-programs .swiper-button-next {
        right: -20px
    }
    .bootcamp-programs .swiper-button-prev {
        left: -20px
    }
    .process {
        padding: 35px 15px
    }
    .popular-courses {
        padding: 35px 15px
    }
    .course-faq,
    .course-cert-faq,
    .customer-reviews {
        padding: 35px 25px
    }
    .upcoming-events {
        padding: 0px 25px
    }
    .city-content {
        padding: 50px 25px 30px
    }
    .course-banner-1 {
        background-image: url('public/frontend/java/assets/images/SALESFORCE 1.PNG') !important;
    }
    .course-banner-1 .breadcrumb,
    .course-banner-2 .breadcrumb,
    .detail-sticky-overview,
    .detail-sidebar {
        display: none !important
    }
    .course-banner-1 .col-md-7,
    .course-banner-2 .col-md-7 {
        max-width: 100%;
        width: 100%;
        flex: 0 0 100%
    }
    .col-sm-70 {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    .course-banner-1,
    .course-banner-2,
    .overview,
    .free-access-section,
    .pattern-1,
    .pattern-2,
    .ssg-section,
    .ibf-section,
    .knolwedgehut-edge,
    .path-to-cert,
    .when,
    .corporate-section .corporate-section-content,
    .benefits,
    .instructor-main,
    .course-cert-faq,
    .popular-courses,
    .bootcamp-programs,
    .city-content,
    .other-location {
        padding-left: 0;
        padding-right: 0
    }
    .refer-and-earn,
    .course-concepts .container-fluid,
    .service-skills,
    .welcome-everyone .container-fluid,
    .prerequisites,
    .curriculum .container-fluid,
    .reviews .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
    .when {
        padding: 24px 0 !important
    }
    .global-tabs {
        padding-bottom: 30px;
        padding-top: 16px
    }
    .global-tabs .right-side {
        position: absolute;
        right: 15px;
        top: -18px
    }
    .flow ul li {
        width: 134px
    }
    .flow-right-dv img {
        width: 100%
    }
    .flow-details h4 {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 1024px) {
    .social-footer-summary {
        padding-top: 20px
    }
    .sticky-menu .sticky-menu-content ul li a.activescroll {
        color: #000;
        font-weight: 600 !important
    }
    .course-faq .course-faq-summary {
        padding: 25px 15px
    }
    .course-faq .course-faq-summary h2 {
        font-size: 34px;
        line-height: 46px
    }
    .course-faq .course-faq-summary .card .card-header {
        padding-bottom: 22px;
        padding-top: 22px
    }
    .course-faq .course-faq-summary .card .card-header .card-link {
        font-size: 16px
    }
    .course-faq .course-faq-summary .card .card-body {
        font-size: 14px;
        padding-bottom: 22px
    }
    .course-faq .course-faq-summary .faq-view-more {
        padding-top: 22px
    }
    .customer-reviews .customer-reviews-summary {
        padding: 25px 15px
    }
    .customer-reviews .customer-reviews-summary h2 {
        font-size: 34px;
        line-height: 46px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .customer-reviews-theory {
        padding-top: 10px;
        padding-bottom: 17px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content h3 {
        font-size: 16px;
        padding-bottom: 10px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content p {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 20px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .pune-text {
        font-size: 13px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .media {
        padding-top: 0px
    }
    .training-corporate {
        padding: 30px 15px
    }
    .not-sure {
        padding: 30px 25px
    }
    .not-sure .not-sure-theory p {
        max-width: 340px
    }
    .not-sure .not-sure-button {
        padding-bottom: 40px;
        position: relative;
        left: 30%;
        width: 70%
    }
    .upcoming-events .upcoming-events-main .tab-content .upcoming-events-summary .upcoming-events-content {
        width: 270px
    }
    .upcoming-events .upcoming-events-main .tab-content .upcoming-events-summary .upcoming-events-content h3 {
        font-size: 30px;
        line-height: 40px;
        max-width: 245px
    }
    .upcoming-events .upcoming-events-main .tab-content .upcoming-events-summary .upcoming-events-content p {
        max-width: 270px
    }
    .course-modules {
        padding: 0 !important;
        border: 0 none !important
    }
    .course-modules h3 {
        margin: 0;
        line-height: normal
    }
    .module-descr {
        padding-top: 0
    }
    .course-call-back {
        position: relative !important;
        text-align: center;
        top: 20px
    }
    .benefits .b-left .custom-scroll {
        padding-right: 0
    }
    .bootcamp-programs .course-thumb-summary {
        height: 430px !important
    }
    .lxp-new {
        padding: 0px 15px
    }
    .lxp-new .lxp-sub-left {
        padding: 120px 20px;
        height: 480px
    }
    .lxp-new .lxp-sub-left h2 {
        font-size: 36px;
        line-height: 50px
    }
    .lxp-new .lxp-sub-left p {
        max-width: 380px;
        font-size: 16px
    }
    .lxp-new .lxp-sub-right {
        padding-left: 0
    }
    .lxp-new .lxp-sub-right h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 24px;
        line-height: 28px;
        max-width: 100%;
        padding-top: 25px;
        padding-bottom: 10px
    }
    .lxp-new .lxp-sub-right p {
        max-width: 325px;
        padding-top: 15px
    }
    .lxp-new .lxp-sub-right .know-more {
        padding-top: 20px;
        text-transform: uppercase
    }
    .swiper-container-vertical>.swiper-pagination-bullets {
        right: 0
    }
    .lxp-new .lxp-sub-right {
        padding-top: 30px;
        height: 490px
    }
    .global-tabs .right-side {
        margin-bottom: 1rem
    }
    .when {
        padding: 35px 15px
    }
    .trainer-modal .modal-dialog {
        margin-top: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .social-footer-summary {
        padding-top: 0
    }
    .schedule-date span {
        font-size: 17px;
        line-height: 24px
    }
    .schedule-thumb {
        padding: 10px 10px 0
    }
    .schedule-location .schedule-select-location {
        overflow: hidden
    }
    .schedule-thumb .course-cost {
        font-size: 20px
    }
    .badge-minheight .offer-badge-one {
        position: absolute;
        left: 12px;
        right: auto;
        top: 38px
    }
    .badge-minheight .offer-badge-two {
        position: absolute;
        border-radius: 25px;
        padding: 3px 16px;
        right: 12px;
        top: 38px
    }
    .schedule-thumb .badge {
        margin-bottom: 10px
    }
    .badge-minheight {
        height: 40px
    }
    .course-page-banner .container-fluid .row .col-xl-6 {
        width: 50% !important
    }
    .course-thumb {
        padding: 32px 12px 0
    }
    .course-thumb .course-content li {
        padding-left: 15px
    }
    .lxp-new .lxp-sub-right {
        height: 500px
    }
    .lxp-new .lxp-sub-left {
        height: 500px
    }
    .instructor-main .instructor-item-thumb .instructor-item .media .media-body .inst-name {
        white-space: normal
    }
    .sticky-menu .sticky-menu-content .sticky-menu-content-summary .swiper-container .swiper-wrapper .activescroll {
        color: #000 !important
    }
    .sticky-wrapper .sticky-menu-content-summary .activescroll:before {
        content: '';
        background-color: #000 !important;
        width: 20px;
        height: 4px;
        border-radius: 20px;
        position: absolute;
        bottom: -9px
    }
    .schedule-location .schedule-select-location {
        width: 100%
    }
    .global-tabs {
        padding: 20px 0px
    }
}

.ever-webinar-modal .layout-icons {
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/icon-sprite.svg');
    background-repeat: no-repeat;
    display: inline-block
}

.web-loader {
    border: 4px solid #999;
    border-radius: 50%;
    border-top: 4px solid #000;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 50px auto
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.otp-verification .back-to-modal {
    left: 0;
    top: -2px
}

.back-to-modal {
    position: absolute;
    left: 55px;
    top: 42px
}

.ever-webinar-modal .back-to-modal:after {
    content: "\2190";
    font-size: 22px;
    font-weight: 800;
    color: #fff
}

.ever-webinar-modal .modal-dialog {
    position: relative;
    display: table;
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
    max-width: 982px
}

.ever-webinar-modal .modal-dialog .modal-content {
    border-radius: 8px
}

.ever-webinar-modal .modal-dialog .modal-body {
    padding: 0;
    border-radius: 8px
}

.ever-webinar-modal .main-details>.row>.col-md-5:first-child {
    background: #3E3A8A;
    padding-right: 0 !important;
    border-radius: 8px
}

.ever-webinar-modal .course-part {
    background-color: #3E3A8A;
    padding: 24px 27px 24px 9px;
    height: 100%;
    width: 429px
}

.ever-webinar-modal .course-part ul {
    display: flex
}

.ever-webinar-modal .course-part h4 {
    color: #FFF;
    margin: 12px 0 32px;
    line-height: 27px;
    font-weight: 700;
    font-size: 20px
}

.ever-webinar-modal .course-part ul li {
    padding-right: 0px;
    padding-bottom: 8px
}

.ever-webinar-modal .course-part ul li h6 {
    margin: 8px 0 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    color: #fff
}

.ever-webinar-modal .course-part ul li span {
    display: inline-block;
    max-width: 154px;
    padding-right: 28px;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.6)
}

.ever-webinar-modal .course-part ul li:first-child img {
    margin-left: 6px
}

.ever-webinar-modal .course-part p {
    max-width: 396px;
    margin: 24px 0 48px;
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    line-height: 18px
}

.ever-webinar-modal .course-part .bottom {
    border-top: 2px solid #514DA1;
    padding: 24px 0 17px
}

.ever-webinar-modal .course-part .bottom .media h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #FFF
}

.ever-webinar-modal .course-part .bottom .media span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #FFF
}

.ever-webinar-modal .course-part .bottom .media-body {
    padding-left: 10px
}

.ever-webinar-modal .all-slots-form {
    padding: 24px 24px 24px 32px;
    background: #fff;
    border-radius: 8px;
    height: 100%
}

.ever-webinar-modal .choose-slot {
    border: 1px solid #252A79;
    border-radius: 12px;
    height: 231px
}

.ever-webinar-modal .choose-slot .slot-card {
    border-radius: 12px;
    padding: 0 0px 8px
}

.ever-webinar-modal .choose-slot .slot-card .header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px;
    border-bottom: 1px solid #514DA1;
    background-color: #252A79
}

.ever-webinar-modal .choose-slot .slot-card h3 {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #FFF
}

.ever-webinar-modal .choose-slot .select-schedule {
    display: flex;
    align-items: center;
    padding: 17px 24px
}

.ever-webinar-modal .choose-slot .schedule-timer {
    display: flex;
    justify-content: start;
    position: relative
}

.ever-webinar-modal .choose-slot .schedule-timer p {
    margin-top: 4px;
    margin-right: 10px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.ever-webinar-modal .choose-slot .schedule-timer img {
    position: absolute;
    right: -34px;
    top: 36%
}

.ever-webinar-modal .start-counter {
    display: flex;
    align-items: center
}

.ever-webinar-modal .single-countdown {
    margin: 0;
    position: relative;
    text-align: center;
    ;
    width: 38px !important
}

.ever-webinar-modal .single-countdown::before {
    position: absolute;
    content: none;
    color: #fff;
    font-weight: bold;
    width: 12px;
    right: -32px;
    top: 4px;
    height: 23px;
    z-index: 2
}

.ever-webinar-modal .single-countdown h2 {
    width: 24px;
    background: #252A79;
    padding: 4px 5px;
    border-radius: 4px;
    margin: 0 4px;
    margin-bottom: 2px !important;
    text-align: center;
    display: inline-block;
    color: #fff;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif !important
}

.ever-webinar-modal .single-countdown span {
    text-transform: capitalize;
    text-align: center;
    display: block;
    position: relative;
    margin-right: 0px;
    font-size: 10px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400
}

.ever-webinar-modal .single-countdown:first-child {
    margin-right: 12px
}

.ever-webinar-modal .radio-select {
    padding: 0px 24px
}

.ever-webinar-modal .radio-select .radio-inline {
    position: relative;
    display: block;
    padding-left: 0 !important
}

.ever-webinar-modal .radio-select .radio-inline input {
    position: absolute
}

.ever-webinar-modal .radio-select .radio-inline label {
    width: 218px;
    padding: 0px 16px;
    display: inline-flex;
    height: 38px;
    align-items: center;
    margin-bottom: 16px;
    border-radius: 40px;
    border: 1px solid #D3DCE7;
    padding-left: 36px;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

.ever-webinar-modal .radio-select .radio label::before {
    outline: 0 !important;
    width: 17px;
    height: 17px;
    left: 32px;
    top: 10px;
    margin-left: -20px;
    border: 1px solid #ddd;
    background-color: transparent
}

.ever-webinar-modal .radio-select .radio label::after {
    width: 11px;
    height: 11px;
    left: 35px;
    top: 13px;
    margin-left: -20px;
    background-color: #252A79
}

.ever-webinar-modal .radio-select .radio-success input[type="radio"]:checked+label::before {
    outline: 0 !important;
    border-color: #252A79 !important
}

.ever-webinar-modal .radio-select .radio-success input[type="radio"]:checked+label::after {
    background-color: #252A79;
    border: 0 !important
}

.ever-webinar-modal .radio-select .label:first-child,
.ever-webinar-modal .radio-select .radio-inline>label:nth-child(3) {
    margin-right: 13px
}

.ever-webinar-modal .radio-select input[type="radio"]:checked+label {
    color: #111 !important;
    border-color: #252A79 !important
}

.ever-webinar-modal .radio-select input[type="radio"]:checked+label:before {
    border-color: #252A79 !important;
    outline: 0 !important
}

.ever-webinar-modal .custom-checkbox .opt-label {
    color: #fff;
    padding-left: 28px
}

.ever-webinar-modal .checkmark {
    height: 16px;
    width: 16px
}

.ever-webinar-modal .radio-select .radio-inline label.lable-mr {
    margin-right: 12px
}

.ever-webinar-modal .radio-select .radio-inline.selected {
    border-color: #252A79 !important
}

.ever-webinar-modal .slot-form-label {
    position: absolute;
    top: -18px;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 4px
}

.ever-webinar-modal .user-form-details {
    margin-top: 42px
}

.ever-webinar-modal .user-form-details .form-group {
    margin-bottom: 46px
}

.ever-webinar-modal .option-btn .form-group {
    margin-bottom: 0 !important
}

.ever-webinar-modal .global-form form .form-group .floating-label {
    padding: 0 !important;
    left: 0 !important;
    top: -22px !important;
    color: #fff !important;
    background: transparent !important
}

.ever-webinar-modal .global-form form .form-group .inputText.required:focus:invalid~.floating-label {
    padding: 0;
    left: 0;
    top: -22px;
    color: #fff !important;
    background: transparent !important
}

.ever-webinar-modal .global-form form .form-control {
    background-color: #fff !important
}

.ever-webinar-modal .col-md-6:first-child,
.ever-webinar-modal .col-md-6:nth-child(3) {
    padding-right: 8px !important
}

.ever-webinar-modal .col-md-6:nth-child(2),
.ever-webinar-modal .col-md-6:nth-child(4) {
    padding-left: 8px !important
}

.ever-webinar-modal .custom-checkbox {
    margin-top: 0;
    display: inline-block
}

.ever-webinar-modal .checkmark {
    top: 4px;
    height: 14px;
    width: 14px;
    border-radius: 2px
}

.ever-webinar-modal .custom-checkbox input:checked~.checkmark {
    border-radius: 2px;
    background: #586FEB
}

.ever-webinar-modal .custom-checkbox .checkmark:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    top: 2px;
    left: 5px;
    height: 7px;
    width: 4px
}

.ever-webinar-modal .custom-checkbox .opt-label {
    display: inline-block;
    padding-left: 28px;
    text-align: left;
    line-height: 18px;
    color: #666
}

.ever-webinar-modal .global-form form .whatsapp-option.form-group {
    margin-bottom: 0px
}

.ever-webinar-modal p.submit-agree {
    margin-top: 12px;
    line-height: 18px !important;
    font-size: 12px !important;
    color: #666 !important;
    font-weight: normal !important;
    display: inline-block;
    text-align: left
}

.ever-webinar-modal p.submit-agree a,
.ever-webinar-modal .modal-dialog p.submit-agree a:hover {
    color: #586FEB !important;
    text-decoration: none !important
}

.ever-webinar-modal .mt-20 {
    margin-top: 20px !important
}

.ever-webinar-modal .btn-success {
    white-space: nowrap;
    background: linear-gradient(159.97deg, #FF702A -88.89%, #C507C9 206.49%) !important;
    padding: 8px 24px !important;
    line-height: 24px !important
}

.ever-webinar-modal .btn-success::before {
    content: none
}

.ever-webinar-modal .option-btn {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ever-webinar-modal .global-form form .contact-number-full .form-control.isd-code {
    border-color: #ddd;
    background: rgba(255, 255, 255, 0) !important
}

.ever-webinar-modal .global-form form .form-control::placeholder {
    font-size: 13px
}

.ever-webinar-modal .global-form form .contact-number-full .form-group.isd-select {
    width: 28%;
    margin-bottom: 0 !important
}

.ever-webinar-modal .global-form form .contact-number-full .inputText.form-control {
    padding-left: calc(28% + 16px) !important
}

.ever-webinar-modal .global-form form .contact-number-full .form-group .floating-label {
    left: calc(28% + 10px) !important
}

.ever-webinar-modal .global-form form .contact-number-full .form-control:focus~.floating-label {
    padding-left: 6px !important
}

.ever-webinar-modal .global-form form .contact-number-full .inputText.required:not(:focus):valid~.floating-label {
    left: calc(28% + 10px) !important;
    padding-left: 6px !important
}

.ever-webinar-modal form .select-options>.customize-select {
    border: 0 !important
}

.ever-webinar-modal .isd-select .bootstrap-select>.dropdown-toggle {
    padding: 10px 23px 10px 14px
}

.ever-webinar-modal .global-form form .email-group {
    margin-bottom: 40px !important
}

.ever-webinar-modal .contact-number-full i {
    position: absolute;
    display: inline-block;
    pointer-events: none;
    right: 9px;
    top: 14px !important
}

.ever-webinar-modal .to-close {
    position: absolute;
    right: 8px;
    top: 2px;
    z-index: 2;
    cursor: pointer
}

.ever-webinar-modal .ever-icons {
    background: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/ever_webinar/ever-web-sprite.png") no-repeat center;
    display: inline-block
}

.ever-webinar-modal .web-icon-clock {
    background-position: -205px -110px;
    width: 18px;
    height: 19px
}

.ever-webinar-modal .web-icon-video {
    background-position: -629px -111px;
    width: 25px;
    height: 19px
}

.ever-webinar-modal .web-icon-calender {
    background-position: -76px -111px;
    width: 17px;
    height: 23px
}

.ever-webinar-modal .web-modal-close {
    background-position: -39px -113px;
    width: 15px;
    height: 15px
}

.ever-webinar-modal .web-icon-calender-dark {
    background-position: -118px -107px;
    width: 22px;
    height: 24px
}

.ever-webinar-modal .web-icon-dropdown {
    background-position: -164px -113px;
    width: 13px;
    height: 12px
}

.ever-webinar-modal .otp-verification {
    padding: 64px 0 26px 24px;
    height: 100%;
    background: #3E3A8A;
    position: relative
}

.ever-webinar-modal .otp-check {
    padding-left: 24px;
    border-left: 2px solid #514DA1;
    padding-top: 24px;
    height: 75%
}

.ever-webinar-modal .otp-verification .head-one {
    padding-bottom: 24px
}

.ever-webinar-modal .otp-verification .head-one p {
    margin-bottom: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.144261px
}

.ever-webinar-modal .otp-verification .head-one p .phn-number {
    font-weight: 700
}

.ever-webinar-modal .otp-verification .declare-txt {
    display: flex;
    align-items: center;
    justify-content: center
}

.ever-webinar-modal .otp-verification h5 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    line-height: 27px;
    margin-bottom: 16px
}

.ever-webinar-modal .otp-verification i {
    position: absolute;
    display: inline-block;
    margin-right: 8px;
    left: 0px
}

.ever-webinar-modal .otp-verification .declare-txt span {
    padding-left: 28px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #FFF
}

.ever-webinar-modal .otp-verification .declare-txt span:first-child {
    border-right: 1px solid #fff;
    padding-right: 12px
}

.ever-webinar-modal .otp-verification .declare-txt span:nth-child(2) {
    margin-left: 12px
}

.ever-webinar-modal .otp-verification .input-container {
    padding: 1px;
    background-color: #fff;
    width: 205px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #DDD
}

.ever-webinar-modal .otp-verification .input-container .form-control {
    height: 48px;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
    border: 0
}

.ever-webinar-modal .otp-verification .opt-label {
    color: #fff !important
}

.ever-webinar-modal .otp-verification .option-btn {
    padding-right: 24px;
    position: absolute;
    bottom: 26px;
    width: 100%;
    left: 48px
}

.ever-webinar-modal .otp-verification .option-btn .form-group {
    margin-bottom: 0
}

.ever-webinar-modal .otp-verification .edit-lnk {
    line-height: 16px;
    margin-left: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #FFDA15;
    display: inline-block;
    position: relative
}

.ever-webinar-modal .otp-verification .edit-lnk img {
    margin-right: 5px;
    vertical-align: middle
}

.ever-webinar-modal .otp-verification .btn-success {
    margin-right: 48px;
    padding: 9px 58px 13px 24px !important;
    line-height: 19px !important
}

.ever-webinar-modal .otp-verification .btn-success:before {
    content: "";
    position: absolute;
    background: url("../images/coupon-btn-arrow.png") no-repeat;
    width: 17px;
    height: 17px;
    right: 24px;
    top: 50%;
    transform: translateY(-50%)
}

.ever-webinar-modal .otp-verification input:focus::placeholder {
    color: transparent;
    opacity: 0
}

.ever-webinar-modal .otp-verification input::placeholder {
    height: 2px;
    width: 7px;
    color: #181822 !important
}

.book-free-demo {
    padding-top: 60px
}

.ever-webinar-modal .enter-otp {
    max-width: 250px;
    margin: 0 auto
}

.ever-webinar-modal .enter-otp h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #fff
}

.ever-webinar-modal .enter-otp .global-form {
    margin-top: 38px
}

.ever-webinar-modal .enter-otp .global-form .slot-form-label {
    left: 0
}

.ever-webinar-modal .resend-code-text {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    margin-bottom: 16px
}

.ever-webinar-modal .resend-code-text .number {
    color: #FFDA15
}

.ever-webinar-modal .resend-code-text a {
    color: #FFFFFF !important
}

.ever-webinar-modal .web-part-two,
.ever-webinar-modal .web-part-one {
    max-width: 982px;
    width: 982px
}

.ever-webinar-modal .web-part-two .col-md-5:first-child,
.ever-webinar-modal .web-part-one .col-md-5:first-child {
    background-color: #3E3A8A;
    border-radius: 8px
}

.ever-webinar-modal .webinar-success-popup {
    text-align: center;
    padding: 48px;
    max-width: 570px;
    margin: 0 auto
}

.ever-webinar-modal .webinar-success-popup img {
    padding-bottom: 6px
}

.ever-webinar-modal .webinar-success-popup h6 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    margin-bottom: 12px
}

.ever-webinar-modal .webinar-success-popup p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 4px;
    line-height: 21px
}

.ever-webinar-modal .webinar-success-popup .s-top-dv p {
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px
}

.ever-webinar-modal .webinar-success-popup a {
    color: #D85E59;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.ever-webinar-modal .webinar-success-popup .join-link h6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #FFF;
    margin-bottom: 16px
}

.ever-webinar-modal .webinar-success-popup .join-link p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #FFF;
    margin: 16px 0 0
}

.copy-link-form .form-control:focus~.copy-link-form .input-group {
    border: none !important
}

.copy-link-form .input-group {
    margin-bottom: 5px;
    border: 1px dashed #3E3A8A;
    border-radius: 4px
}

.copy-link-form .input-group .form-control {
    outline: none !important;
    height: 41px;
    border: 0;
    background-color: #F9F9F9;
    padding: 11px 12px;
    color: #231F20;
    font-size: 13px;
    line-height: 20px
}

.copy-link-form .input-group-addon {
    padding: 0;
    border: 0
}

.copy-link-form .input-group-addon .btn {
    color: #EC3957 !important;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    box-shadow: none;
    background-color: #F9F9F9;
    height: 100%;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-radius: 4px
}

.ever-webinar-modal .join-link {
    padding: 24px 0;
    border-top: 1px solid #4B47A3;
    border-bottom: 1px solid #4B47A3
}

.webinar-success-page {
    border-radius: 8px;
    width: 570px;
    max-width: 570px;
    text-align: center;
    padding: 24px 24px 33px;
    background-color: #fff;
    margin: 0 auto;
    position: relative
}

.webinar-success-page .black-close-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url('./../images/close-icon-black.png');
    position: absolute;
    right: 18px;
    top: 18px;
    background-repeat: no-repeat;
    background-position: center center
}

.webinar-success-page .divider {
    background-color: #eee;
    height: 1px;
    width: 100%;
    display: block;
    margin: 24px 0
}

.webinar-success-page .gif-image {
    overflow: hidden;
    margin: 8px auto 24px auto
}

.webinar-success-page .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #333
}

.webinar-success-page .help-text {
    margin-top: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #666;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto
}

.webinar-success-page .join-text {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #333
}

.webinar-success-page .social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px
}

.webinar-success-page .webinar-link-field {
    background: #F9F9F9;
    border: 1px dashed #111;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px 11px 16px;
    height: 41px;
    margin: 16px 0
}

.webinar-success-page .webinar-link-field .webinar-link {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #231F20;
    border: none;
    display: flex;
    width: 80%;
    box-shadow: none;
    outline: none;
    background: transparent;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.webinar-success-page .webinar-link-field .copy-text {
    font-weight: 700;
    min-width: 75px;
    font-size: 14px;
    line-height: 19px;
    color: #EC3957;
    cursor: pointer;
    display: block
}

.webinar-success-page .link-for-demo {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666
}

.webinar-success-page .free-demo-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #333
}

.webinar-success-page .timelines {
    justify-content: center;
    display: flex;
    margin-top: 24px;
    margin-bottom: 33px
}

.webinar-success-page .date-stamp {
    display: inline-flex;
    align-items: center
}

.webinar-success-page .timelines .date-stamp:first-child {
    margin-right: 12px
}

.webinar-success-page .timelines .date-stamp:last-child {
    border-left: 1px solid #999;
    padding-left: 12px
}

.webinar-success-page .timelines .date-stamp {
    display: inline-flex;
    align-items: center
}

.webinar-success-page .timelines .date-stamp .calender-icon {
    background-position: -334px -1609px;
    width: 15px;
    height: 16px;
    min-width: 15px;
    margin-right: 0
}

.webinar-success-page .timelines .date-stamp .alarm-grey-icon {
    background-position: -394px -1609px;
    width: 17px;
    height: 16px;
    min-width: 17px
}

.webinar-success-page .timelines .date-stamp .stamp-text {
    margin-left: 7px;
    padding-top: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #333;
    text-align: left
}

.webinar-success-page .timelines .date-stamp .starts-in-text {
    color: #33AB3F
}

.webinar-success-page .btn-success {
    background: linear-gradient(164.22deg, #FF702A -101.29%, #C507C9 213%)
}

.web-schedule-demo {
    padding: 24px 0px;
    text-align: center
}

.web-schedule-demo .head-one {
    padding-bottom: 24px;
    border-bottom: 1px solid #4B47A3
}

.web-schedule-demo .declare-txt {
    display: flex;
    align-items: center;
    justify-content: center
}

.web-schedule-demo h5 {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #FFF;
    line-height: 21px;
    margin-bottom: 24px
}

.web-schedule-demo i {
    position: absolute;
    display: inline-block;
    margin-right: 8px;
    left: 0px
}

.web-schedule-demo .declare-txt span {
    padding-left: 28px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #FFF
}

.web-schedule-demo .declare-txt span:first-child {
    border-right: 1px solid #fff;
    padding-right: 12px
}

.web-schedule-demo .declare-txt span:nth-child(2) {
    margin-left: 12px
}

.ever-webinar-modal .schedule-date {
    max-width: 216px;
    margin: 33px auto 0;
    text-align: center
}

.web-schedule-demo .head-two .btn-success {
    margin-top: 12px
}

.web-schedule-demo .schedule-date .form-group {
    position: relative
}

.ever-webinar-modal .schedule-date .form-group .select-options {
    position: relative
}

.ever-webinar-modal .schedule-date .form-group .web-icon-calender-dark {
    top: 6px;
    left: 8px
}

.ever-webinar-modal .schedule-date .form-group .form-control {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    text-align: center;
    cursor: pointer
}

.ever-webinar-modal .schedule-date .form-group:after {
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 12px;
    content: "";
    background: url(../images/ever-web-sprite.png) no-repeat;
    background-position: -164px -113px;
    width: 13px;
    height: 12px
}

.close:hover {
    opacity: 1 !important
}

.start-counter {
    padding-left: 12px
}

.starts-in-counter {
    display: flex !important;
    padding-left: 0 !important;
    align-items: center !important
}

.starts-in-counter .single-countdown h2 {
    margin-top: 20px;
    padding: 4px;
    display: inline-block !important
}

.starts-in-counter .single-countdown span {
    margin-left: 0 !important;
    padding-left: 0 !important;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400
}

.starts-in-counter .single-countdown:before {
    padding-top: 18px !important
}

.starts-in-counter .single-countdown {}

.ever-webinar-modal .radio input[type="radio"]:focus+label::before {
    outline: none !important
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ever-webinar-modal .otp-verification .back-to-modal {
    left: 0;
    top: 2px
}

.ever-webinar-modal .back-to-modal {
    position: absolute;
    left: 55px;
    top: 42px
}

.ever-webinar-modal .back-to-modal:after {
    content: "\2190";
    font-size: 22px;
    font-weight: 800;
    color: #fff
}

.ever-webinar-modal .custom-checkbox .opt-label.code-detail {
    color: #666 !important;
    line-height: 18px
}

.ever-webinar-modal .custom-checkbox .opt-label a {
    color: #586FEB !important
}

@media only screen and (max-width:576px) {}

@media only screen and (max-width:767px) {
    .ever-webinar-modal.modal.show .modal-dialog {
        transform: translate3d(0, 0, 0)
    }
    .ever-webinar-modal.modal.fade .modal-dialog {
        transform: translate3d(0, 100vh, 0)
    }
    .ever-webinar-modal .modal-content {
        border: 0 none;
        max-height: calc(100% - 68px);
        position: absolute;
        overflow-y: scroll;
        bottom: 0
    }
    .ever-webinar-modal .isd-select .bootstrap-select>.dropdown-toggle {
        padding-left: 16px !important
    }
    .ever-webinar-modal .choose-slot .schedule-timer {
        position: relative
    }
    .ever-webinar-modal .modal-content {
        border: 0 !important
    }
    .ever-webinar-modal .modal-dialog {
        width: 100%;
        margin: 0;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 100%
    }
    .web-part-one>.row,
    .web-part-two>.row {
        margin: 0
    }
    .web-part-one .row .col-md-7,
    .web-part-two .row .col-md-7 {
        padding: 0
    }
    .ever-webinar-modal .modal-dialog .modal-body {
        padding: 0px !important;
        border-radius: 4px
    }
    .ever-webinar-modal .web-part-two,
    .ever-webinar-modal .web-part-one {
        width: 100% !important;
        max-width: 100% !important
    }
    .ever-webinar-modal .course-part ul {
        display: none
    }
    .ever-webinar-modal .course-part h4 {
        padding-bottom: 12px;
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 12px;
        border-bottom: 1px solid #4B47A3
    }
    .ever-webinar-modal .all-slots-form {
        padding: 2px !important
    }
    .ever-webinar-modal .choose-slot {
        height: auto !important
    }
    .ever-webinar-modal .choose-slot .slot-card {
        padding-bottom: 2px;
        border-radius: 4px;
        border: 0 !important;
        background-color: transparent !important
    }
    .ever-webinar-modal .choose-slot {
        background-color: transparent !important;
        border-radius: 4px;
        border: 1px solid #252A79
    }
    .ever-webinar-modal .choose-slot .slot-card .header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border: 0 !important;
        padding: 7px 0
    }
    .ever-webinar-modal .choose-slot .slot-card .header h3 {
        border: 0
    }
    .ever-webinar-modal .choose-slot .select-schedule {
        margin-top: 12px;
        padding: 0 10px !important;
        margin-bottom: 11px
    }
    .ever-webinar-modal .radio-select {
        padding: 0 10px !important
    }
    .ever-webinar-modal .option-btn {
        width: 100%;
        text-align: center;
        display: block;
        margin-bottom: 12px
    }
    .ever-webinar-modal .option-btn .form-group {
        text-align: left !important
    }
    .ever-webinar-modal p.submit-agree {
        text-align: center;
        margin-top: 0
    }
    .ever-webinar-modal .user-form-details {
        padding: 0 18px;
        margin-top: 36px !important
    }
    .ever-webinar-modal .col-md-6:first-child {
        padding-right: 0 !important
    }
    .ever-webinar-modal .col-md-6:nth-child(2) {
        padding-left: 0 !important;
        padding-right: 15px !important
    }
    .ever-webinar-modal .col-md-6:first-child .form-control {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
    .ever-webinar-modal .col-md-6:nth-child(2) .form-control {
        border-left: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
    .ever-webinar-modal .col-md-6:nth-child(3) {
        padding-right: 15px !important
    }
    .ever-webinar-modal .col-md-6:nth-child(4) {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .ever-webinar-modal .global-form form .btn-success {
        text-align: center;
        display: block;
        width: 100%
    }
    .ever-webinar-modal .slot-form-label {
        top: -9px;
        left: 12px;
        z-index: 1;
        padding: 0 4px;
        background: #fff
    }
    .ever-webinar-modal .contact-number-full .slot-form-label {
        left: 34%
    }
    .ever-webinar-modal .radio-select .radio-inline input {
        position: absolute
    }
    .ever-webinar-modal .radio-select .radio-inline label {
        width: 100% !important;
        margin-right: 4px !important;
        margin-bottom: 8px;
        height: 36px
    }
    .ever-webinar-modal .radio-select .radio label::before {
        top: 9px !important;
        width: 16px !important;
        height: 16px !important
    }
    .ever-webinar-modal .radio-select .radio label::after {
        top: 12px !important;
        width: 10px !important;
        height: 10px !important
    }
    .user-form-details .global-form {
        margin-top: 36px;
        margin-bottom: 8px
    }
    .ever-webinar-modal .global-form form .form-control {
        font-size: 13px;
        line-height: 20px;
        height: 40px
    }
    .ever-webinar-modal .custom-checkbox {
        margin-top: 0px !important
    }
    .ever-webinar-modal .global-form form .form-group {
        margin-bottom: 28px !important
    }
    .web-schedule-demo .declare-txt span:first-child {
        padding-left: 18px !important;
        padding-right: 6px !important
    }
    .starts-in-counter .single-countdown span {
        display: none
    }
    .web-schedule-demo i {
        top: -2px;
        left: -2px
    }
    .ever-webinar-modal .otp-check {
        height: auto;
        border-left: 0;
        padding-left: 0;
        padding-top: 0
    }
    .ever-webinar-modal .otp-verification .option-btn {
        position: relative;
        margin-top: 24px;
        left: 0;
        padding-right: 0
    }
    .ever-webinar-modal .otp-verification .btn-success {
        margin: 27px 0 0;
        display: block;
        text-align: center
    }
    .ever-webinar-modal .otp-verification .course-part {
        height: auto !important;
        padding-left: 0;
        padding-top: 12px;
        width: 100%
    }
    .ever-webinar-modal .otp-verification .course-part h4 {
        border: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
    .ever-webinar-modal .otp-verification .course-part p {
        margin-bottom: 18px;
        font-size: 10px;
        margin-top: 8px
    }
    .ever-webinar-modal .otp-verification .course-part .modal-para br {
        display: none
    }
    .ever-webinar-modal .otp-verification .course-part .bottom {
        padding-top: 0;
        padding-bottom: 24px;
        border-top: 0;
        border-bottom: 2px solid #514DA1
    }
    .ever-webinar-modal .course-part .bottom .media h6 {
        font-size: 10px;
        line-height: 12px
    }
    .ever-webinar-modal .course-part .bottom .media span {
        margin-top: 2px;
        font-size: 10px;
        line-height: 14px
    }
    .otp-verification {
        padding: 12px !important
    }
    .otp-verification h5 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 16px !important
    }
    .otp-verification .head-one {
        padding: 0
    }
    .otp-verification .declare-txt {
        padding: 16px 16px 8px;
        display: block;
        text-align: left !important;
        border-top: 1px solid #4B47A3
    }
    .otp-verification .declare-txt span {
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        border: 0 !important;
        margin-bottom: 16px
    }
    .otp-verification .declare-txt span:nth-child(2) {
        margin-left: 0 !important
    }
    .ever-webinar-modal .otp-verification .btn-success:before {
        right: 24%;
        transform: translate(-24%, -50%)
    }
    .web-schedule-demo .declare-txt span:nth-child(2) {
        margin-left: 6px !important
    }
    .book-free-demo {
        padding-top: 24px !important
    }
    .enter-otp {
        max-width: 100%
    }
    .book-free-demo .btn-success {
        position: relative !important;
        display: inline-block !important;
        width: auto !important;
        border-radius: 4px !important
    }
    .ever-webinar-modal .webinar-success-popup img {
        padding-bottom: 2px
    }
    .ever-webinar-modal .webinar-success-popup h6 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 16px
    }
    .ever-webinar-modal .webinar-success-popup {
        padding: 0
    }
    .ever-webinar-modal .webinar-success-popup .s-top-dv {
        padding-bottom: 24px
    }
    .ever-webinar-modal .webinar-success-popup p {
        margin-bottom: 0 !important;
        font-size: 16px !important;
        line-height: 24px !important
    }
    .copy-link-form .input-group {
        margin-bottom: 16px
    }
    .ever-webinar-modal .webinar-success-popup .join-link p {
        margin-bottom: 0 !important;
        font-size: 12px !important;
        line-height: 18px !important;
        font-weight: 400 !important
    }
    .web-schedule-demo h5 {
        font-size: 14px !important;
        line-height: 21px !important;
        margin-bottom: 16px !important
    }
    .web-schedule-demo .declare-txt span {
        font-size: 12px;
        line-height: 16px
    }
    .web-schedule-demo {
        padding: 24px 0
    }
    .starts-in-counter {
        display: inline-flex
    }
    .start-counter {
        padding-left: 0
    }
    .web-schedule-demo .declare-txt span {
        padding-left: 20px
    }
    .starts-in-counter .single-countdown {
        width: 16px;
        margin-right: 22px
    }
    .starts-in-counter .single-countdown h2 {
        margin-top: 6px;
        color: #EC3957 !important
    }
    .starts-in-counter .single-countdown::before {
        top: -8px;
        right: -25px;
        color: #EC3957 !important
    }
    .back-to-modal {
        left: 0;
        top: 18px
    }
    .ever-webinar-modal .webinar-success-page {
        padding: 22px 18px;
        width: 100%;
        border-radius: 0 !important
    }
    .ever-webinar-modal .webinar-success-page .title {
        font-size: 18px;
        line-height: 27px;
        color: #111
    }
    .ever-webinar-modal .webinar-success-page .help-text {
        margin-top: 16px
    }
    .webinar-success-page .webinar-link-field {
        margin-bottom: 16px
    }
    .webinar-success-page .timelines {
        margin-top: 16px
    }
    .free-demo-modal.tuition-modal .modal-body .ever-webinar-modal .webinar-success-page .divider {
        margin-bottom: 24px
    }
    .ever-webinar-modal .webinar-success-page .webinar-link-field .webinar-link {
        font-size: 12px;
        line-height: 20px
    }
    .ever-webinar-modal .webinar-success-page .webinar-link-field .copy-text {
        font-size: 12px;
        line-height: 16px
    }
    .ever-webinar-modal .webinar-success-page .timelines {
        margin-bottom: 24px
    }
    .ever-webinar-modal .webinar-success-page .timelines .date-stamp .stamp-text {
        font-size: 12px;
        line-height: 16px
    }
    .ever-webinar-modal .webinar-success-page .help-text {
        padding: 0 24px;
        margin-top: 16px;
        font-size: 16px;
        line-height: 24px;
        color: #333;
        font-weight: 400
    }
    .ever-webinar-modal .webinar-success-page .timelines .date-stamp .calender-icon {
        background-position: -682px -1610px;
        width: 12px;
        height: 14px
    }
    .ever-webinar-modal .webinar-success-page .timelines .date-stamp .alarm-grey-icon {
        background-position: -846px -1610px;
        width: 14px;
        height: 14px;
        min-width: 14px
    }
    .ever-webinar-modal .webinar-success-page .btn-success {
        font-size: 14px !important
    }
    .ever-webinar-modal .single-countdown:first-child {
        margin-right: 12px
    }
    .ever-webinar-modal .to-close {
        top: 8px !important
    }
    .ever-webinar-modal .webinar-success-page .link-for-demo+.divider {
        margin: 15px 0 33px !important
    }
    .webinar-success-page .gif-image {
        margin-top: 20px;
        margin-bottom: 6px;
        transform: scale(0.78)
    }
    .pmp-top-banner p {
        font-size: 12px;
        font-weight: 700;
        line-height: 16px
    }
    .offer-percentage img {
        width: 60px;
        height: 13px;
        position: absolute;
        top: -10px
    }
    .offer-cta .copy-txt {
        display: none
    }
    .offer-countdown {
        margin: 0;
        padding: 4px
    }
    .offer-cta {
        position: absolute;
        right: 10%;
        top: 20px
    }
    .offer-cta a {
        padding: 5px 22px 4px 2px;
        font-size: 12px
    }
    .offer-cta a img {
        right: 2px
    }
    .offer-cta a.code-after {
        padding-right: 2px !important
    }
    .offer-descr.d-block {
        display: flex !important;
        justify-content: space-between;
        padding: 0 16px
    }
    .offer-descr.d-block p {
        display: inline-flex;
        align-items: center;
        white-space: pre-wrap;
        width: 66%
    }
    .offer-descr.d-block .offer-cta {
        width: auto;
        right: auto;
        position: relative !important;
        top: auto;
        display: inline-flex
    }
    .offer-descr.d-block .offer-cta a {
        margin-left: 0
    }
    .reg-grey-txt {
        font-size: 11px !important;
        color: #666 !important
    }
    .schedule-hours-content span {
        font-size: 16px;
        line-height: 19px
    }
    .try-for-free .enroll-now {
        border: 1px solid #000;
        height: 50px
    }
    .schedule-dates-popover.popover {
        min-width: 300px
    }
    .money-back-popover.popover {
        min-width: 300px;
        margin-left: 8px;
        max-width: calc(100vw - 27px) !important
    }
    .schedule-dates-popover.popover li {
        width: 50%
    }
    .money-back-popover .popover-body h3 {
        font-weight: 600
    }
    .money-back-popover .popover-body p {
        font-size: 12px;
        line-height: 18px
    }
    .lxp-sub-right .img-fluid {
        height: 160px;
        object-fit: contain;
        margin: 0 auto;
        width: 100%
    }
    .popup-video.modal video,
    .popup-video.modal #video {
        height: auto
    }
    .contact-info {
        display: none
    }
    .popup-video.modal video,
    .popup-video.modal #video {
        padding: 0
    }
    .course-page-banner {
        padding: 40px 0 15px
    }
    .course-page-banner .course-banner-list {
        padding: 12px 0;
        padding-left: 15px;
        width: 100%
    }
    .course-page-banner .course-banner-list li {
        font-size: 13px;
        line-height: 21px
    }
    .course-page-banner .course-banner-review {
        display: block;
        padding: 0px
    }
    .course-page-banner .course-banner-review li {
        float: none;
        padding-bottom: 14px;
        margin-left: 0px
    }
    .course-page-banner .course-banner-review li.course-banner-rating {
        margin-left: -4px !important
    }
    .course-page-banner .course-banner-review li:last-child {
        padding-bottom: 0
    }
    .course-page-banner .course-banner-enroll {
        display: block
    }
    .course-page-banner .course-banner-enroll ul {
        padding-left: 0px
    }
    .course-page-banner h1 span {
        display: inline;
        font-size: 16px;
        line-height: 26px
    }
    .course-page-banner .container-fluid .row {
        flex-direction: column-reverse
    }
    .course-page-banner .course-banner-buttons a {
        margin-bottom: 50px
    }
    .course-page-banner .course-banner-enroll .btn.btn-black {
        margin-bottom: 20px;
        justify-content: center
    }
    .course-page-banner .accrediation-icons {
        padding: 0
    }
    .course-page-banner .course-banner-enroll {
        padding: 20px 0
    }
    .course-page-banner .course-banner-buttons {
        display: none;
        justify-content: center;
        padding: 0;
        transform: none
    }
    .course-page-banner .breadcrumb {
        display: none
    }
    .course-page-banner .course-banner-buttons li {
        padding-right: 0px
    }
    .course-page-banner .course-banner-buttons li {
        padding-bottom: 15px
    }
    .course-page-banner .course-banner-buttons li:last-child {
        padding-bottom: 0
    }
    .course-page-banner h1 {
        font-size: 28px;
        line-height: 37px
    }
    .course-faq {
        padding: 0px
    }
    .course-faq .course-faq-summary {
        padding: 20px 0px
    }
    .course-faq .course-faq-summary h2 {
        font-size: 28px;
        line-height: 37px
    }
    .course-faq .course-faq-summary .course-faq-content {
        padding-top: 26px
    }
    .course-faq .course-faq-summary .card .card-header .card-link {
        font-size: 14px;
        line-height: 22px
    }
    .course-faq .course-faq-summary .card .card-body {
        font-size: 14px;
        padding-bottom: 12px
    }
    .course-faq .course-faq-summary .card .card-header {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .course-faq .course-faq-summary .faq-view-more {
        float: none;
        padding-top: 0px
    }
    .customer-reviews {
        padding: 25px 0 0px
    }
    .customer-reviews .customer-reviews-summary {
        padding: 0px 0px 20px
    }
    .customer-reviews .customer-reviews-summary h2 {
        font-size: 28px;
        line-height: 37px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content.more {
        padding-top: 0
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .customer-reviews-theory {
        padding-top: 35px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content.more .customer-reviews-theory {
        padding-top: 22px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .customer-reviews-list li {
        font-size: 14px;
        line-height: 19px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .customer-reviews-list li img {
        width: 18px;
        height: 18px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .customer-reviews-date p {
        font-size: 12px;
        line-height: 19px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content h3 {
        font-size: 14px;
        line-height: 19px;
        padding-bottom: 15px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content p {
        font-size: 14px;
        line-height: 19px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content h4 {
        font-size: 14px;
        padding-bottom: 8px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-content .pune-text {
        font-size: 12px
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-view-more {
        float: none;
        padding-top: 0px !important
    }
    .training-corporate {
        padding: 26px 0
    }
    .training-corporate .training-corporate-main {
        padding: 22px 16px
    }
    .training-corporate .training-corporate-main h4 {
        padding-top: 17px;
        padding-bottom: 8px;
        font-size: 12px
    }
    .training-corporate .training-corporate-main h2 {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 12px
    }
    .training-corporate .training-corporate-main p {
        padding-bottom: 22px
    }
    .training-corporate .training-corporate-main .btn.btn-black {
        width: auto !important;
        height: auto !important;
        display: inline-block
    }
    .training-corporate-main .btn.btn-black .right-arrow {
        padding: 0;
        top: 50%;
        transform: translateY(-50%) !important
    }
    .not-sure {
        padding: 0
    }
    .not-sure .not-sure-main .not-sure-image img {
        width: 100px;
        height: 160px
    }
    .not-sure .prerequisites-lists {
        padding-top: 34px;
        padding-bottom: 17px
    }
    .not-sure .not-sure-button {
        padding-top: 17px;
        padding-bottom: 34px;
        left: 30%
    }
    .not-sure .not-sure-theory {
        padding: 27px 0
    }
    .not-sure .not-sure-theory h4 {
        font-size: 20px;
        line-height: 26px;
        max-width: 100%;
        padding-bottom: 12px
    }
    .not-sure .not-sure-theory p {
        max-width: 100%;
        font-size: 16px
    }
    .not-sure .not-sure-button .btn.btn-black {
        font-size: 13px
    }
    .benefits .b-left .section-head {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 37px
    }
    .benefits {
        padding: 26px 0
    }
    .benefits .b-left {
        padding: 0;
        background-color: #fff
    }
    .benefits .b-left .custom-scroll {
        overflow: visible;
        padding: 0
    }
    .benefits .panel-heading {
        font-size: 14px;
        line-height: 22px
    }
    .benefits .panel {
        padding: 14px 0
    }
    .benefits .panel-heading::before {
        top: 6px
    }
    .benefits .b-right {
        padding: 25px 0 0
    }
    .benefits .b-right .steps-in-course .media-body {
        border-bottom: 0;
        padding-bottom: 0
    }
    .benefits .b-right .steps-in-course .media {
        padding-top: 24px
    }
    .benefits .b-right .steps-in-course .media h5 {
        font-size: 16px;
        line-height: 22px
    }
    .benefits .b-right .steps-in-course .media p {
        font-size: 13px;
        line-height: 21px;
        color: #3f3f3f
    }
    .benefits .b-right .steps-in-course {
        margin-top: 22px
    }
    .benefits .b-right .section-head {
        font-size: 28px;
        line-height: 37px
    }
    .benefits .accrediation-icons {
        padding: 20px;
        margin-top: 20px
    }
    .benefits .accrediation-icons h2 {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 37px
    }
    .instructor-main {
        padding: 26px 0
    }
    .instructor-main .container-fluid {
        padding: 0
    }
    .instructor-main h2 {
        padding-left: 15px
    }
    .instructor-main .instructor-item-thumb .swiper-container {
        padding-left: 15px
    }
    .instructor-main .instructor-item-thumb .instructor-item {
        margin: 0;
        padding: 16px;
        background-color: #f9f9f9;
        border-bottom: 0 none;
        height: 217px
    }
    .instructor-main .instructor-item-thumb .instructor-item .media {
        display: block
    }
    .instructor-main .instructor-item-thumb .instructor-item .media .media-left img {
        width: 40px;
        height: 40px
    }
    .instructor-main .instructor-item-thumb .instructor-item .media .media-left {
        padding-right: 0
    }
    .instructor-main .instructor-item-thumb .instructor-item .media .media-body .inst-name {
        margin-top: 8px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 2px;
        width: 100%;
        height: 20px;
        font-weight: 600
    }
    .instructor-main .instructor-item-thumb .instructor-item .media .media-body h3 {
        max-height: 18px;
        height: 18px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        font-size: 12px;
        line-height: 18px
    }
    .instructor-main .instructor-item-thumb .instructor-item .instructor-content {
        font-size: 13px;
        line-height: 20px;
        height: 92px;
        margin-top: 12px;
        color: #333;
        padding-top: 13px;
        border-top: 1px solid #e3dada;
        margin-bottom: 10px;
        -webkit-line-clamp: 4
    }
    .instructor-main .instructor-item-thumb .instructor-item .instructor-content p {
        font-size: 13px;
        line-height: 20px;
        color: #333;
        font-weight: 400
    }
    .instructor-main .instructor-item-thumb .instructor-item .more a {
        font-size: 14px;
        color: #333
    }
    .instructor-main a.btn-success {
        display: block;
        margin: 45px 15px 0;
        text-align: center
    }
    .instructor-item-thumb .swiper-pagination {
        width: 100%;
        height: 15px;
        bottom: -29px;
        z-index: 1
    }
    .instructor-item-thumb .swiper-pagination .swiper-pagination-bullet {
        margin: 0 7px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #000;
        opacity: 1;
        outline: 0
    }
    .trainer-modal .instructor-item {
        margin: 0;
        padding: 0px;
        border-bottom: 0 none
    }
    .trainer-modal .instructor-item .media {
        display: block
    }
    .trainer-modal .instructor-item .media .media-left img {
        width: 40px;
        height: 40px
    }
    .trainer-modal .instructor-item .media .media-left {
        padding-right: 0
    }
    .trainer-modal .instructor-item .media .media-body .inst-name {
        margin-top: 8px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 2px;
        width: 100%;
        height: 20px;
        font-weight: 600
    }
    .trainer-modal .instructor-item .media .media-body h3 {
        max-height: 18px;
        height: 18px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        font-size: 12px;
        line-height: 18px
    }
    .trainer-modal .instructor-item .instructor-content {
        font-size: 13px;
        line-height: 20px;
        height: auto;
        margin-top: 12px;
        color: #333;
        padding-top: 13px;
        border-top: 1px solid #e3dada;
        margin-bottom: 10px;
        -webkit-line-clamp: none;
        max-height: none
    }
    .trainer-modal .instructor-item .instructor-content p {
        font-size: 13px;
        line-height: 20px;
        color: #333;
        font-weight: 400
    }
    .process {
        padding: 26px 0
    }
    .process h2 {
        font-size: 28px;
        line-height: 37px;
        margin-bottom: 10px
    }
    .course-cert-faq {
        padding: 26px 0px;
        background: #f9f9f9
    }
    .course-cert-faq .course-cert-faq-summary {
        padding: 0;
        background-color: transparent
    }
    .course-cert-faq .course-cert-faq-summary h2 {
        font-size: 32px;
        line-height: 42px
    }
    .course-cert-faq .course-cert-faq-summary .cert-and-exam-section {
        padding: 0;
        margin-top: 20px;
        background-color: transparent
    }
    .course-cert-faq .course-cert-faq-summary .cert-and-exam-section:first-child {
        margin-top: 0
    }
    .course-cert-faq .course-cert-faq-summary .card {
        border-bottom: 0;
        border-radius: 4px;
        margin-bottom: 5px
    }
    .course-cert-faq .course-cert-faq-summary .card .card-body {
        font-size: 12px;
        padding-bottom: 12px;
        padding-left: 12px;
        padding-right: 12px
    }
    .course-cert-faq .course-cert-faq-summary .card .card-header {
        padding: 12px
    }
    .course-cert-faq .course-cert-faq-summary .faq-view-more {
        float: none;
        padding-top: 0px
    }
    .course-cert-faq .course-cert-faq-summary h3 {
        font-size: 13px;
        line-height: 20px;
        padding: 8px 0 12px;
        margin: 0
    }
    .bootcamp-programs .course-thumb {
        padding: 12px 12px 0;
        height: 400px
    }
    .course-thumb {
        padding: 12px 12px 0;
        height: 400px
    }
    .course-thumb:hover,
    .course-thumb:focus {
        height: 400px !important
    }
    .city-content {
        padding: 24px 0
    }
    .course-cert-faq .course-cert-faq-summary .faq-view-more .btn.btn-black {
        padding: 14px 40px 14px 0px !important
    }
    .customer-reviews .customer-reviews-summary .customer-reviews-view-more .btn.btn-black {
        padding: 14px 40px 14px 0px !important
    }
    .course-faq .course-faq-summary .faq-view-more .btn.btn-black {
        padding: 14px 40px 14px 0px !important
    }
    .city-content h2 {
        margin-bottom: 0
    }
    .other-location {
        padding: 24px 0
    }
    .module-content {
        padding: 0;
        border: 0 none
    }
    .course-modules {
        padding: 0;
        border: 0 none
    }
    .course-modules h3 {
        margin-left: 0;
        font-size: 28px;
        line-height: 37px;
        margin-bottom: 26px
    }
    .module-descr {
        padding: 0
    }
    .when {
        padding: 24px 0
    }
    .when h2 {
        margin-bottom: 0
    }
    .money-back {
        margin-top: 8px;
        margin-left: 0
    }
    .money-back .icon-percentage {
        display: none
    }
    .money-back-content {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        padding-left: 0;
        padding-right: 5px
    }
    .when .global-tabs {
        padding: 20px 0
    }
    .when .global-tabs .select-trends .btn.btn-primary.dropdown-toggle {
        border-color: #efefef;
        outline: 0 !important;
        box-shadow: none !important
    }
    .bootcamp-programs {
        padding: 24px 0
    }
    .bootcamp-programs .section-heading {
        margin-bottom: 16px
    }
    .global-card .btn-default {
        display: block;
        text-align: center;
        line-height: 18px
    }
    .popular-courses {
        padding: 24px 0
    }
    .popular-courses .section-heading {
        margin-bottom: 16px
    }
    .course-benifits h4 {
        font-size: 14px;
        line-height: 19px
    }
    .course-benifits p {
        font-size: 14px;
        line-height: 22px
    }
    .course-benifits h5 {
        font-size: 14px;
        line-height: 19px
    }
    .course-benifits ul li {
        font-size: 14px;
        line-height: 19px
    }
    .offer-badge-one,
    .offer-badge-two {
        position: initial;
        padding: 3px 16px
    }
    .offer-badge-one::before {
        height: 18px;
        left: -3px
    }
    .schedule-thumb .badge-minheight span {
        margin: 0px 0px 12px 0;
        position: absolute
    }
    .badge-minheight {
        height: 40px
    }
    .schedule-thumb {
        padding: 12px 12px 0;
        height: 445px
    }
    .schedule-date span {
        font-size: 16px;
        line-height: 19px;
        font-weight: 600
    }
    .schedule-location .schedule-select-location {
        width: 100%;
        overflow: hidden
    }
    .detailed-content {
        height: 228px
    }
    .schedule-thumb:hover,
    .schedule-thumb:focus {
        height: 415px
    }
    .emi-other-loc-schd .schedule-thumb:hover,
    .emi-other-loc-schd .schedule-thumb:focus {
        height: 433px
    }
    .course-call-back {
        padding-left: 0;
        top: auto;
        margin-top: 24px
    }
    .course-call-back a {
        margin-bottom: 12px;
        display: block;
        width: 100%
    }
    .course-call-back .btn-black {
        height: 40px !important;
        font-size: 14px;
        padding: 8px 0 !important;
        line-height: 20px !important;
        text-align: center
    }
    .course-call-back .btn-black::before {
        content: none
    }
    .when .right-side span {
        font-size: 14px
    }
    .global-tabs .right-side {
        float: none !important;
        margin-bottom: 0px
    }
    .view-all-schedule {
        display: block
    }
    .view-all-schedule .course-call-back {
        padding-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px
    }
    .course-thumb .course-name {
        font-size: 16px;
        line-height: 22px;
        height: 45px;
        font-weight: 600
    }
    .course-thumb .course-content li {
        font-size: 12px;
        line-height: 18px;
        height: 53px;
        padding-left: 16px;
        font-weight: 400
    }
    .course-thumb .course-content li:before {
        top: 8px
    }
    .course-thumb .course-enroll {
        opacity: 1 !important
    }
    .course-thumb-summary {
        height: 433px
    }
    .schedule-thumb .course-enroll {
        opacity: 1
    }
    .course-enroll .enroll-now a:last-child {
        color: #000
    }
    .try-for-free .enroll-now a:last-child {
        color: #fff
    }
    .schedule-thumb {
        height: 415px
    }
    span.offer-badge-one {
        left: 17px;
        right: auto;
        top: 42px
    }
    span.offer-badge-two {
        right: 12px
    }
    .schedule-detail-summary {
        height: 187px
    }
    .schedule-thumb .course-cost {
        font-weight: 600
    }
    .emi-other-loc-schd .schedule-thumb {
        height: 433px
    }
    .when .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0
    }
    .when .tab-content {
        position: relative
    }
    .when .tab-content .swiper-button-next:after {
        content: ""
    }
    .when .tab-content .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: 6px
    }
    .when .tab-content .swiper-button-prev:after {
        content: ""
    }
    .when .tab-content .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: 7px
    }
    .when .tab-pane .swiper-wrapper .swiper-slide {
        padding-bottom: 40px
    }
    .instructor-item-thumb .swiper-button-next:after {
        content: ""
    }
    .instructor-item-thumb .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: -29px
    }
    .instructor-item-thumb .swiper-button-prev:after {
        content: ""
    }
    .instructor-item-thumb .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: -29px
    }
    .popular-courses-summary .swiper-button-next .popular-courses-summary .swiper-button-next:after {
        content: ""
    }
    .popular-courses-summary .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: -5px
    }
    .popular-courses-summary .swiper-button-prev:after {
        content: ""
    }
    .popular-courses-summary .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: -5px
    }
    .bootcamp-programs .swiper-button-next:after {
        content: ""
    }
    .bootcamp-programs .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: -5px
    }
    .bootcamp-programs .swiper-button-prev:after {
        content: ""
    }
    .bootcamp-programs .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: -5px
    }
    .course-enroll .d-sm-block {
        display: none !important
    }
    .course-enroll .d-block {
        display: inline-block !important
    }
    .pattern-1 {
        padding: 24px 0
    }
    .pattern-1 .support-by img {
        margin-right: 0px;
        margin-bottom: 20px;
        max-width: 100%;
        height: auto
    }
    .pattern-2 {
        padding: 24px 0
    }
    .pattern-2 h2 {
        margin-bottom: 16px
    }
    .pattern-2 .support-by img {
        margin-right: 0px;
        margin-bottom: 20px;
        max-width: 100%;
        height: auto
    }
    .patterns-tab .nav-tabs li {
        display: block;
        width: 33.33%;
        text-align: center
    }
    .patterns-tab .nav-tabs li a {
        padding: 10px 5px;
        font-size: 12px
    }
    .patterns-tab .nav-tabs a.active {
        font-weight: 600
    }
    .ssg-section,
    .ibf-section {
        padding: 26px 0
    }
    .ssg-section .btn-success,
    .ibf-section .btn-success {
        display: block;
        text-align: center
    }
    .ssg-section,
    .ibf-section {
        padding: 26px 0;
        background-color: #f7f7f7
    }
    .ssg-section .btn-success,
    .ibf-section .btn-success {
        display: block;
        text-align: center
    }
    .free-access-section {
        padding: 10px 0
    }
    .free-access .media {
        display: block
    }
    .free-access .media-body {
        padding: 0 0 15px 0;
        width: 100% !important;
        text-align: center
    }
    .free-access .media-left,
    .free-access .media-right {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0
    }
    .free-access .know-more {
        margin: 0 auto
    }
    .free-access p {
        font-size: 14px;
        line-height: 21px
    }
    .global-card {
        height: auto;
        display: block;
        padding: 24px 15px;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 24px;
        border-radius: 0
    }
    .global-card img {
        display: none
    }
    .global-card .media-body {
        padding-left: 0
    }
    .global-card .media-body p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 12px
    }
    .banner-sticky {
        display: none
    }
    .benefits {
        padding: 24px 0
    }
    .benefits h5 {
        margin-bottom: 12px
    }
    .flow ul {
        margin-top: 0px
    }
    .adv-outer-bg {
        background: transparent !important;
        padding: 0 !important;
        margin: 0
    }
    .adv-round-line {
        border: none !important;
        margin-top: 0 !important
    }
    .flow ul li {
        display: inline-block;
        margin-bottom: 0px !important;
        margin: 0;
        text-align: center;
        width: auto
    }
    .flow ul li a .tab-txt {
        display: none !important
    }
    .flow ul li a .tab-num {
        background: #eee;
        display: block;
        background-color: #eee;
        font-size: 12px;
        font-weight: 600;
        color: #333;
        width: 40px;
        text-align: center;
        height: 40px;
        border-radius: 4px;
        line-height: 16px;
        padding-top: 12px
    }
    .flow ul li a.active .tab-num {
        background-image: linear-gradient(225deg, #9b29dd 0%, #596eeb 100%);
        color: #fff
    }
    .flow ul li a span.icon-outer {
        padding: 3px;
        width: 50px;
        height: 50px;
        position: relative;
        top: auto
    }
    .flow ul li a span.icon-inner {
        width: 40px;
        height: 40px
    }
    .flow ul li img {
        margin: 5px
    }
    .flow ul li::after {
        content: none
    }
    .flow ul li p {
        display: none
    }
    .flow ul li a {
        position: relative;
        display: inline-block
    }
    .flow-heading {
        color: #000;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 10px
    }
    .flow-details img {
        width: 100%
    }
    .flow-details h4 {
        margin-top: 8px;
        color: #231f20;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
        font-weight: 400
    }
    .flow-details ul {
        margin-top: 10px
    }
    .flow-details ul li {
        padding: 0 0 0 24px;
        line-height: 20px;
        font-size: 13px;
        font-weight: 400;
        width: 100%;
        height: auto
    }
    .flow-details ul li::before {
        top: 0px;
        left: 0px;
        transform: scale(0.69)
    }
    .flow-details.tab-content {
        border: 0 none;
        background-color: #fff;
        margin-top: 16px;
        padding: 0px
    }
    .path-to-cert .path-to-cert-content {
        padding: 0
    }
    .path-to-cert-content a {
        font-weight: 600;
        font-size: 14px;
        margin-left: 0
    }
    .path-to-cert-content-summary {
        padding-left: 0;
        padding-right: 0
    }
    .corporate-section .corporate-section-content {
        padding: 0
    }
    .corporate-section-content .img-fluid {
        display: none
    }
    .clients-summary {
        margin-top: 20px
    }
    .clients-summary p {
        font-size: 14px;
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 10px
    }
    .clients-summary p span {
        display: inline
    }
    .clients-summary ul {
        border: 0 none
    }
    .clients-summary ul li {
        width: 50%
    }
    .overview {
        padding: 24px 0
    }
    .course-highlights {
        margin: 0
    }
    .course-highlights li {
        padding: 0;
        border-bottom: 1px solid #eee;
        width: 100%;
        margin-bottom: 0;
        height: 70px
    }
    .course-highlights-summary {
        border: 0 none;
        padding: 0 3px;
        height: 70px
    }
    .tools-learn ul {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 0
    }
    .tools-learn ul li {
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 33.33%;
        text-align: center;
        margin-bottom: 0
    }
    .course-banner-1 .container-fluid,
    .course-banner-1 .col-md-7,
    .course-banner-2 .container-fluid,
    .course-banner-2 .col-md-7 {
        padding-left: 15px;
        padding-right: 15px
    }
    .course-banner-1 .row,
    .course-banner-2 .row {
        margin-left: -15px;
        margin-right: -15px
    }
    .course-banner-1 {
       
        padding: 30px 0 16px
    }
    .breadcrumb-share {
        display: none
    }
    .course-heading {
        margin-top: 0
    }
    .course-banner-1 h1 {
        margin-top: 0;
        font-size: 21px;
        line-height: 28px;
        font-weight: 600
    }
    .course-banner-1 h2 {
        margin-top: 3px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 12px;
        font-weight: 400
    }
    .course-banner-1 .editor-content p {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400
    }
    .course-banner-1 .editor-content li {
        font-size: 13px;
        line-height: 20px;
        font-weight: 400
    }
    .course-banner-1 .editor-content {
        margin-bottom: 25px
    }
    .course-banner-1 .course-banner-summary .heading {
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 5px;
        font-weight: 600;
        color: #000
    }
    .course-banner-1 .course-banner-summary .content {
        font-weight: 400
    }
    .course-banner-1 .course-banner-summary li {
        padding: 0 0 5px 12px;
        border: 0 none;
        display: block;
        position: relative
    }
    .course-banner-1 .course-banner-summary li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 7px;
        background-image: linear-gradient(135deg, #00cdff 0%, #9e24db 100%)
    }
    .course-banner-1 .course-banner-summary {
        margin-bottom: 20px;
        margin-top: 28px
    }
    .course-banner-1 .course-banner-summary li:first-child {
        padding-left: 12px
    }
    .course-banner-1 .btn-list .btn-success,
    .course-banner-1 .btn-list .btn-default,
    .course-banner-2 .btn-list .btn-success,
    .course-banner-2 .btn-list .btn-default-white {
        margin-bottom: 4px;
        margin-right: 2px;
        padding: 8px 6px
    }
    .course-banner-1 .btn-success::before,
    .course-banner-2 .btn-success::before {
        content: none
    }
    .btn-default,
    .btn-success,
    .btn-default-white {
        height: 40px;
        font-size: 13px;
        line-height: 22px;
        padding: 8px 0
    }
    .btn-default-small,
    .btn-default-small-white {
        font-size: 12px;
        line-height: 22px;
        background: transparent !important
    }
    .btn-list .btn-default-small,
    .btn-list .btn-default-small-white {
        margin-bottom: 24px;
        margin-right: 0
    }
    .course-banner-2 {
        padding: 30px 0 16px;
        background-image: none !important;
        background-color: #000
    }
    .course-banner-2 h1 {
        margin-top: 0;
        font-size: 21px;
        line-height: 28px;
        font-weight: 600
    }
    .course-banner-2 h2 {
        margin-top: 3px;
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 12px;
        font-weight: 400
    }
    .course-banner-2 .editor-content p {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400
    }
    .course-banner-2 .editor-content li {
        font-size: 13px;
        line-height: 20px;
        font-weight: 400
    }
    .course-banner-2 .editor-content {
        margin-bottom: 25px
    }
    .course-banner-2 .course-banner-summary .heading {
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 5px;
        font-weight: 600
    }
    .course-banner-2 .course-banner-summary .content {
        font-weight: 400
    }
    .course-banner-2 .course-banner-summary li {
        padding: 0 0 5px 12px;
        border: 0 none;
        display: block;
        position: relative
    }
    .course-banner-2 .course-banner-summary {
        margin-bottom: 20px;
        margin-top: 28px
    }
    .course-banner-2 .course-banner-summary li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 100%;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 7px
    }
    .course-banner-2 .course-banner-summary li:first-child {
        padding-left: 12px
    }
    .knolwedgehut-edge .section-heading {
        text-align: left !important;
        padding-left: 15px
    }
    .section-heading {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 12px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600
    }
    .accrediation-list-summary {
        padding-top: 6px;
        border-bottom: 1px solid #eee;
        padding-bottom: 18px
    }
    .refer-and-earn .xs-img {
        display: none !important
    }
    .detail-sticky-overview {
        display: none !important
    }
    .accrediation-list h4 {
        display: block;
        margin-right: 5px
    }
    .accrediation-list .icons-course {
        transform: scale(0.65) !important;
        margin-left: -10px;
        margin-right: 0 !important
    }
    .accrediation-list .accrediation {
        transform: scale(0.6);
        margin-left: -10px
    }
    .accrediation-list .icon-cst {
        transform: scale(0.8);
        margin-left: 0px
    }
    .accrediation-list i {
        margin-right: 0
    }
    .view-more-container a {
        font-weight: 600
    }
    .knolwedgehut-edge {
        padding: 24px 0px
    }
    .knolwedgehut-edge .container-fluid {
        padding: 0
    }
    .knolwedgehut-edge .row {
        margin: 0
    }
    .knolwedgehut-edge .col-md-8 {
        padding: 0
    }
    .knolwedgehut-edge .heading-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        margin-bottom: 20px
    }
    .knowledgehut-xs {
        padding-left: 15px
    }
    .knowledgehut-xs .content {
        padding: 18px 12px 20px;
        border: 1px solid #ddd;
        background-color: #fff
    }
    .knowledgehut-xs .content img {
        margin-bottom: 20px;
        width: 53px;
        height: 63px
    }
    .knowledgehut-xs .content .title {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 8px
    }
    .knowledgehut-xs .content p {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        height: 116px;
        max-height: 116px;
        overflow: hidden
    }
    .knowledgehut-xs .knowledgehutEdge-container {
        height: 311px
    }
    .knowledgehut-xs .knowledgehutEdge-container .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #d3d2d2;
        opacity: 1;
        outline: none
    }
    .knowledgehut-xs .knowledgehutEdge-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #000 !important;
        width: 31px !important;
        border-radius: 3px
    }
    .knowledgehut-xs .swiper-button-next:after {
        content: ""
    }
    .knowledgehut-xs .swiper-button-next {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -284px -159px;
        position: absolute;
        top: auto;
        right: 30%;
        width: 8px;
        height: 12px;
        bottom: 12px
    }
    .knowledgehut-xs .swiper-button-prev:after {
        content: ""
    }
    .knowledgehut-xs .swiper-button-prev {
        outline: none;
        background: url('public/frontend/java/assets/images/f-icon-sprite.svg') no-repeat -2px -251px;
        position: absolute;
        top: auto;
        left: 30%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: 13px
    }
    .swiper-pagination-fraction {
        font-size: 13px;
        line-height: 18px;
        font-weight: 700;
        padding-right: 15px;
        color: #333
    }
    .course-concepts .container-fluid {
        padding: 24px 0px 24px 15px
    }
    .course-concepts .heading-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 20px
    }
    .course-concepts .concepts-slider .concepts-container {
        height: 250px
    }
    .course-concepts .concepts-slider .concepts-container .concept {
        top: 21px;
        padding: 21px 12px;
        position: absolute;
        height: auto;
        border: 1px solid #ddd;
        border-radius: 4px
    }
    .course-concepts .concepts-slider .concepts-container .concept .concept-sl-no {}
    .course-concepts .concepts-slider .concepts-container .concept .concept-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 8px;
        margin-top: 8px
    }
    .course-concepts .concepts-slider .concepts-container .concept .concept-sub-title {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        height: 84px;
        max-height: 84px;
        overflow: hidden
    }
    .course-concepts .concepts-slider .concepts-container .concept p {
        margin: 0;
        height: 84px
    }
    .course-concepts .concepts-slider .concepts-container .swiper-pagination-bullets {
        bottom: 0
    }
    .service-skills {
        padding: 0
    }
    .service-skills .container-fluid {
        padding: 24px 15px;
        background: #000
    }
    .service-skills .section-heading {
        color: #fff
    }
    .service-skills .outter-div {
        padding: 0px 0px 0px
    }
    .service-skills .outter-div .col-md-6 {
        padding: 0px
    }
    .service-skills .outter-div .content_list .inner-div {
        padding: 8px 0px;
        height: auto;
        max-height: none;
        align-items: center
    }
    .service-skills .outter-div .content_list .inner-div .inner-div-list {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-left: 8px
    }
    .service-skills .outter-div .service_see_more {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        padding-right: 20px
    }
    .service-skills .outter-div .service_see_more-div {
        margin-top: 10px
    }
    .welcome-everyone .container-fluid {
        padding: 24px 15px
    }
    .welcome-everyone .heading-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 18px
    }
    .welcome-everyone .outter-div {
        padding: 0px
    }
    .welcome-everyone .outter-div .col-md-6 {
        padding: 0px
    }
    .welcome-everyone .outter-div .content_list .inner-div {
        padding: 8px 0px;
        height: auto;
        max-height: none;
        align-items: center
    }
    .welcome-everyone .outter-div .content_list .inner-div .inner-div-list {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        margin-left: 8px
    }
    .welcome-everyone .outter-div .see_more {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        padding-right: 20px
    }
    .welcome-everyone .outter-div .see_more-div {
        margin-top: 10px
    }
    .prerequisites {
        position: relative;
        padding: 24px 15px;
        background: #000
    }
    .prerequisites .container-fluid {
        position: unset;
        padding: 0
    }
    .prerequisites .prerequisites-content {
        margin: 0px;
        padding: 0px
    }
    .prerequisites .prerequisites-content .heading-title {
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 12px;
        font-family: 'Open Sans', sans-serif
    }
    .prerequisites .prerequisites-content p {
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 12px
    }
    .prerequisites .prerequisites-content ul {
        padding-top: 0;
        margin-bottom: 12px;
        margin-bottom: 0
    }
    .curriculum {
        padding-top: 24px;
        padding-bottom: 24px
    }
    .curriculum .container-fluid {
        padding: 0 15px
    }
    .curriculum .main-title {
        margin-top: 0;
        margin-bottom: 0
    }
    .curriculum .section-heading {
        margin-bottom: 12px;
        margin-top: 0
    }
    .main-title {
        margin-bottom: 16px
    }
    .main-title .heading-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 0px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600
    }
    .download_curriculum {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0px;
        display: inline-flex;
        text-align: center;
        margin-top: 15px
    }
    .topics {
        padding: 0px;
        background-color: transparent
    }
    .topics .curriculum-accordion-content .card .card-header {
        background: transparent;
        padding: 12px 12px 12px 32px;
        border-radius: 0px
    }
    .topics .curriculum-accordion-content .card .card-header .video-preview {
        position: absolute;
        padding-top: 0;
        font-size: 12px;
        line-height: 18px;
        right: 40px;
        top: 12px
    }
    .topics .curriculum-accordion-content .card .card-header .video-preview .play-preview-icon {
        margin-right: 0px;
        height: 13px
    }
    .topics .curriculum-accordion-content .card .card-header .video-preview .play-preview-icon .icon-black-play-icon-new {
        width: 8px;
        height: 10px;
        background-position: -350px -1154px
    }
    .topics .curriculum-accordion-content .card .card-header .card-link {
        font-size: 13px;
        line-height: 20px;
        padding-right: 35px
    }
    .topics .curriculum-accordion-content .card .card-header .curi-num {
        left: 12px;
        font-size: 13px;
        line-height: 20px;
        top: 12px
    }
    .topics .curriculum-accordion-content .card .card-body {
        background: #fff;
        padding: 0 12px
    }
    .topics .curriculum-accordion-content .card .card-body .topic-summary .para {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 17px
    }
    .topics .curriculum-accordion-content .card .card-body .learn-what .title,
    .topics .curriculum-accordion-content .card .card-body .learn-what .para,
    .topics .curriculum-accordion-content .card .card-body .learn-what .learn-group .learn-list {
        font-size: 13px;
        line-height: 20px
    }
    .topics .curriculum-accordion-content .card .card-body .learn-what .learn-group {
        padding-left: 17px
    }
    .topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-top {
        border-bottom: none
    }
    .topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-top .heading-title {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0
    }
    .topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-group {
        margin: 0px
    }
    .topics .curriculum-accordion-content .card .card-body .topic-covered .topic-covered-group .topic-covered-list {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 8px
    }
    .topics .curriculum-accordion-content .card .card-body .topic-covered ul li {
        font-size: 13px;
        line-height: 20px
    }
    .topics .curriculum-accordion-content .card .card-body .topic-summary {
        padding-top: 0
    }
    .preview-video .modal-dialog {
        margin: 40px auto
    }
    .preview-video .modal-dialog .modal-content .close {
        top: -30px;
        right: 15px
    }
    .preview-video .modal-dialog .modal-content .modal-body {
        padding: 0px !important
    }
    .preview-video .modal-dialog .modal-content .modal-body .sidebar-curi {
        height: 200px;
        overflow: scroll;
        background: #fff
    }
    .preview-video .modal-dialog .modal-content .modal-body .sidebar-curi .course-content {
        max-height: none;
        overflow: visible
    }
    .preview-video .modal-content .modal-body video {
        height: 340px
    }
    .preview-video .video-popup-form.global-form form {
        width: 100%;
        padding: 20px
    }
    .editor-content strong,
    .editor-content b {
        font-weight: 600
    }
    .reviews .container-fluid {
        padding: 24px 0px 24px 15px
    }
    .reviews .heading-title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 13px
    }
    .global-card .btn-success {
        width: 100%;
        text-align: center
    }
    .reviews::before {
        content: none
    }
    .editor-content p,
    .editor-content ol,
    .editor-content ul {
        font-size: 13px;
        word-break: break-word
    }
    .overview .editor-content p {
        font-size: 13px;
        line-height: 21px;
        margin-top: 0;
        font-weight: 400
    }
    .overview .editor-content li {
        font-size: 13px;
        line-height: 21px;
        font-weight: 400
    }
    .overview h3 {
        font-size: 15px;
        line-height: 24px;
        margin-top: 30px;
        font-weight: 600
    }
    .highlights-heading {
        display: block
    }
    .highlights-heading .money-back {
        margin: 0
    }
    .course-highlights-summary .media-body {
        font-weight: 600;
        padding-left: 16px
    }
    .path-to-cert-content p,
    .path-to-cert-content li {
        font-size: 13px;
        line-height: 20px;
        font-weight: 400
    }
    .corporate-section .editor-content p,
    .corporate-section .editor-content ul li,
    .topics .curriculum-accordion-content .card .card-body .topic-summary p,
    .topics .curriculum-accordion-content .card .card-body .topic-summary ul li {
        font-size: 13px;
        line-height: 20px;
        font-weight: 400
    }
    .corporate-section .editor-content h4 {
        font-size: 15px;
        line-height: 24px;
        font-weight: 600
    }
    .corporate-section .corporate-section-content .corp-btn-list a.btn-success {
        margin-right: 0px
    }
    .prerequisites .lg-img {
        display: none !important
    }
    .prerequisites .prerequisites-content ul li {
        font-size: 13px;
        line-height: 20px;
        font-weight: 400
    }
    .accrediation-list-summary .accrediation-list:last-child {
        padding: 0
    }
    .accrediation-list-summary .col-md-6:last-child .accrediation-list {
        margin-left: 0;
        margin-top: 10px
    }
    .try-for-free-modal .modal-body {
        padding: 0px !important
    }
    .try-for-free-modal .modal-dialog {
        max-width: 100%;
        margin: 10px
    }
    .try-for-free-modal .pop-left-content {
        background-color: #fff;
        padding: 10px;
        border-radius: 2px
    }
    .try-for-free-modal .pop-right {
        padding-right: 11px !important
    }
    .try-for-free-modal .btn:first-child {
        display: none;
        margin-right: 3px !important;
        padding: 12px 28px
    }
    .try-for-free-modal .modal-links .text-right {
        text-align: left !important
    }
    .try-for-free-modal .modal-links .text-right .btn-success {
        display: block !important;
        width: 100%;
        text-align: center
    }
    .try-for-free-modal p {
        font-weight: 400;
        font-size: 14px
    }
    .course-badge {
        display: none
    }
    .course-banner-1 h1 .fs,
    .course-banner-2 h1 .fs {
        display: block;
        line-height: 16px
    }
    .course-banner-1 h1 .fs-26,
    .course-banner-1 h1 .fs-22,
    .course-banner-2 h1 .fs-26,
    .course-banner-2 h1 .fs-22 {
        font-size: 21px
    }
    .path-to-cert {
        padding: 24px 0 0;
        background: #f8faf7
    }
    .corporate-section {
        padding: 24px 0
    }
    .refer-and-earn .btn-default-white {
        padding: 8px 16px
    }
    .corporate-section .btn-success,
    .corporate-section .btn-default {
        display: block;
        text-align: center
    }
    .review-modal .modal-dialog {
        margin: 0.5rem
    }
    .review-modal .modal-content {
        margin-top: 2rem
    }
    .review-modal .modal-body {
        padding: 12px !important
    }
    .review-modal .testimonial .media {
        display: block;
        height: auto;
        margin-bottom: 0px;
        position: relative
    }
    .review-modal .testimonial .media .media-left img {
        width: 40px;
        height: 40px;
        margin-bottom: 8px
    }
    .review-modal .testimonial .media .media-body {
        padding-top: 8px;
        padding-left: 0px;
        margin-bottom: 0
    }
    .review-modal .testimonial .testimonial-name {
        color: #231f20;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 2px
    }
    .review-modal .testimonial .testimonial-role {
        color: #231f20;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 8px
    }
    .review-modal .testimonial .testimonial-linkedin {
        height: 26px;
        width: 26px;
        margin-bottom: 9px
    }
    .review-modal .testimonial .testimonial-rating {
        padding-bottom: 12px
    }
    .review-modal .testimonial .testimonial-rating img {
        width: 14px;
        height: 14px;
        margin: 0 3.5px
    }
    .review-modal .testimonial .testimonial-rating .rating {
        color: #231f20;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        vertical-align: sub;
        margin: 0 3.5px
    }
    .review-modal .testimonial .testimonial-para {
        color: #3f3f3f;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
        margin-bottom: 13px
    }
    .review-modal .testimonial .testimonial-para p {
        font-size: 13px;
        line-height: 20px
    }
    .review-modal .testimonial .testimonial-sub-para {
        color: #7b7979;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        text-align: left;
        margin-bottom: 1px
    }
    .review-modal .testimonial .media-left {
        display: block
    }
    .review-modal .testimonial .media-left .icon-linkedin {
        left: auto;
        transform: translateX(0%) scale(0.7);
        opacity: 1
    }
    .pattern-1 .editor-content p,
    .pattern-1 .editor-content ul li,
    .pattern-1 .editor-content ol li {
        font-size: 13px;
        line-height: 21px;
        font-weight: 400
    }
    .pattern-2 .editor-content p,
    .pattern-2 .editor-content ul li,
    .pattern-2 .editor-content ol li {
        font-size: 13px;
        line-height: 21px;
        font-weight: 400
    }
    .try-for-free-modal h4 {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600
    }
    .col-sm-70 {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    .col-sm-30 {
        width: 100%;
        max-width: 100%;
        flex: auto
    }
    .icon-white-circle-with-tick,
    .icon-black-circle-with-tick {
        margin-top: 2px
    }
    .accrediation-list .accrediation.acdtn-page-25 {
        background-position: -268px -2515px;
        height: 44px;
        width: 115px
    }
    .accrediation-list .accrediation.acdtn-page-26 {
        background-position: -268px -2615px;
        height: 44px;
        width: 115px
    }
    .accrediation-list .accrediation.acdtn-page-27 {
        background-position: -268px -2715px;
        height: 44px;
        width: 115px
    }
    .accrediation-list .accrediation.acdtn-page-28 {
        background-position: -265px -2813px;
        height: 45px;
        width: 115px
    }
    .video-popup-form.global-form form .btn-success {
        width: 100%
    }
    .video-popup-form.global-form form .contact-number-full .form-control {
        padding-left: calc(25% + 15px)
    }
    .video-popup-form.global-form form .contact-number-full .form-group .floating-label {
        left: calc(25% + 15px)
    }
    .corporate-section .corporate-section-content .corp-btn-list a.btn-success {
        margin-right: 0
    }
    .fixed-btn {
        display: none
    }
    .course-advice-pmp {
        padding: 15px;
        margin-left: -15px;
        margin-right: -15px
    }
    .pmp-content h3 {
        margin-top: 17px;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        max-width: 100%
    }
    .pmp-content .media-left img {
        width: auto !important
    }
    .pmp-content .media-left {
        padding-right: 16px
    }
    .pmp-content .media-left,
    .pmp-content .media-body {
        display: table-cell;
        vertical-align: top
    }
    .pmp-content .media-body h6 {
        position: relative;
        margin-top: 17px;
        font-size: 14px;
        margin-bottom: 8px;
        line-height: 19px
    }
    .pmp-content .media-body span {
        font-size: 12px;
        line-height: 18px
    }
    .bottom-note-pmp {
        position: relative;
        padding: 16px 16px 22px;
        border-radius: 4px
    }
    .bottom-note-pmp p {
        font-size: 14px !important
    }
    .bottom-note-pmp p br {
        display: none !important
    }
    .pmp-content .media-left img {
        margin-bottom: 16px !important
    }
    .pmp-content .media-body h6 a {
        margin-left: 12px;
        position: absolute;
        display: inline-block;
        margin-top: 2px
    }
    .pmp-content .media-body h6 img {
        width: auto !important;
        margin-bottom: 0 !important
    }
    .course-advice-pmp img {
        left: 0 !important
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .schedule-hours-content span {
        font-size: 14px;
        line-height: 21px
    }
    .lxp-new .lxp-sub-right {
        height: 330px;
        overflow: hidden
    }
    .course-cert-faq-summary .col-lg-3.col-md-4.col-xs-12.d-none.d-sm-block {
        display: none !important
    }
    .lxp-new .swiper-pagination {
        top: 95%
    }
    .lxp-new .lxp-sub-right {
        height: 385px
    }
    .view-all-schedule .course-call-back {
        text-align: left
    }
    .course-call-back .btn.btn-black:last-child {
        display: inline-block;
        width: auto
    }
    .offer-badge-one,
    .offer-badge-two {
        position: absolute
    }
    .schedule-dates-popover.popover li {
        width: 25%
    }
    .course-thumb .course-content li {
        height: 53px
    }
    .training-corporate .training-corporate-main .btn-black {
        width: auto;
        display: inline-block
    }
    .select-trends .form-group select.form-control {
        width: auto
    }
    .view-all-schedule {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse
    }
    .when .global-tabs {
        padding: 20px 0px
    }
    .select-region .form-control,
    .select-trends .form-group select.form-control {
        width: 250px
    }
    span.offer-badge-one {
        left: 12px;
        right: auto;
        top: 40px
    }
    span.offer-badge-two {
        right: 12px
    }
    .schedule-select {
        font-size: 12px
    }
    .schedule-date span {
        font-size: 14px;
        line-height: 21px
    }
    .schedule-thumb .course-cost {
        padding-bottom: 0px;
        font-size: 15px
    }
    .course-cost-strike {
        font-size: 14px
    }
    .training-corporate .training-corporate-main p {
        max-width: 100%
    }
    .training-corporate .training-corporate-main .row .col-md-5 {
        display: flex;
        justify-content: center
    }
    .training-corporate .training-corporate-main .row .col-md-7 {
        text-align: center
    }
    .schedule-thumb,
    .schedule-thumb:hover,
    .schedule-thumb:focus {
        height: 400px
    }
    .schedule-thumb .course-exclusive-content {
        font-size: 12px
    }
    .course-call-back a {
        margin-bottom: 0
    }
    .course-call-back {
        top: auto
    }
    .preview-video .modal-content .modal-body video {
        height: 297px
    }
    .global-card .btn-default {
        display: inline-block
    }
    .schedule-dates-popover.popover {
        min-width: 415px
    }
    .course-banner-1 h1 .fs,
    .course-banner-2 h1 .fs {
        display: inline-block
    }
    .btn-list .btn-default-small,
    .btn-list .btn-default-small-white {
        margin-bottom: 0
    }
    .detail-sidebar-sticky {
        display: none !important
    }
    .course-concepts .d-sm-block,
    .instructor-main .d-sm-block,
    .course-cert-faq .d-sm-block,
    .reviews .d-sm-block,
    .clients-summary .d-sm-block {
        display: none !important
    }
    .course-concepts .d-sm-none,
    .instructor-main .d-sm-none,
    .reviews .d-sm-none,
    .clients-summary .d-sm-none {
        display: block !important
    }
    .money-back-popover.popover {
        min-width: 300px;
        margin-left: 8px;
        max-width: calc(100vw - 27px) !important
    }
}

@media only screen and (max-width: 576px) {
    .contact-advisor-modal .modal-title {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 3px
    }
    .contact-advisor-modal .modal-body {
        padding: 0px 16px 16px
    }
}

@media only screen and (min-width: 767px) {
    .tuition-program-section,
    .tuition-fee-section {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .tuition-program-section,
    .tuition-fee-section,
    .list-tuition-section {
        padding-left: 55px;
        padding-right: 55px
    }
}

@media (min-width: 1367px) {
    .col-sm-70 {
        width: 70%;
        max-width: 70%;
        flex: auto
    }
    .col-sm-30 {
        width: 30%;
        max-width: 30%;
        flex: auto
    }
    .tuition-program-section,
    .tuition-fee-section,
    .list-tuition-section {
        padding-left: 85px;
        padding-right: 85px
    }
}

.datepicker-days .icon-arrow-left,
.datepicker-months .icon-arrow-left,
.datepicker-years .icon-arrow-left {
    background-position: -240px -96px !important
}

.datepicker-days .icon-arrow-right,
.datepicker-months .icon-arrow-right,
.datepicker-years .icon-arrow-right {
    background-position: -264px -96px !important
}

.datepicker-days [class^="icon-"],
.datepicker-days [class*=" icon-"],
.datepicker-years [class^="icon-"],
.datepicker-years [class*=" icon-"],
.datepicker-months [class^="icon-"],
.datepicker-months [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat
}

.flash-popup {
    text-align: center;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    max-width: 333px;
    margin: 0 auto;
    position: relative
}

.flash-popup .black-close-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 18px;
    background-repeat: no-repeat;
    background-position: center center
}

.flash-popup .divider {
    background-color: #eee;
    height: 1px;
    width: 100%;
    display: block;
    margin: 24px 0
}

.flash-popup .gif-image {
    height: 88px;
    width: 88px;
    overflow: hidden;
    margin: 0 auto 2px auto
}

.flash-popup .gif-image img {
    height: 88px;
    width: 88px
}

.flash-popup .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #111
}

.flash-popup .help-text {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #111;
    margin-top: 12px
}

.flash-popup .footer-text {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #111
}

.flash-popup .social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px
}

.flash-popup .social-icon {
    height: 24px;
    width: 24px;
    display: inline-flex;
    margin-right: 16px
}

.flash-popup .social-icon:last-child {
    margin-right: 0
}

#when-5 .list-tuition-section .info-icon-blue {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position: -425px 0;
    cursor: pointer
}

#when-5 .more-details-link {
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #586FEB !important;
    cursor: pointer;
    position: absolute;
    right: 14px;
    bottom: 10px;
    top: auto;
    display: inline-flex;
    align-items: center;
    padding-right: 12px
}

#when-5 .osl-tuition-card .rate-per-month {
    margin-left: 0;
    font-size: 16px
}

#when-5 .osl-tuition-card .price-mark {
    font-size: 16px
}

#when-5 .tax-text {
    font-size: 12px;
    line-height: 16px;
    color: #666;
    position: absolute;
    right: 24px;
    bottom: 32px;
    font-style: italic
}

#when-5 .fee-details {
    border-top: 1px solid #eee
}

#when-5 .tuition-details-card .fee-content {
    padding: 27px 32px 27px 24px;
    display: flex;
    min-height: 94px;
    align-items: center
}

#when-5 .tuition-details-card .fee-details {
    padding: 20px 20px 50px 20px
}

#when-5 .data-line {
    width: auto;
    margin-bottom: 12px;
    margin-left: 259px;
    display: flex
}

#when-5 .line-one {
    width: 194px
}

#when-5 .column-two {
    min-width: 183px;
    width: 183px
}

#when-5 .line-one,
.value {
    font-size: 12px;
    line-height: 16px;
    color: #111
}

#when-5 .value {
    width: 230px;
    padding-left: 20px
}

#when-5 .small-grey-text {
    font-size: 11px;
    line-height: 16px;
    color: #666;
    font-weight: 400;
    text-decoration: none
}

#when-5 .list-tuition-section-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px
}

#when-5 .list-tuition-section-title .money-back-btn {
    margin: 0 10px 0 0px
}

#when-5 .list-tuition-section-title .blue-button {
    border-radius: 2px
}

#when-5 .list-pointers {
    margin-bottom: 45px
}

#when-5 .list-pointers ul {
    padding-left: 15px
}

#when-5 .list-pointers ul li {
    font-size: 14px;
    line-height: 29px;
    color: #333;
    list-style-type: disc
}

#when-5 .list-pointers ul li::marker {
    font-size: 11px
}

#when-5 .list-pointers ul li .grey-link {
    text-decoration: underline;
    color: #333;
    text-decoration-color: #333;
    font-size: 14px;
    line-height: 29px
}

.tuition-modal [class*="col-"] {
    padding: 0 8px
}

.tuition-modal .modal-dialog {
    max-width: 546px !important
}

.tuition-modal .to-close {
    position: absolute;
    right: 16px;
    top: 8px;
    z-index: 1;
    cursor: pointer
}

.tuition-modal .main-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin-bottom: 12px;
    text-align: center;
    display: block
}

.tuition-modal .sub-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #666
}

.divider {
    min-height: 1px;
    width: 100%;
    background-color: #eee;
    display: block
}

.tuition-modal .divider {
    margin: 32px 0 44px 0
}

.tuition-modal .modal-body {
    padding: 40px
}

.tuition-modal .isd-select .bootstrap-select>.dropdown-toggle {
    padding: 10px 22px 10px 10px !important
}

.tuition-modal .global-form form .contact-number-full .form-group.isd-select {
    width: 65px !important
}

.tuition-modal .global-form form .contact-number-full .form-group .floating-label {
    left: 80px
}

.tuition-modal .modal-footer-text {
    font-size: 12px;
    line-height: 18px;
    margin-top: 24px;
    color: #666
}

.tuition-modal .modal-footer-text a {
    color: #5a8ec5
}

.tuition-modal .btn-success {
    background: linear-gradient(127.91deg, #FF702A -28.65%, #C507C9 147.82%);
    margin-top: 25px;
    padding: 9px 24px
}

.tuition-modal .btn-success:before {
    content: none
}

.tuition-modal .global-form form .contact-number-full .phone .inputText {
    padding-left: 75px
}

.tuition-modal .filter-option-inner-inner .first {
    display: inline-block;
    overflow: hidden;
    min-width: 50px
}

#when-5 .price-mark .spl-price .strike-price {
    color: #999;
    font-size: 11px;
    font-weight: 600;
    text-decoration: line-through;
    position: absolute;
    top: -15px
}

#when-5 .price-mark .spl-price .right {
    position: relative
}

#when-5 .list-tuition-section .spl-price {
    display: flex;
    align-items: flex-start;
    position: relative
}

#when-5 .spl-price .left {
    width: auto;
    position: relative
}

#when-5 .spl-price .small-grey-text {
    text-decoration: none;
    font-weight: 400;
    display: inline-flex
}

#when-5 .card-four .column-two .program-fee {
    width: 230px
}

#when-5 .data-line:last-child {
    margin-bottom: 0
}

#when-5 .column-two .program-fee {
    line-height: 20px
}

#when-5 .osl-tuition-card .column-two .program-fee {
    margin-bottom: 6px
}

#when-5 .list-tuition-section .title-tag-box {
    padding: 5px 9px 4px 8px;
    background-color: #E9ECFF;
    border-radius: 4px;
    height: 26px
}

#when-5 .tuition-details-card {
    display: block;
    padding: 0
}

#when-5 .green-badge {
    right: 0;
    top: 0
}

#when-5 .type-three-card {
    background: #FFF;
    border: 1px solid #EEE;
    border-radius: 8px;
    padding: 20px 24px;
    position: relative;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    transition: 0.2s
}

#when-5 .list-tuition-section .main-price {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #111;
    margin-bottom: 0;
    text-align: left;
    display: block
}

#when-5 .main-price .small-grey-text {
    text-decoration: none
}

#when-5 .bolder {
    font-weight: 600 !important
}

#when-5 .type-three-card .column-two {
    min-width: 255px
}

#when-5 .list-tuition-section .main-price.plus-icon {
    padding: 0 8px
}

#when-5 .column-three {
    border-left: none
}

#when-5 .column-four {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#when-5 .list-tuition-section .tution-points-summary ul li .tution-points-summary-list span {
    line-height: 16px
}

#when-5 .price-mark span {
    font-size: 11px;
    line-height: 15px;
    margin-left: 0
}

#when-5 .osl-tuition-card .price-mark span {
    font-size: 13px;
    line-height: 18px;
    margin-left: 0
}

#when-5 .list-tuition-section .crossed-text {
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: #999;
    text-decoration: line-through;
    margin-bottom: 2px
}

#when-5 .more-details-link.collapsed::after {
    content: '';
    position: absolute;
    right: 0;
    background-position: -339px -8px;
    width: 7px;
    height: 4px;
    display: inline-block;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/tuition_sprite.svg')
}

#when-5 .more-details-link::after {
    content: '';
    position: absolute;
    right: 0;
    background-position: -391px -8px;
    width: 7px;
    height: 4px;
    display: inline-block;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/tuition_sprite.svg')
}

#when-5 .arrow-right-red-icon {
    display: inline-block;
    transition: 0.2s;
    background-repeat: no-repeat;
    height: 10px;
    width: 0;
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/arrow-right-red.svg');
    cursor: pointer;
    margin-top: 1px
}

#when-5 .tuition-details-card:hover .enroll-text .arrow-right-red-icon {
    transition: 0.2s;
    width: 7px;
    display: inline-block;
    margin-left: 8px
}

#when-5 .days-left {
    align-items: flex-start
}

#when-5 .list-tuition-section-title .blue-button .info-icon-white {
    margin-left: 0
}

#when-5 .list-tuition-section-title .blue-button .tuition-fee-popover {
    margin-left: 5px
}

#when-5 .list-tuition-section-title h2 {
    margin-right: 24px
}

.landing-page .free-demo-btn {
    position: relative;
    top: 13px;
    color: #e64271;
    border: 0px solid #e6427100;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #EB7544, #B933B8);
    display: inline-flex;
    min-width: 100px;
    padding: 1px;
    border-radius: 20px;
    left: 10px
}

.landing-page .free-demo-btn .inner-text {
    background-color: #000;
    border-radius: 20px;
    padding: 5px 39px 5px 12px;
    color: #fff;
    font-weight: 600;
    height: 32px;
    font-size: 12px;
    line-height: 21px
}

.landing-page .free-demo-btn .arrows-icon {
    background-position: -957px -1610px;
    width: 15px;
    height: 14px;
    min-width: 15px;
    position: absolute;
    right: 15px;
    top: 10px
}

.landing-page .free-demo-btn::after {
    content: "";
    width: 1px;
    position: absolute;
    left: -20px;
    height: 20px;
    background-color: #fff;
    top: 7px
}

.free-demo-modal .global-form form .contact-number-full .form-control {
    padding-left: 0
}

.free-demo-modal.tuition-modal .main-title {
    max-width: 359px;
    margin: 0 auto
}

.free-demo-modal .choose-slot-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    margin-bottom: 12px
}

.free-demo-modal .plan-box {
    cursor: pointer;
    height: 41px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 12px;
    transition: 0.1s;
    background: #FFF;
    border: 1px solid #BBB;
    border-radius: 4px;
    margin-top: 24px
}

.free-demo-modal .plan-box:first-child {
    margin-left: 0
}

.free-demo-modal .plan-box:hover {
    border-color: #111;
    transition: 0.2s
}

.free-demo-modal.tuition-modal .divider.first {
    margin: 24px 0 16px 0
}

.free-demo-modal .plan-box .duration {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #000;
    margin-bottom: 4px
}

.free-demo-modal .plan-box .number {
    color: #231F20;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px
}

.free-demo-modal .plan-box.selected-plan {
    border-color: #111;
    background-color: #111;
    transition: 0.1s
}

.free-demo-modal .plan-box.selected-plan .duration,
.free-demo-modal .plan-box.selected-plan .number {
    color: #fff;
    transition: 0.1s
}

.free-demo-modal .plan-container .error {
    position: absolute;
    display: block;
    margin-top: 0;
    font-size: 11px;
    color: #ec4e5d;
    text-transform: capitalize;
    line-height: 17px;
    left: 8px
}

.free-demo-modal .plan-container .jit {
    position: absolute;
    display: block;
    margin-top: 0;
    font-size: 11px;
    color: #ec4e5d;
    text-transform: capitalize;
    line-height: 17px;
    left: 8px
}

.free-demo-modal .plan-box.box1,
.free-demo-modal .plan-box.box2 {
    margin-top: 0
}

.free-demo-modal.tuition-modal .to-close {
    position: absolute;
    right: 13px;
    top: 9px;
    z-index: 1;
    cursor: pointer
}

.free-demo-modal .whatsapp-option .custom-checkbox {
    margin-top: 0;
    display: inline-block
}

.free-demo-modal .whatsapp-option .checkmark {
    top: 1px;
    height: 14px;
    width: 14px;
    border-radius: 2px
}

.free-demo-modal .whatsapp-option .custom-checkbox input:checked~.checkmark {
    border-radius: 2px
}

.free-demo-modal .whatsapp-option .custom-checkbox .checkmark:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    top: 2px;
    left: 5px;
    height: 7px;
    width: 4px
}

.free-demo-modal .whatsapp-option .custom-checkbox input:checked~.checkmark {
    background: linear-gradient(180deg, #ED5058 0%, #DA2E8D 100%)
}

.free-demo-modal .whatsapp-option .custom-checkbox .opt-label {
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    line-height: 18px;
    color: #666
}

.free-demo-modal .global-form form .whatsapp-option.form-group {
    margin-bottom: 9px
}

.free-demo-modal p.submit-agree {
    line-height: 18px !important;
    font-size: 12px !important;
    color: #666 !important;
    font-weight: normal !important;
    display: inline-block;
    text-align: left
}

.free-demo-modal p.submit-agree a,
.free-demo-modal .modal-dialog p.submit-agree a:hover {
    color: #586FEB !important;
    text-decoration: none !important
}

.free-demo-modal .mt-20 {
    margin-top: 20px !important
}

.free-demo-modal .btn.btn-success {
    background: linear-gradient(163.77deg, #FF702A -100.36%, #C507C9 211.86%) !important;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    justify-content: center
}

.otp-form .resend-code-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    margin-bottom: 14px;
    width: 100%;
    text-align: center
}

.otp-form .timelines {
    justify-content: center;
    display: flex;
    margin-top: 24px
}

.otp-form .date-stamp {
    display: inline-flex;
    align-items: center
}

.otp-form .timelines .date-stamp:first-child {
    margin-right: 12px
}

.otp-form .timelines .date-stamp:last-child {
    border-left: 1px solid #333;
    padding-left: 12px
}

.otp-form .timelines .date-stamp {
    display: inline-flex;
    align-items: center
}

.otp-form .timelines .date-stamp .time-slot-icon {
    background-position: -565px -1609px;
    width: 17px;
    height: 17px;
    min-width: 17px
}

.otp-form .timelines .date-stamp .webcam-icon {
    background-position: -612px -1611px;
    width: 19px;
    height: 13px;
    min-width: 19px
}

.otp-form .timelines .date-stamp .stamp-text {
    margin-left: 6px;
    padding-top: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #333
}

.otp-form .resend-code-text .number {
    color: #666
}

.otp-form .divider {
    margin-bottom: 60px
}

.otp-form .resent-wrapper {
    margin-bottom: 14px
}

.otp-form .resend-link-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #586FEB;
    text-align: center;
    width: 100%
}

.otp-form h4.otp-title-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 36px
}

.webinar-success {
    text-align: center;
    padding: 0;
    background-color: #fff;
    margin: 0 auto;
    position: relative
}

.webinar-success .black-close-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-image: url('./../images/close-icon-black.png');
    position: absolute;
    right: 18px;
    top: 18px;
    background-repeat: no-repeat;
    background-position: center center
}

.webinar-success .divider {
    background-color: #eee;
    height: 1px;
    width: 100%;
    display: block;
    margin: 24px 0
}

.webinar-success .gif-image {
    height: 88px;
    width: 88px;
    overflow: hidden;
    margin: 0 auto 2px auto
}

.webinar-success .gif-image img {
    height: 88px;
    width: 88px
}

.webinar-success .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #333
}

.webinar-success .help-text {
    margin-top: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #666;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto
}

.webinar-success .join-text {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #333
}

.webinar-success .social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px
}

.webinar-success .webinar-link-field {
    background: #F9F9F9;
    border: 1px dashed #111;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px 11px 16px;
    height: 41px;
    margin: 16px 0
}

.webinar-success .webinar-link-field .webinar-link {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #231F20;
    border: none;
    display: flex;
    width: 80%;
    box-shadow: none;
    outline: none;
    background: transparent;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.webinar-success .webinar-link-field .copy-text {
    font-weight: 700;
    min-width: 75px;
    font-size: 14px;
    line-height: 19px;
    color: #EC3957;
    cursor: pointer;
    display: block
}

.webinar-success .link-for-demo {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #666
}

.webinar-success .free-demo-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #333
}

.webinar-success .timelines {
    justify-content: center;
    display: flex;
    margin-top: 24px;
    margin-bottom: 14px
}

.webinar-success .date-stamp {
    display: inline-flex;
    align-items: center
}

.webinar-success .timelines .date-stamp:first-child {
    margin-right: 12px
}

.webinar-success .timelines .date-stamp:last-child {
    border-left: 1px solid #999;
    padding-left: 12px
}

.webinar-success .timelines .date-stamp {
    display: inline-flex;
    align-items: center
}

.webinar-success .timelines .date-stamp .calender-icon {
    background-position: -334px -1609px;
    width: 15px;
    height: 16px;
    min-width: 15px;
    margin-right: 0;
    background-image: url('./../images/ever-webinar/Webinar-Sprite.svg')
}

.webinar-success .timelines .date-stamp .alarm-grey-icon {
    background-position: -394px -1609px;
    width: 17px;
    height: 16px;
    min-width: 17px
}

.webinar-success .timelines .date-stamp .stamp-text {
    margin-left: 4px;
    padding-top: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #333;
    text-align: left
}

.webinar-success .timelines .date-stamp .starts-in-text {
    color: #33AB3F
}

.webinar-success .btn-success {
    background: linear-gradient(164.22deg, #FF702A -101.29%, #C507C9 213%)
}

.free-demo-modal .loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    margin: 12px auto
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.mbl-verification {
    max-width: 533px;
    text-align: center;
    margin: 0 auto;
    position: relative
}

.mbl-verification h3 {
    font-size: 30px;
    line-height: 45px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #111
}

.mbl-verification .mbl-verify-help-text {
    max-width: 300px;
    font-size: 14px;
    line-height: 21px;
    color: #666;
    margin: 0 auto
}

.mbl-verification .input-container input {
    margin-right: 40px;
    width: 40px;
    height: 40px;
    border: 1px solid #C1D8F5 !important;
    border-radius: 5px !important;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #111;
    padding: 0
}

.mbl-verification .input-container input:last-child {
    margin-right: 0
}

.mbl-verification .input-container input:focus {
    box-shadow: none
}

.mbl-verification .input-container {
    margin-top: 60px;
    margin-bottom: 20px
}

.mbl-verification small {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #111
}

.mbl-verification small a {
    font-weight: 700;
    text-decoration: underline;
    color: #111
}

.mbl-verification .otp-error {
    display: block;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #e95454
}

.mbl-verification .btn-success {
    margin-top: 40px;
    min-width: 228px
}

.mbl-verification .modal-footer-text {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    margin-top: 20px;
    line-height: 18px;
    max-width: none
}

.mbl-verification .modal-footer-text a {
    font-weight: 500;
    color: #111;
    text-decoration: underline
}

.mbl-verification .resend-code-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    margin-top: 14px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: 32px
}

.mbl-verification .resend-code-text.disabled {
    opacity: 0.35;
    cursor: not-allowed
}

.mbl-verification .resend-code-text .number {
    color: #666;
    display: inline-block;
    font-weight: 600;
    margin-right: 0
}

.mbl-verification .resend-code-text .resend-otp {
    color: #586FEB
}

.mbl-verification .back-to-modal {
    position: absolute;
    left: 55px;
    top: 15px
}

.mbl-verification .icon-back {
    width: 18px;
    height: 11px;
    background-position: -139px -1820px;
    background-image: url(https://d2o2utebsixu4k.cloudfront.net/assets/icons/icon-sprite.svg);
    background-repeat: no-repeat;
    display: inline-block;
    transform: scale(1.3) rotate(180deg)
}

.free-demo-modal .loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    margin: 12px auto
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@media only screen and (max-width: 768px) {
    .eligibility-modal .modal-body {
        padding: 46px 16px 32px 16px !important
    }
    .eligibility-modal .editor-content .info-content {
        padding: 0 12px
    }
    .eligibility-modal .editor-content h2 {
        margin: 0 0 12px 0;
        font-size: 20px;
        line-height: 27px;
        color: #111
    }
    .eligibility-modal .editor-content h4 {
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        margin: 16px 0 0 0;
        color: #111
    }
    .eligibility-modal .editor-content h5 {
        font-size: 12px;
        line-height: 18px;
        margin: 12px 0 0 0
    }
    .eligibility-modal .editor-content p {
        font-size: 12px;
        line-height: 18px;
        color: #333;
        margin: 8px 0 0 0
    }
    .eligibility-modal .editor-content b {
        font-weight: 700
    }
    .eligibility-modal .editor-content ul {
        padding: 16px 8px;
        background-color: #F7F7F7;
        border-radius: 0;
        margin-top: 32px;
        margin-bottom: 0px;
        margin-left: -12px;
        margin-right: -12px
    }
    .eligibility-modal .editor-content ul h4 {
        margin-top: 0px !important;
        margin-bottom: 12px;
        line-height: 27px
    }
    .eligibility-modal .editor-content ul li {
        font-weight: 400;
        font-size: 12px;
        line-height: 24px
    }
    .eligibility-modal .editor-content ul li:first-child {
        margin-left: -1px;
        font-weight: 600;
        font-size: 18px;
        line-height: 27px
    }
    .eligibility-modal .to-close {
        right: 10px;
        top: 8px;
        cursor: pointer
    }
    .eligibility-modal .to-close i.close-search {
        background-color: #fff
    }
    .eligibility-modal .editor-content ul li::marker {
        font-size: 8px
    }
    .eligibility-modal .editor-content .btn-red-gradient {
        background: linear-gradient(270deg, #C407C9 -213.8%, #FF6A2A 151.49%) !important;
        min-width: 101px;
        height: 46px;
        margin-top: 32px
    }
    #when-5 .list-tuition-section-title {
        display: block
    }
    .tuition-modal .modal-content {
        border: 0 none;
        max-height: calc(100% - 71px);
        border-radius: .3rem;
        position: absolute;
        overflow-y: scroll;
        bottom: 45px
    }
    #when-5 .tuition-details-card .column-two .program-fee {
        display: none
    }
    .tuition-modal.modal.fade .modal-dialog,
    .tuition-modal.modal.fade .modal-dialog {
        transform: translate3d(0, 100vh, 0)
    }
    .tuition-modal.modal.show .modal-dialog,
    .tuition-modal.modal.show .modal-dialog {
        transform: translate3d(0, 0, 0)
    }
    .tuition-modal .f-name {
        padding-right: 0 !important
    }
    .tuition-modal .f-name .form-control {
        border-radius: 4px 0 0px 4px !important
    }
    .tuition-modal .l-name .form-control {
        border-radius: 0 4px 4px 0 !important
    }
    .tuition-modal .l-name {
        padding-left: 0 !important;
        margin-left: -1px
    }
    .tuition-modal .modal-body {
        padding: 0 !important
    }
    .tuition-modal [class*="col-"] {
        padding: 0 15px
    }
    .tuition-modal .modal-body .divider {
        display: none
    }
    .tuition-modal .modal-body .tab-content {
        padding: 42px 18px 32px 18px
    }
    .tuition-modal .sub-title {
        font-size: 12px;
        font-weight: 400;
        color: #000;
        line-height: 18px
    }
    .tuition-modal .main-title {
        font-size: 13px;
        line-height: 18px
    }
    .tuition-modal .modal-header-part {
        padding: 24px 18px;
        background: #fff;
        border-radius: 4px 4px 0 0
    }
    .tuition-modal .btn-success {
        margin-top: 0 !important;
        background: linear-gradient(127.91deg, #FF702A -28.65%, #C507C9 147.82%) !important;
        border-radius: 4px;
        height: 46px;
        font-size: 14px !important;
        line-height: 19px !important;
        padding: 8px 32px
    }
    .tuition-modal .global-form form .contact-number-full .form-group .floating-label {
        left: 87px
    }
    .tuition-modal .global-form form .contact-number-full .phone .inputText {
        padding-left: 86px
    }
    #when-5 .price-mark span {
        margin-left: 0
    }
    #when-5 .mbl-actions .blue-button {
        margin-right: 0 !important;
        width: 295px
    }
    #when-5 .list-tuition-section .title-tag-box {
        align-items: center
    }
    #when-5 .column-three {
        min-width: 0;
        width: auto;
        padding-top: 0;
        margin-top: 0
    }
    .list-tuition-header {
        display: block
    }
    #when-5 .column-one,
    #when-5 .column-two,
    #when-5 .column-three,
    #when-5 .column-four {
        width: auto;
        min-width: auto
    }
    #when-5 .arrow-right-red-icon {
        width: 7px
    }
    #when-5 .column-one {
        margin-bottom: 16px;
        padding-right: 0;
        min-width: 115px;
        max-width: 115px;
        margin-right: 24px
    }
    #when-5 .number-circle {
        min-width: 22px;
        max-width: 22px;
        height: 22px;
        font-size: 12px;
        line-height: 16px
    }
    #when-5 .tuition-details-card {
        min-height: 130px
    }
    #when-5 .tuition-details-card .column-two {
        display: none;
        width: 0
    }
    #when-5 .tuition-details-card.card-three .column-one .number-circle {
        margin-top: 7px
    }
    #when-5 .tuition-details-card .column-one {
        margin-bottom: 0
    }
    #when-5 .tuition-details-card.card-four .fee-content {
        display: block;
        padding: 34px 16px 40px 12px
    }
    #when-5 .tuition-details-card.card-four .column-two .program-fee {
        display: block;
        padding-bottom: 24px;
        padding-left: 32px;
        width: auto
    }
    #when-5 .tuition-details-card.card-four .column-one {
        max-width: 100%;
        margin-right: 0;
        padding-bottom: 10px
    }
    #when-5 .tuition-details-card.card-four .column-two {
        display: block;
        width: 100%
    }
    #when-5 .tuition-details-card .fee-content {
        padding: 34px 16px 20px 12px;
        align-items: center
    }
    #when-5 .tuition-details-card {
        padding-bottom: 40px
    }
    #when-5 .tuition-details-card.card-three .fee-details .data-line:last-child {
        padding-bottom: 0
    }
    #when-5 .list-tuition-section .main-price {
        font-size: 13px;
        line-height: 18px;
        display: inline-block
    }
    #when-5 .list-tuition-section .main-price.plus-icon {
        padding: 0;
        margin-bottom: 8px
    }
    #when-5 .list-tuition-section .spl-price {
        display: block;
        padding-bottom: 32px
    }
    #when-5 .list-tuition-section .card-three .spl-price {
        padding-bottom: 0px
    }
    #when-5 .data-line {
        margin-left: 0
    }
    #when-5 .tuition-details-card.first-card .fee-content .price-mark {
        display: inline-flex;
        flex-direction: column-reverse
    }
    #when-5 .tuition-details-card.first-card .price-mark .crossed-text {
        margin-bottom: 0
    }
    #when-5 .tuition-details-card .column-one p {
        font-size: 13px;
        line-height: 18px
    }
    #when-5 .tuition-details-card .price-mark .spl-price .left {
        width: auto
    }
    #when-5 .tuition-details-card .price-mark .spl-price .left .small-grey-text {
        margin-left: 0
    }
    #when-5 .tuition-details-card .column-four {
        position: absolute;
        text-align: right;
        border-top: 1px solid #eee;
        margin-top: 0;
        padding-top: 0;
        margin-left: 0;
        width: auto;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 8px 0 10px 0;
        margin: 0 24px
    }
    #when-5 .tuition-details-card,
    #when-5 .tuition-details-card:hover {
        border: none;
        box-shadow: 0px 2px 10px rgba(24, 39, 75, 0.07);
        border-radius: 8px
    }
    #when-5 .tuition-details-card.osl-tuition-card .column-two .program-fee {
        display: block;
        margin-bottom: 6px
    }
    #when-5 .tuition-details-card.osl-tuition-card {
        padding: 24px 24px;
        display: block
    }
    #when-5 .tuition-details-card.osl-tuition-card .price-mark {
        font-size: 16px
    }
    #when-5 .tuition-details-card.osl-tuition-card .rate-per-month {
        font-size: 16px;
        padding-bottom: 34px
    }
    #when-5 .tuition-details-card.osl-tuition-card .days-left {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #eee
    }
    #when-5 .tuition-details-card.osl-tuition-card .days-left-without-emi {
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: none
    }
    #when-5 .tuition-details-card.osl-tuition-card .price-mark .price-mark span {
        font-size: 13px;
        line-height: 18px
    }
    #when-5 .tuition-details-card.osl-tuition-card .column-two {
        display: block;
        width: auto
    }
    #when-5 .mbl-actions .grey-btn.next-button {
        mix-blend-mode: normal;
        border-radius: 4px;
        margin-bottom: 16px;
        width: auto;
        background-color: #E9ECFF;
        margin-left: 0
    }
    #when-5 .more-details-link {
        right: auto;
        bottom: 14px;
        top: auto;
        left: 24px
    }
    #when-5 .osl-bootcamp-sub-section .list-tuition-header div.fx-v-center {
        display: block
    }
    #when-5 .tuition-details-card .fee-details {
        padding: 20px 0 40px 0;
        margin: 0 24px;
        transition: 0.2s
    }
    #when-5 .fee-details .data-line {
        margin-bottom: 16px
    }
    #when-5 .fee-details .data-line:last-child {
        padding-bottom: 0px
    }
    #when-5 .fee-details .tax-text {
        bottom: 58px
    }
    #when-5 .list-tuition-section {
        padding-top: 24px
    }
    #when-5 .fee-details .data-line .value {
        width: 110px;
        text-align: right;
        margin-left: auto
    }
    #when-5 .list-tuition-section .title-tag-text {
        margin-bottom: 0;
        margin-top: 0
    }
    #when-5 .tuition-details-card .green-badge {
        font-size: 11px;
        line-height: 15px;
        padding: 4px 8px;
        height: 23px
    }
    #when-5 .b-t-0 {
        border-top: none
    }
    #when-5 .list-pointers ul li {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 12px
    }
    #when-5 .list-pointers ul li .grey-link {
        font-size: 12px;
        line-height: 18px
    }
    #when-5 .list-pointers ul li:last-child {
        margin-bottom: 0
    }
    #when-5 .list-tuition-section-title {
        margin-bottom: 0;
        display: inline-block
    }
    #when-5 .list-pointers {
        background-color: #E9ECFF;
        border-radius: 4px;
        padding: 12px 4px;
        margin-bottom: 0px;
        margin-top: 12px
    }
    #when-5 .list-pointers ul {
        padding-left: 27px
    }
    #when-5 .list-tuition-section-title .money-back-btn {
        margin: 0 0 12px 0
    }
    #when-5 .list-tuition-section-title h2 {
        margin-right: 0
    }
    #when-5 .price-mark .spl-price .right {
        margin-top: 6px
    }
    .free-demo-modal.tuition-modal [class*="col-"] {
        padding: 0 8px
    }
    .free-demo-modal.tuition-modal .modal-header-part {
        background-color: #f6f6f6;
        padding: 16px 32px 16px 16px
    }
    .free-demo-modal.tuition-modal .main-title {
        text-align: left;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        max-width: 100%
    }
    .landing-page .free-demo-btn::after {
        content: none
    }
    .landing-page .free-demo-btn .arrows-icon {
        top: 14px
    }
    .landing-page .free-demo-btn {
        border-radius: 4px;
        height: 43px;
        left: 0;
        top: -6px
    }
    .landing-page .free-demo-btn .inner-text {
        border-radius: 4px;
        height: 41px;
        padding: 10px 39px 5px 12px
    }
    .free-demo-modal.tuition-modal .modal-body .tab-content {
        padding: 18px 27px 32px 27px
    }
    .free-demo-modal.tuition-modal .choose-slot-text {
        margin-bottom: 8px
    }
    .free-demo-modal .plan-box {
        padding: 10px 7px
    }
    .free-demo-modal.tuition-modal .divider {
        margin: 24px 0 36px 0
    }
    .free-demo-modal.tuition-modal .plan-box .number {
        font-size: 12px;
        line-height: 18px
    }
    .free-demo-modal.tuition-modal .modal-body .divider {
        display: block
    }
    .free-demo-modal.tuition-modal .plan-container .error {
        left: 8px
    }
    .free-demo-modal p.submit-agree {
        text-align: center
    }
    .free-demo-modal .global-form form .whatsapp-option.form-group {
        margin-bottom: 19px
    }
    .webinar-success {
        padding: 32px 18px
    }
    .webinar-success .title {
        font-size: 18px;
        line-height: 27px;
        color: #111
    }
    .webinar-success .help-text {
        margin-top: 16px
    }
    .free-demo-modal.tuition-modal .modal-body .webinar-success .divider {
        margin-bottom: 24px
    }
    .webinar-success .webinar-link-field .webinar-link {
        font-size: 12px;
        line-height: 20px
    }
    .webinar-success .webinar-link-field .copy-text {
        font-size: 12px;
        line-height: 16px
    }
    .webinar-success .timelines {
        margin-bottom: 24px
    }
    .webinar-success .timelines .date-stamp .stamp-text {
        font-size: 12px;
        line-height: 16px
    }
    .webinar-success .help-text {
        margin-top: 16px;
        font-size: 16px;
        line-height: 24px;
        color: #333;
        font-weight: 400
    }
    .webinar-success .timelines .date-stamp .calender-icon {
        background-position: -682px -1610px;
        width: 12px;
        height: 14px
    }
    .webinar-success .timelines .date-stamp .alarm-grey-icon {
        background-position: -846px -1610px;
        width: 14px;
        height: 14px;
        min-width: 14px
    }
    .free-demo-modal.tuition-modal .otp-form {
        padding: 32px 18px
    }
    .free-demo-modal.tuition-modal .modal-body .otp-form .tab-content {
        padding: 0 10px
    }
    .free-demo-modal.tuition-modal .otp-form .main-title {
        max-width: 220px;
        margin-left: 0
    }
    .free-demo-modal.tuition-modal .otp-form .timelines {
        margin-top: 12px;
        display: block
    }
    .free-demo-modal.tuition-modal .otp-form .timelines .date-stamp .stamp-text {
        font-size: 12px;
        line-height: 16px;
        margin-left: 8px
    }
    .free-demo-modal.tuition-modal .otp-form .timelines .date-stamp:last-child {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
        margin-top: 16px
    }
    .free-demo-modal.tuition-modal .otp-form .modal-header-part {
        text-align: center;
        background-color: transparent;
        padding: 0 0;
        border-bottom: 1px solid #eee;
        padding-bottom: 16px
    }
    .free-demo-modal.tuition-modal .otp-form h4.otp-title-text {
        margin-bottom: 24px
    }
    .free-demo-modal.tuition-modal .otp-form .f-name {
        padding-right: 8px !important
    }
    .free-demo-modal.tuition-modal .otp-form .timelines .date-stamp .time-slot-icon {
        background-position: -716px -1610px;
        width: 14px;
        height: 14px;
        min-width: 14px
    }
    .free-demo-modal.tuition-modal .otp-form .timelines .date-stamp .webcam-icon {
        background-position: -750px -1612px;
        width: 16px;
        height: 10px;
        min-width: 16px
    }
    .mbl-verification h3 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600
    }
    .mbl-verification .back-to-modal {
        left: 15px;
        top: 8px
    }
    .icon-back {
        background-position: -69px -2304px;
        width: 13px;
        height: 13px
    }
    .mbl-verification p {
        max-width: 164px;
        font-size: 11px
    }
    .mbl-verification .input-container {
        margin-top: 25px;
        margin-bottom: 15px
    }
    .mbl-verification .input-container input {
        margin-right: 20px
    }
    .mbl-verification .btn-success {
        margin-top: 33px
    }
    .mbl-verification .modal-footer-text {
        max-width: none
    }
    .mbl-verification .resend-code-text {
        font-size: 13px
    }
}

#concept-1 .swiper-button-next,
#concept-1 .swiper-button-prev {
    z-index: 8 !important
}

.free-demo-btn {
    border-radius: 0 !important;
    background-image: none !important;
    background: none !important
}

.free-demo-btn:focus,
.free-demo-btn:focus-visible {
    outline: none !important
}

.landing-page .free-demo-btn {
    left: auto;
    margin-right: 22px;
    line-height: 22px;
    color: #FFF;
    font-weight: 600;
    font-size: 16px !important;
    padding: 12px 44px 12px 16px !important;
    border: 1px solid #FFF;
    border-radius: 4px !important
}

.landing-page .free-demo-btn::after {
    content: none !important
}

.landing-page .free-demo-btn:hover {
    background: linear-gradient(132.56deg, #FF702A 0%, #C507C9 93.82%) !important;
    border: none !important;
    padding: 13px 45px 13px 17px !important
}

.landing-page .free-demo-btn:before {
    content: "";
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 9px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-position: -682px -4px;
    transition: all 0.3s ease-in-out
}

.schedule-btns .watch-video-btn {
    border: 0 !important
}

.schedule-btns .watch-video-btn:hover .f-layout-icons {
    background: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/play-circle-hover.png") no-repeat center !important
}

.bootcamp-sidebar .contact-course .heading-title {
    text-align: left;
    background: #f6f6f6;
    padding-left: 16px;
    padding-bottom: 8px;
    padding-right: 16px
}

.bootcamp-sidebar .contact-course p {
    font-size: 12px;
    line-height: 19px;
    padding: 0 16px 18px;
    background: #f6f6f6;
    color: #666
}

.bootcamp-sidebar .contact-course .tab-content {
    margin-top: 25px
}

.bootcamp-call {
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 16px;
    margin-top: 23px;
    font-size: 14px
}

.bootcamp-call i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.bootcamp-call a {
    font-size: 14px;
    font-weight: 700;
    color: #111;
    line-height: 19px
}

.bootcamp-career-prep {
    padding: 48px 85px
}

.bootcamp-career-prep h2 {
    margin-bottom: 16px
}

.bootcamp-career-prep p {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 19px;
    margin-bottom: 32px
}

.prep-overview {
    height: 290px
}

.prep-overview.editor-content .prep-overview-list {
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    padding: 24px 16px;
    height: 250px;
    margin-top: 10px;
    position: relative;
    border-radius: 4px
}

.prep-overview-list:before {
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    border-radius: 4px
}

.career-prep-slider .swiper-slide:nth-child(2n+1) .prep-overview-list:before {
    background-image: linear-gradient(to right, #f35a4b 0%, #d92c92 100%)
}

.career-prep-slider .swiper-slide:nth-child(2n) .prep-overview-list:before {
    background-image: linear-gradient(160deg, #00cdff 0%, #9e24db 100%)
}

.career-prep-slider.swiper-container {
    width: calc(100% + 30px);
    padding: 0 15px;
    margin-left: -15px;
    overflow: hidden
}

.prep-overview .prep-heading {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-top: 27px;
    line-height: 22px
}

.prep-overview-list ul {
    margin-top: 13px;
    padding-left: 0;
    list-style: none
}

.prep-overview-list ul li {
    position: relative;
    padding-left: 13px;
    font-size: 13px;
    color: #666;
    line-height: 19px;
    margin-bottom: 10px
}

.prep-overview-list ul li:last-child {
    margin-bottom: 0
}

.prep-overview-list ul li:before {
    width: 5px;
    content: '';
    height: 5px;
    background: #666;
    left: 0;
    top: 8px;
    border-radius: 50%;
    position: absolute
}

.prep-overview-list i {
    width: 43px;
    height: 43px;
    display: inline-block
}

.prep-overview-list p {
    font-size: 13px;
    margin-top: 13px
}

.icon-prep-1 {
    background-position: -1079px 0
}

.icon-prep-2 {
    background-position: -1202px -3px
}

.icon-prep-3 {
    background-position: -14px -105px
}

.bootcamp-when {
    padding: 32px 85px;
    position: relative;
    background: #fff
}

.bootcamp-when h2 {
    display: inline-flex
}

.boot-schedule-thumb-summary {
    height: 430px
}

.boot-schedule-thumb {
    height: 370px;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin-top: 5px
}

.self-placed.swiper-slide,
.blended-single.swiper-slide {
    max-width: 307px;
    min-width: 307px
}

.boot-schedule-heading-summary {
    height: 79px;
    background-color: #f8faf7;
    border-radius: 4px 4px 0 0;
    padding: 16px 12px 16px 16px;
    position: relative
}

.boot-schedule-heading {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #111
}

.boot-schedule-heading-content {
    font-size: 14px;
    line-height: 20px;
    color: #111;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.boot-schedule-content ul {
    padding-top: 16px
}

.boot-schedule-content ul li {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 12px
}

.boot-schedule-content ul li:before {
    width: 4px;
    content: '';
    height: 4px;
    background: #666;
    left: 0;
    top: 7px;
    border-radius: 50%;
    position: absolute
}

.boot-schedule-content p {
    padding-top: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 18px
}

.boot-schedule-price {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    line-height: 22px;
    margin-bottom: 7px
}

.boot-schedule-price span {
    font-weight: 700
}

.boot-schedule-enroll .btn-default {
    padding: 8px 24px;
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%) !important;
    border: 0 none;
    color: #fff !important
}

.boot-schedule-enroll .btn-default:hover,
.boot-schedule-enroll .btn-default:focus {
    box-shadow: 0 0 5px #ec4186;
    color: #fff !important
}

.boot-schd-slider.swiper-container {
    width: calc(100% + 30px);
    padding: 0 15px;
    margin-left: -15px;
    overflow: hidden
}

.blended.swiper-slide {
    max-width: 535px;
    min-width: 307px
}

.boot-blended-track {
    height: 357px;
    padding-top: 24px;
    padding-bottom: 60px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px
}

.boot-blended-track .boot-blended-track-list {
    flex: 1;
    min-width: 50%;
    border-right: 1px solid #eee;
    height: 273px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative
}

.boot-blended-track .boot-blended-track-list:last-child {
    border: 0 none
}

.blended-track-heading {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #000
}

.blended-track-heading .badge {
    height: 26px;
    border-radius: 13px;
    color: #fff;
    line-height: 18px;
    font-size: 13px;
    font-weight: 600;
    padding: 4px 8px;
    margin-right: 6px
}

.flex-track {
    background-image: linear-gradient(-28deg, #00cdff 0%, #9e24db 100%)
}

.fast-track {
    background-image: linear-gradient(225deg, #5c6bea 0%, #a023db 100%)
}

.blended-content {
    height: 92px
}

.starts-from {
    font-size: 12px;
    font-weight: 600;
    color: #999;
    margin-top: 4px;
    line-height: 16px
}

.boot-blended-track-list .next-batch {
    text-align: center;
    font-weight: 600;
    margin-top: 31px
}

.boot-blended-track-list .next-batch p {
    font-size: 12px;
    color: #666;
    line-height: 19px;
    margin-bottom: 4px;
    font-weight: 400
}

.boot-blended-track-list .next-batch p span {
    font-weight: 700
}

.boot-blended-track-list .next-batch a {
    font-size: 13px;
    color: #586feb;
    line-height: 16px
}

.boot-blended-track-list .next-batch a i {
    margin-right: 5px;
    margin-top: -3px
}

.boot-blended-track-list .next-batch a:hover span {
    text-decoration: underline
}

.boot-location {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px
}

.boot-location i {
    transform: scale(0.7);
    vertical-align: middle
}

.bootcamp-when .swiper-button-next:after {
    content: none
}

.bootcamp-when .swiper-button-prev:after {
    content: none
}

.affirm-position {
    position: absolute;
    padding: 4px 8px;
    border-radius: 4px 4px 0 0;
    height: 25px;
    background-color: #fff;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
    border: 1px solid #31ab29
}

.affirm-position .affirm-msg {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #31ab29
}

.boot-schedule-price strong {
    text-decoration: line-through;
    font-size: 11px;
    line-height: 15px;
    display: block;
    color: #999;
    margin-bottom: 2px;
    font-weight: 600
}

.boot-schedule-price span.self-discount {
    font-size: 12px;
    font-weight: 600;
    color: #31ab29;
    line-height: 16px;
    margin-left: 4px
}

.bootcamp-when .swiper-pagination {
    visibility: hidden
}

.self-track-heading {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #000
}

.icon-info-bootcamp {
    width: 17px;
    height: 17px;
    background-position: -293px -1233px;
    ;
    display: inline-flex;
    vertical-align: middle
}

.affirm-position .icon-info-bootcamp {
    margin-top: -3px
}

.affirm-position .affirm-popover {
    margin-left: 4px
}

.icon-boot-calendar {
    background-position: -902px -1052px;
    ;
    width: 15px;
    height: 16px;
    display: inline-block;
    vertical-align: middle
}

.boot-blended-track-list .next-batch a:hover .icon-boot-calendar {
    background-position: -806px -1052px;
}

.affirm-msg-popover.popover {
    min-width: 300px !important;
    font-family: 'Open Sans', sans-serif;
    max-width: 300px !important;
    border: 0 none;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.1)
}

.affirm-msg-popover .popover-body h3 {
    border-bottom: 0 none !important;
    padding: 0 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    margin-bottom: 0 !important;
    line-height: 20px;
    color: #000
}

.affirm-msg-popover .popover-body p {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
    margin-bottom: 4px
}

.affirm-msg-popover .popover-body p b {
    font-weight: 700
}

.bootcamp-path {
    padding: 48px 85px
}

.bootcamp-path .section-heading {
    margin-bottom: 24px
}

.bootcamp-path img {
    width: 100%
}

.landing-page,
.free-class-lp2 {
    padding: 24px 85px 53px;
    background: #000
}

.landing-page .breadcrumb,
.free-class-lp2 .breadcrumb {
    background-color: transparent;
    padding: 0;
    margin: 0
}

.landing-page .breadcrumb li,
.free-class-lp2 .breadcrumb li {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    padding-right: 30px;
    position: relative;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.landing-page .breadcrumb li a,
.free-class-lp2 .breadcrumb li a {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #999;
    text-decoration: none;
    position: relative;
    display: block
}

.landing-page .breadcrumb li:after,
.free-class-lp2 .breadcrumb li:after {
    position: absolute;
    content: "";
    top: 4px;
    right: 12px;
    color: #fff;
    background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
    width: 6px;
    height: 10px;
    background-position: -6px -6px
}

.landing-page .breadcrumb li:last-child,
.free-class-lp2 .breadcrumb li:last-child {
    padding-right: 0
}

.landing-page .breadcrumb li:last-child:after,
.free-class-lp2 .breadcrumb li:last-child:after {
    content: none
}

.landing-page .sub-title,
.free-class-lp2 .sub-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
    color: #fff;
    margin-right: 10px
}

.landing-page h2,
.free-class-lp2 h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 54px;
    margin-top: 16px;
    margin-bottom: 52px
}

.landing-page .btn-success,
.free-class-lp2 .btn-success {
    margin-top: 43px;
    margin-bottom: 16px;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    padding-left: 32px;
    padding-right: 58px
}

.landing-page .btn-default-white,
.free-class-lp2 .btn-default-white {
    margin-top: 43px;
    margin-bottom: 16px;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    padding-left: 32px;
    padding-right: 32px
}

.landing-page .badge-title-block,
.free-class-lp2 .badge-title-block {
    display: flex;
    align-items: center;
    margin-top: 40px
}

.landing-page .job-guarantee-badge,
.free-class-lp2 .job-guarantee-badge {
    background: linear-gradient(214deg, #5752bb 0%, #4f49bb 100%);
    border-radius: 69px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    padding: 6px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 29px;
    white-space: nowrap
}

.landing-page .job-guarantee-badge .icon-outcome-3 {
    width: 20px;
    height: 24px;
    transform: scale(0.71);
    margin-right: 4px
}

.schedule-btns .btn {
    margin-right: 16px
}

.schedule-btns .btn:last-child {
    margin-right: 0
}

.schedule-btns .watch-video-btn {
    height: auto !important;
    padding: 0 !important;
    padding-left: 0 !important;
    margin-top: 28px;
    background: transparent !important;
    box-shadow: none;
    border-radius: 17px;
    height: 34px;
    font-weight: 600;
    font-size: 12px;
    color: #fff !important;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 1px solid transparent;
    padding: 6px;
    line-height: 21px;
    text-align: left;
    position: relative
}

.schedule-btns .watch-video-btn i {
    vertical-align: top;
    display: inline-block;
    margin-right: 8px
}

.schedule-btns .watch-video-btn .d-md-block {
    display: inline-block !important
}

.schedule-btns .watch-video-btn:hover {
    border: 0 !important;
    display: inline-block
}

.icon-black-play-icon {
    background-position: -577px 0
}

.affirm-msg {
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    color: #31ab29
}

.rate-per-month {
    margin-left: 0
}

.landing-page h2 span,
.free-class-lp2 h2 span {
    color: #ee426a;
    display: block
}

.landing-page p,
.free-class-lp2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #fff
}

.landing-page p .green-clr,
.free-class-lp2 p .green-clr {
    color: #159833;
    font-weight: 600
}

.landing-page p strong,
.free-class-lp2 p strong {
    font-weight: 700
}

.landing-page .underline-title p,
.free-class-lp2 .underline-title p {
    line-height: 27px;
    font-weight: 600
}

.landing-page .btn-success:before,
.free-class-lp2 .btn-success:before {
    right: 25px
}

.landing-page .btn-success:hover::before,
.free-class-lp2 .btn-success:focus::before,
.free-class-lp2 .btn-success:hover::before,
.free-class-lp2 .btn-success:focus::before {
    right: 31px
}

.landing-page .btn-success:hover,
.free-class-lp2 .btn-success:focus,
.free-class-lp2 .btn-success:hover,
.free-class-lp2 .btn-success:focus {
    box-shadow: 0 0 5px #ec4186
}

.outcome-banner-ribbon-view:empty {
    width: 450px;
    height: 43px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 80%), #111;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 1s infinite;
    border-radius: 2px;
    vertical-align: middle;
    clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
    max-width: 450px;
    right: 0;
    position: absolute
}

#outcome_banner_price:empty {
    width: 80px;
    display: inline-block;
    height: 15px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 80%), #111;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 1s infinite;
    border-radius: 2px;
    vertical-align: middle
}

@keyframes shine {
    to {
        background-position: 100% 0
    }
}

.price-tag {
    position: relative;
    display: inline-block
}

.price-tag:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -7px;
    left: 0px;
    background-image: linear-gradient(to right, #ff953f 0%, #940094 100%);
    transform: rotate(-3.9999992847442627deg);
    height: 5px;
    border-radius: 0 49% 0 0
}

.ribbon {
    height: 43px;
    background: #1a1c18;
    background-image: linear-gradient(214deg, #5752bb 0%, #4f49bb 100%);
    clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
    width: 100%;
    max-width: 450px;
    right: 0;
    position: absolute
}

.inner-content {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    align-items: center;
    height: 100%
}

.inner-item {
    position: relative;
    display: flex;
    color: #fff;
    align-items: center
}

.inner-item .text {
    font-size: 12px;
    font-weight: 600
}

.inner-item i {
    margin-right: 6px;
    width: 20px;
    height: 24px;
    display: inline-block
}

.dot-symbol {
    border-radius: 50%;
    height: 6px;
    width: 6px;
    position: absolute;
    background-repeat: no-repeat;
    left: 6px;
    top: -1px;
    border: 1px solid #fff;
    background-color: #1d8c11
}

.boot-banner-img {
    position: absolute;
    bottom: -53px;
    right: 0
}

.free-class-lp2 .boot-banner-img {
    bottom: -60px
}

.icon-outcome-1 {
    background-position: -87px -246px
}

.icon-outcome-2 {
    background-position: -178px -246px
}

.icon-outcome-3 {
    background-position: -276px -246px
}

.free-class-card {
    background: #F9F9F9
}

.global-card.free-class-card .media-body p {
    color: #000
}

.global-card.free-class-card .btn-success {
    background: linear-gradient(144.87deg, #FF702A -60.15%, #C507C9 176.46%) !important
}

.projects-section {
    padding: 48px 85px;
    background: #f9f9f9
}

.projects-section p {
    margin-bottom: 33px;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #666
}

.projects-summary {
    background: #fff;
    border-radius: 4px;
    padding: 0px 32px 24px
}

.projects-summary ul {
    margin-left: -25px;
    margin-right: -25px
}

.projects-summary ul li {
    float: left;
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 32px;
    padding-bottom: 8px
}

.projects-summary .media-body {
    padding-left: 12px
}

.projects-summary .media img {
    width: 45px;
    height: 45px
}

.projects-summary .company-heading {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
    line-height: 19px;
    display: block
}

.projects-summary .company-platform {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 16px
}

.projects-summary li p {
    margin-bottom: 0;
    margin-top: 12px;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    color: #666;
    line-height: 20px
}

.hiring-partners {
    padding: 48px 85px;
    background: #f9f9f9
}

.hiring-partners h2 {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px
}

.hiring-partners p {
    font-size: 13px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    margin-bottom: 0px
}

.hiring-partners-summary li {
    width: 20%;
    height: 64px;
    margin-bottom: 20px;
    float: left;
    text-align: center;
    position: relative
}

.hiring-partners-summary li img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.tution-section {
    padding: 48px 85px;
    position: relative;
    background: #F5F6FE
}

.tution-section .section-heading {
    margin-bottom: 32px
}

.tution-section-summary {
    padding: 24px 24px 12px;
    background: #fff;
    border-radius: 4px
}

.tution-section .nav-tabs {
    border: 0 none;
    margin-bottom: 32px
}

.tution-section .nav-fill .nav-item {
    margin: 0 8px
}

.tution-section .nav-fill .nav-item:first-child {
    margin-left: 0
}

.tution-section .nav-fill .nav-item:last-child {
    margin-right: 0
}

.tution-section .nav-fill .nav-item .nav-link {
    padding: 10px 10px 11px;
    font-size: 14px;
    line-height: 19px;
    border: 0 none;
    color: #333;
    border-radius: 4px;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.06);
    position: relative
}

.tution-section .nav-fill .nav-item .nav-link span {
    position: absolute;
    top: 0;
    right: 12px;
    height: 16px;
    font-size: 10px;
    font-weight: 600;
    color: #666;
    line-height: 14px;
    padding: 0 4px 2px;
    background: #eee;
    border-radius: 0px 0px 4px 4px
}

.tution-section .nav-fill .nav-item .nav-link.active {
    box-shadow: none;
    background: rgba(34, 122, 235, 0.11);
    font-weight: 700;
    color: #227aeb
}

.tution-section .nav-fill .nav-item .nav-link.active span {
    color: #fff;
    background: #227aeb
}

.tution-points-summary ul {
    margin: 0 -10px
}

.tution-points-summary ul li {
    text-align: center;
    padding: 0 10px;
    float: left
}

.tution-points-summary ul li .tution-points-summary-list {
    color: #333;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 400
}

.check-mark-grey {
    height: 8px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: -622px -1236px
}

.tution-points-summary ul li .tution-points-summary-list i {
    height: 8px;
    display: inline-block;
    min-width: 11px;
    width: 11px;
    margin-right: 10px
}

.tution-points-summary ul li .tution-points-summary-list span {
    display: block;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    color: #333
}

.tution-points-summary ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.icon-tution-summary-1 {
    background-position: -820px -1146px
}

.icon-tution-summary-2 {
    background-position: -888px -1146px
}

.icon-tution-summary-3 {
    background-position: -954px -1146px
}

.icon-tution-summary-4 {
    background-position: -1021px -1146px
}

.icon-tution-summary-5 {
    background-position: -1090px -1146px
}

.tution-blended {
    height: 357px
}

.schd-tracks {
    margin-top: 32px;
    padding-bottom: 32px
}

.blended-thumb-summary .blended-thumb-list:last-child {
    margin-bottom: 0
}

.blended-thumb-list {
    height: 170px;
    position: relative;
    display: flex;
    padding: 10px 30px;
    background: #f5f5f5;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 17px
}

.blended-thumb {
    align-self: center
}

.blended-thumb i {
    display: inline-block;
    margin-bottom: 16px
}

.blended-thumb h4 {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 21px
}

.blended-thumb p {
    font-size: 12px;
    font-weight: 400;
    color: #333;
    line-height: 18px
}

.blended-thumb .btn-default {
    height: 29px;
    margin-top: 18px;
    border-radius: 2px;
    line-height: 14px;
    padding: 6px 13px 7px 12px;
    background: transparent !important;
    font-size: 12px;
    color: #333 !important;
    border-color: #333
}

.blended-thumb .btn-default:hover,
.blended-thumb .btn-default:focus {
    background: #333 !important;
    color: #fff !important
}

.icon-job-skill {
    background-position: -358px -1223px;
    width: 26px;
    height: 33px
}

.blended-thumb .media {
    display: block
}

.self-tracks {
    margin-top: 32px;
    margin-bottom: 32px
}

.self-tracks .col-md-6 {
    border-right: 1px solid #f2f2f2
}

.self-tracks .col-md-6:last-child {
    border: 0 none
}

.self-tracks .boot-schedule-content ul li {
    margin-bottom: 12px
}

.self-tracks .boot-schedule-content ul li:last-child {
    margin-bottom: 0
}

.self-track-discount-content {
    margin-bottom: 35px
}

.self-track-discount-content h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #000;
    line-height: 18px
}

.self-track-discount-content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #333
}

.schd-tracks-isa {
    margin-top: 32px
}

.blended-payment-thumb {
    padding: 12px
}

.bg-thumb {
    border-radius: 4px;
    background: rgba(237, 80, 91, 0.1);
    margin-bottom: 16px
}

.pay-thumb-heading {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    line-height: 16px
}

.pay-thumb-content {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    line-height: 16px
}

.pay-thumb-btn {
    text-align: right
}

.pay-thumb-btn .btn-default {
    border-radius: 2px;
    height: 29px;
    background: linear-gradient(150deg, #ff702a 0%, #c507c9 100%) !important;
    min-width: 88px;
    border: 0 none;
    text-align: center;
    line-height: 16px;
    padding: 6px 12px 7px;
    font-weight: 600;
    font-size: 12px;
    color: #fff !important
}

.pay-thumb-btn .btn-default:hover,
.pay-thumb-btn .btn-default:focus {
    box-shadow: 0 0 5px #ec4186
}

.blended-payment-thumb .isa-more {
    display: block;
    position: absolute;
    bottom: -14px
}

.blended-payment-thumb .isa-more a {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    color: #586feb
}

.blended-payment-thumb.bor-bot {
    border-bottom: 1px solid #eee
}

.pay-thumb-price {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 19px
}

.pay-thumb-price span.self-discount {
    font-size: 12px;
    font-weight: 600;
    color: #31ab29;
    line-height: 16px;
    margin-left: 2px
}

.pay-thumb-price strong {
    text-decoration: line-through;
    font-size: 11px;
    line-height: 15px;
    display: block;
    color: #999;
    margin-bottom: 3px;
    font-weight: 600
}

.pay-thumb-price b {
    font-size: 11px;
    line-height: 15px;
    display: block;
    color: #999;
    margin-top: 3px;
    font-weight: 600
}

.isa-schedules {
    margin-top: 20px;
    margin-bottom: 24px
}

.next-isa-batch {
    text-align: center;
    margin-bottom: 12px
}

.next-isa-batch span {
    display: inline-block;
    padding: 8px 30px;
    background: #dfe3f6;
    border-radius: 18px;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    color: #000
}

.next-isa-batch span strong {
    font-weight: 700
}

.isa-view-all {
    text-align: center
}

.isa-view-all a {
    font-size: 14px;
    line-height: 19px;
    color: #586feb;
    font-weight: 600
}

.options-footer {
    border-top: 1px solid #f2f2f2;
    padding-top: 12px;
    text-align: center
}

.options-footer ul {
    display: flex;
    justify-content: center
}

.options-footer li {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-flex;
    align-self: center
}

.options-footer li span {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-left: 8px
}

.icon-dollar {
    width: 17px;
    height: 17px;
    background-position: -122px -1233px
}

.icon-info-boot {
    background-position: -179px -1233px;
    width: 17px;
    height: 17px;
    margin-left: 8px;
    display: inline-block
}

.icon-scholarship {
    width: 17px;
    height: 17px;
    background-position: -236px -1233px
}

.money-back-bg-color {
    padding: 10px 12px 9px;
    border-radius: 18px;
    background-color: #dfe3f6;
    display: flex
}

.options-footer i {
    display: inline-block
}

.options-footer li .scholarship-apply {
    font-size: 12px;
    margin-left: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #586feb
}

.isa-modal .type-form-input-error-message {
    color: #e64143;
    margin-top: 3px;
    font-size: 12px
}

.isa-modal .type-form-success-message {
    text-align: center
}

.isa-modal .type-form-success-message svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    color: #26d400
}

.isa-modal .type-form-success-message .message {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.isa-modal .type-form-list input::-webkit-outer-spin-button,
.isa-modal .type-form-list input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.isa-modal .type-form-list input[type=number] {
    -moz-appearance: textfield
}

.staff-section {
    background-color: #f9f9f9;
    padding: 48px 85px
}

.staff-cards-container {
    margin-top: 30px;
    display: flex
}

.staff-section .nav-pills-container {
    margin-bottom: 2px
}

.staff-section .tabs-btn {
    margin-top: 56px;
    width: 100%
}

.staff-section .staff-card {
    display: inline-flex;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgb(12 23 32 / 10%);
    border-radius: 8px;
    align-items: center;
    height: 100px;
    width: 275px;
    padding: 8px;
    position: relative;
    margin-right: 30px
}

.staff-section .staff-card:last-child {
    margin-right: 0
}

.staff-section .staff-card .staff-image {
    margin-right: 12px;
    overflow: hidden;
    height: 84px;
    width: 84px;
    display: flex;
    align-items: center;
    background-color: #ef877d33;
    border-radius: 8px;
    min-width: 84px;
    font-size: 32px;
    font-weight: 700;
    justify-content: center;
    line-height: 38px;
    color: #EF877D
}

.social-icon-position {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 26px;
    height: 26px;
    transform: scale(0.616)
}

.linkedin-social-icon {
    height: 26px;
    width: 26px;
    background-position: -717px -1146px;
    display: inline-block
}

.staff-card .staff-info p.name {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #111;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 145px
}

.staff-card .staff-info p.designation {
    font-size: 12px;
    line-height: 16px;
    margin: 4px 0 13px 0;
    color: #111
}

.staff-card .staff-info p.social-brand {
    font-size: 12px;
    line-height: 16px;
    color: #666
}

.staff-card .staff-image img {
    height: 100%;
    width: 100%
}

.title-sub-text {
    margin: 0px 0 32px 0;
    font-size: 14px;
    line-height: 21px;
    color: #666;
    margin-top: 4px
}

.nav-pills-container {
    border-bottom: 1px solid #E4E6EE
}

.nav-pills-container .nav-item .nav-link {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #666;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    padding: 0 0 16px 0;
    margin-right: 60px
}

.nav-link.fsd-icons span {
    position: absolute;
    left: 107%;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #666
}

.nav-link.fsd-icons.active::after {
    bottom: -18px !important
}

.nav-pills-container .nav-item:last-child .nav-link {
    margin-right: 0
}

.nav-pills-container .nav-item .nav-link.active {
    color: #333
}

.nav-pills-container .nav-item .nav-link.active:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    border-radius: 4px;
    background-image: linear-gradient(114.88deg, #FF702A 12.57%, #C507C9 88.66%)
}

.staff-section .staff-card .staff-image img:not([src]) {
    display: none
}

.company-logos-hiring.swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative
}

.fsd-icons {
    background-image: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/hiring-partners/fsd-hiring-partners-sprite.svg');
    background-repeat: no-repeat
}

.company-logos-hiring li {
    margin-bottom: 16px;
    margin-right: 11px
}

.company-logos-hiring .cmn-ico-dv {
    height: 150px
}

.company-logos-hiring i {
    transform: translate(-50%, -50%);
    height: 48px;
    margin-bottom: 16px;
    display: block;
    position: relative;
    top: 50%;
    left: 50%
}

.icon-tech-m {
    background-position: -8px 0px;
    width: 95px
}

.icon-bigbasket {
    background-position: -207px 0px;
    width: 97px
}

.icon-extramark {
    background-position: -422px -4px;
    width: 60px
}

.icon-edureka {
    background-position: -587px -2px;
    width: 136px
}

.icon-airtel {
    background-position: -798px -2px;
    width: 80px
}

.icon-binaryclue {
    background-position: -968px -1px;
    width: 115px
}

.icon-mlesys {
    background-position: -7px -49px;
    width: 98px
}

.icon-gocomet {
    background-position: -202px -57px;
    width: 112px
}

.icon-gharofc {
    background-position: -396px -59px;
    width: 112px
}

.icon-nobroker {
    background-position: -591px -57px;
    width: 113px
}

.icon-datamatics {
    background-position: -775px -59px;
    width: 131px
}

.icon-urban-co {
    background-position: -972px -55px;
    width: 99px
}

.icon-synechron {
    background-position: 0px -105px;
    width: 123px
}

.icon-practo {
    background-position: -194px -110px;
    width: 121px
}

.icon-thinkitiv {
    background-position: -408px -112px;
    width: 95px
}

.icon-yext {
    background-position: -615px -101px;
    width: 55px
}

.icon-mobcoder {
    background-position: -769px -115px;
    width: 138px
}

.icon-azoga {
    background-position: -979px -110px;
    width: 85px
}

.icon-verifacts {
    background-position: 0px -163px;
    width: 112px
}

.icon-connectwise {
    background-position: -205px -159px;
    width: 101px
}

.icon-valtech {
    background-position: -403px -165px;
    width: 100px
}

.icon-gavs {
    background-position: -592px -162px;
    width: 100px
}

.icon-greenthumbs {
    background-position: -778px -165px;
    width: 103px
}

.icon-java-rd {
    background-position: -970px -164px;
    width: 108px
}

.icon-codevyasa {
    background-position: 0px -221px;
    width: 122px
}

.icon-sbl {
    background-position: -226px -224px;
    width: 58px
}

.icon-newgen {
    background-position: -398px -222px;
    width: 112px
}

.icon-pixel {
    background-position: -623px -218px;
    width: 43px
}

.icon-klaus {
    background-position: -795px -215px;
    width: 69px
}

.icon-talentpace {
    background-position: -986px -221px;
    width: 78px
}

.icon-myshub {
    background-position: 0px -273px;
    width: 121px
}

.icon-sonata {
    background-position: -226px -272px;
    width: 70px
}

.icon-quest {
    background-position: -406px -274px;
    width: 100px
}

.icon-grt-man {
    background-position: -604px -272px;
    width: 76px
}

.icon-click-cloud {
    background-position: -794px -271px;
    width: 74px
}

.icon-uniq {
    background-position: -983px -273px;
    width: 86px
}

.icon-onebridge {
    background-position: -17px -326px;
    width: 85px
}

.icon-voiz {
    background-position: -200px -330px;
    width: 113px
}

.icon-avendata {
    background-position: -394px -335px;
    width: 121px
}

.icon-petrus {
    background-position: -602px -332px;
    width: 86px
}

.icon-fwc {
    background-position: -786px -337px;
    width: 94px
}

.icon-talentbox {
    background-position: -973px -332px;
    width: 103px
}

.icon-ana-ee {
    background-position: -26px -390px;
    width: 68px
}

.icon-shaadi {
    background-position: -217px -390px;
    width: 72px
}

.icon-ms-grp {
    background-position: -410px -384px;
    width: 94px
}

.icon-idbi {
    background-position: -593px -385px;
    width: 109px
}

.company-logos-hiring-mbl.swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative
}

.company-logos-hiring-mbl .cmn-ico-dv {
    height: 80px
}

.company-logos-hiring-mbl li {
    margin-bottom: 16px
}

.company-logos-hiring-mbl i {
    margin-bottom: 10px;
    display: block;
    height: 40px
}

.icon-mbl-tech-m {
    background-position: -30px -640px;
    width: 73px
}

.icon-mbl-bigbasket {
    background-position: -193px -641px;
    width: 75px
}

.icon-mbl-extramark {
    background-position: -373px -640px;
    width: 48px
}

.icon-mbl-edureka {
    background-position: -513px -641px;
    width: 90px
}

.icon-mbl-airtel {
    background-position: -691px -642px;
    width: 64px
}

.icon-mbl-binaryclue {
    background-position: -845px -637px;
    width: 84px
}

.icon-mbl-mlesys {
    background-position: -1018px -636px;
    width: 65px
}

.icon-mbl-gocomet {
    background-position: -20px -698px;
    width: 97px
}

.icon-mbl-gharofc {
    background-position: -181px -695px;
    width: 98px
}

.icon-mbl-nobroker {
    background-position: -591px -57px;
    width: 104px
}

.icon-mbl-datamatics {
    background-position: -511px -700px;
    width: 96px
}

.icon-mbl-urban-co {
    background-position: -685px -694px;
    width: 72px
}

.icon-mbl-synechron {
    background-position: -841px -694px;
    width: 91px
}

.icon-mbl-practo {
    background-position: -1006px -697px;
    width: 85px
}

.icon-mbl-thinkitiv {
    background-position: -40px -752px;
    width: 55px
}

.icon-mbl-yext {
    background-position: -210px -743px;
    width: 42px
}

.icon-mbl-mobcoder {
    background-position: -344px -753px;
    width: 102px
}

.icon-mbl-azoga {
    background-position: -525px -751px;
    width: 66px
}

.icon-mbl-verifacts {
    background-position: -679px -748px;
    width: 86px
}

.icon-mbl-connectwise {
    background-position: -855px -747px;
    width: 63px
}

.icon-mbl-valtech {
    background-position: -1013px -751px;
    width: 75px
}

.icon-mbl-gavs {
    background-position: -25px -805px;
    width: 82px
}

.icon-mbl-greenthumbs {
    background-position: -199px -808px;
    width: 70px
}

.icon-mbl-java-rd {
    background-position: -357px -805px;
    width: 79px
}

.icon-mbl-codevyasa {
    background-position: -511px -809px;
    width: 98px
}

.icon-mbl-sbl {
    background-position: -700px -803px;
    width: 46px
}

.icon-mbl-newgen {
    background-position: -846px -808px;
    width: 83px
}

.icon-mbl-pixel {
    background-position: -1035px -803px;
    width: 33px
}

.icon-mbl-klaus {
    background-position: -42px -860px;
    width: 56px
}

.icon-mbl-talentpace {
    background-position: -201px -857px;
    width: 60px
}

.icon-mbl-myshub {
    background-position: -344px -862px;
    width: 105px
}

.icon-mbl-sonata {
    background-position: -536px -860px;
    width: 46px
}

.icon-mbl-quest {
    background-position: -688px -861px;
    width: 71px
}

.icon-mbl-grt-man {
    background-position: -862px -861px;
    width: 55px
}

.icon-mbl-click-cloud {
    background-position: -1026px -861px;
    width: 47px
}

.icon-mbl-uniq {
    background-position: -37px -919px;
    width: 67px
}

.icon-mbl-onebridge {
    background-position: -203px -913px;
    width: 55px
}

.icon-mbl-voiz {
    background-position: -360px -919px;
    width: 73px
}

.icon-mbl-avendata {
    background-position: -514px -920px;
    width: 91px
}

.icon-mbl-petrus {
    background-position: -691px -915px;
    width: 67px
}

.icon-mbl-fwc {
    background-position: -786px -337px;
    width: 94px
}

.icon-mbl-talentbox {
    background-position: -1008px -919px;
    width: 83px
}

.icon-mbl-ana-ee {
    background-position: -38px -975px;
    width: 64px
}

.icon-mbl-shaadi {
    background-position: -200px -975px;
    width: 60px
}

.icon-mbl-ms-grp {
    background-position: -364px -972px;
    width: 64px
}

.icon-mbl-idbi {
    background-position: -522px -972px;
    width: 84px
}

.int-stories .story-card {
    background-color: #fff;
    border-radius: 12px;
    min-height: 200px;
    position: relative;
    padding: 20px;
    border: 1px solid #DDD;
    margin-bottom: 46px
}

.int-stories .story-card .media img {
    height: 54px;
    width: 54px;
    min-width: 54px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #cbcbcb
}

.int-stories .story-card .media .name {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    margin: 0;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    max-width: 100%;
    -webkit-box-orient: vertical
}

.int-stories .story-card .transition {
    margin-top: 12px;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.int-stories .story-card .transition .role {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #111;
    margin-bottom: 4px
}

.int-stories .story-card .transition .layout-icons {
    height: 16px;
    min-width: 100px;
    background-color: #fff;
    display: inline-block
}

.int-stories .story-card .transition .noah-icon {
    background-position: -552px -1711px;
    height: 32px;
    width: 32px;
    min-width: 32px
}

.int-stories .story-card .transition .oracle-icon {
    background-position: -644px -1719px;
    width: 78px;
    height: 11px;
    min-width: 78px
}

.int-stories .story-card .transition .honeywell-icon {
    background-position: -782px -1719px;
    width: 78px;
    height: 14px;
    min-width: 78px
}

.int-stories .story-card .transition .axon-icon {
    background-position: -920px -1718px;
    width: 65px;
    height: 15px;
    min-width: 65px
}

.int-stories .story-card .transition .inconsulting-icon {
    background-position: -2px -1719px;
    height: 22px;
    width: 90px;
    min-width: 90px
}

.int-stories .story-card .transition .microsoft-icon {
    background-position: -152px -1719px;
    width: 84px;
    height: 18px;
    min-width: 84px
}

.int-stories .story-card .transition .werner-icon {
    background-position: -294px -1717px;
    height: 21px;
    width: 62px;
    min-width: 62px
}

.int-stories .story-card .transition .meta-icon {
    background-position: -414px -1719px;
    width: 78px;
    height: 16px;
    min-width: 78px
}

.int-stories .story-card .transition .nitro-icon {
    background-position: -1045px -1712px;
    width: 64px;
    height: 28px;
    min-width: 64px
}

.int-stories .story-card .transition .system1-icon {
    background-position: -1169px -1719px;
    width: 74px;
    height: 15px;
    min-width: 74px
}

.int-stories .story-card .linkedin-icon {
    height: 26px;
    width: 26px;
    display: block;
    margin-left: -5px;
    transform: scale(0.616)
}

.int-stories .story-card .media-body {
    margin-left: 12px
}

.int-stories .story-card .linkedin-icon .linkedin-social-icon {
    transform: scale(1)
}

.int-stories .story-card .transition .arrow-path-img {
    margin: 18px 0;
    display: block;
    max-height: 55px;
    margin-left: 16px;
    min-height: 49px;
    min-width: 8px;
    height: 49px;
    width: 8px;
    background-position: -1px -1801px
}

.int-stories .success-next {
    top: 0;
    right: 15px
}

.int-stories .success-prev {
    top: 0;
    right: 63px;
    left: auto
}

.int-stories .swiper-slide {
    margin-top: 18px
}

.int-stories .swiper-container-horizontal>.swiper-pagination-bullets {
    display: inline-block
}

.int-stories .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px
}

.int-stories .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(1)
}

.int-stories .swiper-button-next {
    outline: none;
    background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/osl-detail-page-sprite.svg') no-repeat -898px -509px;
    ;
    position: absolute;
    width: 16px;
    height: 10px;
    margin: 0
}

.int-stories .swiper-button-next::after {
    content: ''
}

.int-stories .swiper-button-prev {
    outline: none;
    background: url('https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/osl-detail-page-sprite.svg') no-repeat -950px -566px;
    position: absolute;
    width: 16px;
    height: 10px;
    margin: 0
}

.int-stories .swiper-button-prev::after {
    content: ''
}

.int-stories .swiper-button-next.swiper-button-disabled,
.int-stories .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5
}

.int-stories .success-next {
    top: 10px;
    right: 0
}

.int-stories .success-prev {
    top: 10px;
    right: 47px;
    left: auto
}

.int-stories .bg-grey {
    background-color: #999
}

.int-stories .old-role img,
.int-stories .new-role img {
    height: 25px
}

@media only screen and (min-width: 1650px) {
    .bootcamp-career-prep .container-fluid,
    .bootcamp-when .container-fluid,
    .bootcamp-path .container-fluid,
    .landing-page .container-fluid,
    .free-class-lp2 .container-fluid,
    .rating-section .container-fluid,
    .projects-section .container-fluid,
    .hiring-partners .container-fluid,
    .tution-section .container-fluid,
    .staff-section .container-fluid {
        width: 1440px !important;
        margin: 0 auto;
        padding: 0
    }
}

@media only screen and (max-width:1366px) {
    .bootcamp-career-prep,
    .bootcamp-path,
    .bootcamp-when,
    .landing-page,
    .free-class-lp2,
    .rating-section,
    .projects-section,
    .hiring-partners,
    .tution-section,
    .staff-section {
        padding-left: 55px;
        padding-right: 55px
    }
}

@media only screen and (max-width:767px) {
    .view-schedules-btn {
        margin-bottom: 16px !important;
        text-align: center;
        width: 100% !important;
        display: block;
        margin-right: 0 !important
    }
    .bootcamp-reg-btn {
        text-align: center;
        border-radius: 0 !important;
        width: 100% !important;
        display: block;
        margin-right: 0 !important
    }
    .landing-page .free-demo-btn {
        height: 46px;
        top: auto;
        margin-right: 0px !important;
        line-height: 20px;
        color: #FFF;
        font-weight: 700;
        font-size: 13px !important;
        padding: 13px 44px 13px 16px !important;
        border: 1px solid #FFF;
        border-radius: 4px !important;
        display: block
    }
    .landing-page .free-demo-btn::after {
        content: none !important
    }
    .landing-page .free-demo-btn:hover {
        background: linear-gradient(132.56deg, #FF702A 0%, #C507C9 93.82%) !important;
        border-color: transparent !important
    }
    .landing-page .free-demo-btn:before {
        content: "";
        background-image: url('public/frontend/java/assets/images/f-icon-sprite.svg');
        
        width: 9px;
        height: 14px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        background-position: -682px -4px;
        transition: all 0.3s ease-in-out
    }
    .schedule-btns .watch-video-btn:hover~.watch-video-btn .f-layout-icons {
        background-image: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/play-circle-hover.png") !important;
        background-repeat: no-repeat !important
    }
    .int-stories {
        padding: 32px 0 0 0;
        position: relative
    }
    .int-stories.section-heading {
        margin-bottom: 32px
    }
    .int-stories .story-card .arrow-path-img {
        margin-left: 8px
    }
    .int-stories .editor-content p {
        margin-top: 12px;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical
    }
    .int-stories .quote-icon {
        background-position: -56px -1040px;
        width: 20px;
        height: 18px
    }
    .int-stories .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0px
    }
    .int-stories .success-next {
        top: auto;
        right: 34%;
        background-position: -1019px -888px;
        width: 8px;
        height: 12px;
        bottom: 3px
    }
    .int-stories .swiper-slide {
        margin-top: 0
    }
    .int-stories .swiper-pagination-fraction {
        padding-right: 0
    }
    .int-stories .success-prev {
        top: auto;
        left: 34%;
        background-position: -818px -339px;
        width: 8px;
        height: 12px;
        bottom: 3px
    }
    .int-stories .swiper-container-horizontal>.swiper-pagination-bullets {
        display: inline-block
    }
    .int-stories .test-slider.swiper-container {
        width: calc(100% + 24px);
        padding: 0 12px;
        margin-left: -12px
    }
    .int-stories .swiper-container-horizontal>.swiper-pagination-bullets {
        display: inline-block
    }
    .int-stories .story-card {
        margin-bottom: 35px
    }
    .bootcamp-career-prep,
    .bootcamp-path,
    .bootcamp-when {
        padding: 24px 0
    }
    .bootcamp-path .section-heading {
        margin-bottom: 16px
    }
    .bootcamp-when h2 {
        margin-bottom: 0
    }
    .self-placed.swiper-slide,
    .blended.swiper-slide {
        min-width: auto;
        max-width: 100%
    }
    .boot-schedule-thumb-summary {
        height: 420px
    }
    .boot-schd-slider.swiper-container {
        margin-top: 15px
    }
    .boot-schedule-heading-content {
        display: none
    }
    .boot-schedule-heading {
        font-weight: 600;
        font-size: 14px;
        line-height: 19px
    }
    .boot-schedule-heading-summary {
        padding: 12px;
        height: 43px
    }
    .boot-schedule-thumb {
        height: 333px
    }
    .bootcamp-when .swiper-pagination {
        visibility: visible
    }
    .bootcamp-career-prep h2 {
        margin-bottom: 12px
    }
    .bootcamp-career-prep p {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 9px
    }
    .prep-overview-list {
        padding: 16px
    }
    .prep-overview .prep-heading {
        margin-top: 12px;
        font-size: 14px;
        font-weight: 600
    }
    .prep-overview-list ul li {
        font-size: 12px
    }
    .prep-overview-list i {
        transform: scale(0.7)
    }
    .bootcamp-career-prep .swiper-button-next:after {
        content: ""
    }
    .bootcamp-career-prep .swiper-button-next {
        outline: none;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/icon-sprite.svg') no-repeat -999px -1054px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: 12px
    }
    .bootcamp-career-prep .swiper-button-prev:after {
        content: ""
    }
    .bootcamp-career-prep .swiper-button-prev {
        outline: none;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/icon-sprite.svg') no-repeat -1092px -1054px;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: 13px
    }
    .bootcamp-when .swiper-button-next:after {
        content: ""
    }
    .bootcamp-when .swiper-button-next {
        outline: none;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/icon-sprite.svg') no-repeat -999px -1054px;
        position: absolute;
        top: auto;
        right: 31%;
        width: 8px;
        height: 12px;
        bottom: 12px
    }
    .bootcamp-when .swiper-button-prev:after {
        content: ""
    }
    .bootcamp-when .swiper-button-prev {
        outline: none;
        background: url('https://d2o2utebsixu4k.cloudfront.net/assets/icons/icon-sprite.svg') no-repeat -1092px -1054px;
        position: absolute;
        top: auto;
        left: 29%;
        width: 8px;
        height: 12px;
        z-index: 9;
        bottom: 13px
    }
    .landing-page,
    .free-class-lp2 {
        padding: 24px 0 47px
    }
    .landing-page .sub-title,
    .free-class-lp2 .sub-title {
        font-size: 14px;
        line-height: 21px;
        margin-top: 5px
    }
    .landing-page h2,
    .free-class-lp2 h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 30px
    }
    .landing-page p,
    .free-class-lp2 p {
        font-size: 12px;
        line-height: 16px
    }
    .landing-page .underline-title p,
    .free-class-lp2 .underline-title p {
        line-height: 16px
    }
    .landing-page .btn-success,
    .free-class-lp2 .btn-success {
        margin-top: 0;
        height: 46px;
        padding-left: 24px;
        padding-right: 48px;
        font-size: 13px;
        line-height: 29px;
        margin-bottom: 12px;
        border-radius: 4px !important
    }
    .landing-page .btn-default-white,
    .free-class-lp2 .btn-default-white {
        margin-top: 0;
        height: 46px;
        padding-left: 24px;
        padding-right: 24px;
        font-size: 13px;
        line-height: 29px;
        margin-bottom: 12px
    }
    .landing-page .btn-success::before,
    .free-class-lp2 .btn-success::before {
        right: 26px
    }
    .landing-page .btn-success:hover::before,
    .landing-page .btn-success:focus::before {
        right: 23px
    }
    .schedule-btns {
        margin-top: 24px
    }
    .schedule-btns .watch-video-btn {
        height: auto;
        padding: 0;
        margin-top: 17px;
        margin-bottom: 24px;
        border: 0 !important;
        display: block !important;
        text-align: center
    }
    .landing-page .badge-title-block,
    .free-class-lp2 .badge-title-block {
        flex-direction: column-reverse;
        align-items: flex-start;
        margin-top: 0
    }
    .mobile-ribbon-relative {
        position: relative
    }
    .mobile-ribbon {
        position: absolute;
        height: 27px;
        background: #292929;
        clip-path: none;
        width: 100%;
        border-radius: 2px;
        background-color: #292929;
        bottom: -59px
    }
    .mobile-ribbon .inner-content {
        padding: 0 10px
    }
    .mobile-ribbon .inner-item {
        position: relative;
        flex: 1 1 auto !important
    }
    .mobile-ribbon .inner-item .text {
        font-size: 11px;
        font-weight: 400;
        margin: 0 auto
    }
    .mobile-ribbon .dot-symbol {
        height: 4px;
        width: 4px;
        background-color: #6d6c6c;
        border: none;
        top: 4px;
        left: -2px
    }
    .projects-section {
        padding: 24px 0
    }
    .projects-section h2 {
        margin-bottom: 12px
    }
    .projects-section p {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 27px
    }
    .projects-summary {
        padding: 0 12px
    }
    .projects-summary ul {
        margin: 0
    }
    .projects-summary ul li {
        padding: 0;
        margin: 12px 0;
        width: 100%
    }
    .projects-summary .media img {
        width: 40px;
        height: 40px
    }
    .projects-summary li p {
        font-size: 12px;
        line-height: 18px;
        height: auto;
        overflow: visible;
        margin-top: 8px
    }
    .hiring-partners {
        padding: 24px 0
    }
    .hiring-partners h2 {
        margin-bottom: 12px
    }
    .hiring-partners p {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 20px
    }
    .hiring-partners-summary li {
        width: 50%;
        height: 56px;
        margin-bottom: 4px
    }
    .hiring-partners p span {
        display: inline
    }
    .tution-section {
        padding: 24px 0;
        background: #fff
    }
    .tution-section .nav-fill .nav-item .nav-link {
        padding: 11px 10px;
        font-size: 13px;
        line-height: 18px
    }
    .tution-section .nav-tabs {
        margin-bottom: 12px
    }
    .tution-points-summary ul {
        margin: 0
    }
    .tution-points-summary ul li {
        padding: 0;
        width: 100%;
        float: none;
        margin-bottom: 13px;
        height: auto;
        text-align: left
    }
    .tution-points-summary ul li:last-child {
        margin-bottom: 0
    }
    .tution-points-summary ul li .tution-points-summary-list {
        border-radius: 0;
        border: 0 none;
        padding: 0
    }
    .tution-points-summary ul li .tution-points-summary-list span {
        display: inline-block;
        height: auto;
        line-height: 16px;
        vertical-align: middle
    }
    .tution-points-summary ul li .tution-points-summary-list i {
        height: 8px;
        width: 11px;
        margin-bottom: 0;
        vertical-align: middle;
        margin-right: 10px
    }
    .tution-blended {
        height: auto
    }
    .schd-tracks {
        margin-top: 41px;
        padding-bottom: 0
    }
    .boot-blended-track .boot-blended-track-list {
        flex: auto;
        height: auto;
        border-right: 0 none;
        padding: 24px 0;
        border-bottom: 1px solid #eee
    }
    .boot-blended-track {
        height: auto;
        border: 0 none;
        border-radius: 0;
        border-top: 1px solid #dfe3f6;
        padding-top: 18px;
        padding-bottom: 40px
    }
    .boot-blended-track .money-back {
        margin: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        min-width: 220px;
        background: #dfe3f6;
        padding: 0 12px;
        border-radius: 18px;
        top: -16px
    }
    .boot-blended-track .money-back a {
        height: auto
    }
    .boot-blended-track .money-back-content {
        padding-right: 4px;
        font-weight: 600;
        line-height: 16px
    }
    .boot-blended-track .money-back .icon-info-boot {
        margin-left: 0
    }
    .boot-schedule-price strong {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 0
    }
    .boot-schedule-price {
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        margin-bottom: 8px;
        margin-top: 4px
    }
    .boot-schedule-price span.self-discount {
        font-size: 10px;
        line-height: 14px;
        margin-left: 1px
    }
    .boot-schedule-enroll .btn-default {
        padding: 6px 12px 7px;
        height: 29px;
        font-size: 12px;
        line-height: 16px
    }
    .boot-schedule-content ul li {
        margin-bottom: 4px
    }
    .blended-content {
        height: auto
    }
    .boot-blended-track-list .next-batch {
        margin-top: 24px
    }
    .boot-blended-track-list .next-batch p span {
        font-weight: 400
    }
    .boot-blended-track-list .next-batch a {
        font-size: 12px
    }
    .boot-blended-track .boot-blended-track-list:last-child {
        border-bottom: 1px solid #eee
    }
    .affirm-position .affirm-msg {
        white-space: nowrap
    }
    .affirm-position {
        border-radius: 0 0 4px 4px;
        z-index: 1;
        bottom: 16px
    }
    .blended-thumb-list {
        height: auto;
        padding: 16px;
        display: block;
        margin-bottom: 12px;
        text-align: left
    }
    .blended-thumb-list i {
        display: none
    }
    .blended-thumb .media {
        display: flex
    }
    .blended-thumb .media-body {
        padding-right: 16px
    }
    .blended-thumb .btn-default {
        margin-top: 0;
        align-self: center;
        padding-left: 8px;
        padding-right: 8px
    }
    .self-tracks {
        margin-bottom: 0
    }
    .self-tracks-content {
        margin-top: 33px
    }
    .self-track-discount-content {
        margin-bottom: 0
    }
    .self-track-discount-content h4 {
        margin-bottom: 5px
    }
    .self-track-enroll-thumb {
        padding: 16px 0;
        border-top: 1px solid #eee
    }
    .self-track-heading {
        border-top: 1px solid #eee;
        padding-top: 16px
    }
    .tution-section-summary {
        padding: 0
    }
    .pay-thumb-heading {
        margin-bottom: 5px
    }
    .tution-section .isa-summary .nav-tabs {
        margin-bottom: 32px
    }
    .tution-section .isa-summary .nav-fill .nav-item .nav-link span {
        background: transparent;
        padding: 0;
        left: 0;
        top: auto;
        right: auto;
        bottom: -16px;
        line-height: 14px;
        height: auto
    }
    .tution-section .isa-summary .nav-fill .nav-item .nav-link.active span {
        color: #227aeb
    }
    .icon-tution-summary-1 {
        background-position: -1155px -1147px
    }
    .icon-tution-summary-2 {
        background-position: -1218px -1147px
    }
    .icon-tution-summary-3 {
        background-position: -1282px -1147px
    }
    .icon-tution-summary-4 {
        background-position: -3px -1232px
    }
    .icon-tution-summary-5 {
        background-position: -64px -1232px
    }
    .schd-tracks-isa {
        margin-top: 17px
    }
    .bg-thumb {
        margin-bottom: 4px;
        padding-bottom: 18px
    }
    .pay-thumb-price span.self-discount {
        margin-left: 0;
        margin-right: 2px;
        font-size: 10px;
        line-height: 14px
    }
    .pay-thumb-price {
        text-align: right;
        margin-bottom: 8px
    }
    .pay-thumb-price strong {
        font-size: 10px;
        line-height: 14px
    }
    .pay-thumb-price b {
        font-size: 10px;
        line-height: 14px
    }
    .blended-payment-thumb .row {
        margin-left: -5px;
        margin-right: -5px
    }
    .blended-payment-thumb div[class*="col-"] {
        padding-left: 5px;
        padding-right: 5px
    }
    .next-isa-batch span {
        padding: 4px 16px
    }
    .isa-view-all a {
        font-size: 12px;
        line-height: 16px
    }
    .options-footer {
        text-align: left;
        padding-top: 18px
    }
    .options-footer li {
        display: flex;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px
    }
    .options-footer li:last-child {
        margin-bottom: 0
    }
    .options-footer ul {
        display: block
    }
    .options-footer li span {
        margin-left: 12px
    }
    .options-footer li .icon-info-boot {
        margin-left: 12px
    }
    .options-footer li .scholarship-apply {
        margin-left: 12px
    }
    .outcome-banner-ribbon-view:empty {
        right: auto;
        bottom: -59px;
        clip-path: none;
        height: 27px;
        width: calc(100% - 30px)
    }
    .staff-section {
        padding: 24px 0
    }
    .show-all-link {
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: #586FEB;
        margin-top: 12px;
        display: inline-block;
        transition: 0.2s
    }
    .show-all-link:hover {
        color: #586FEB
    }
    .staff-content {
        max-height: 335px;
        overflow: hidden;
        transition: 0.2s
    }
    .staff-content.show-all {
        max-height: 100%;
        overflow: visible;
        transition: 0.2s
    }
    .title-sub-text {
        font-size: 12px;
        line-height: 18px;
        color: #333;
        margin: 0px 0 24px 0
    }
    .title-tag-text {
        margin-bottom: 40px;
        margin-bottom: 40px;
        font-size: 13px;
        line-height: 21px;
        margin-top: 0px;
        color: #333
    }
    .staff-cards-container {
        margin-top: 0px
    }
    .staff-section .staff-card .staff-image {
        border-radius: 4px;
        height: 56px;
        width: 56px;
        min-width: 56px;
        margin-right: 8px;
        font-size: 24px
    }
    .staff-section .tabs-btn {
        margin-top: 36px
    }
    .staff-section .nav-pills-container {
        margin-bottom: 24px
    }
    .staff-section .nav-pills-container .nav-item a.nav-link:first-child,
    .staff-section .nav-pills-container .nav-item a.nav-link:last-child,
    .staff-section .nav-pills-container .nav-item a.nav-link {
        margin-right: 0;
        margin-left: 0
    }
    .staff-section .staff-card {
        margin: 0 0 20px 0;
        width: 100%;
        border-radius: 4px;
        height: 72px;
        margin-bottom: 12px
    }
    .staff-card .staff-info p.name {
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        max-width: 190px
    }
    .staff-card .staff-info p.designation {
        font-size: 11px;
        line-height: 15px;
        margin: 2px 0 4px 0
    }
    .staff-cards-container {
        display: block
    }
    .nav-pills-container .nav-item .nav-link {
        padding: 0 0 8px 0;
        margin-right: 33px;
        font-size: 12px
    }
    .staff-section .nav-pills-container .nav-item {
        margin-right: 32px
    }
    .staff-section .nav-pills-container .nav-item:last-child {
        margin-right: 0
    }
    .schedule-btns .watch-video-btn .d-none {
        display: none !important
    }
    .popup-video .modal-dialog {
        transform: translateY(20%) !important
    }
}

.question .app-arrow-right {
    margin-right: 20px;
    margin-top: 5px
}

.fx {
    display: flex
}

.pt5 {
    padding-top: 5px
}

.app-arrow-right {
    background: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/sprite_isa_page_2.svg") no-repeat -920px -141px;
    width: 10px;
    height: 8px
}

.form-field {
    min-height: 55px;
    position: relative
}

.question {
    display: flex
}

.form-action button {
    margin-right: 3px
}

.form-action p {
    font-size: 11px;
    font-weight: 600;
    padding-left: 5px
}

.form-action span {
    font-weight: 700;
    padding: 0px 5px
}

.gdpr_consent_group span {
    font-weight: 400;
    padding-left: 0
}

.fx-v-center {
    display: flex;
    align-items: center
}

.fx-end {
    display: flex;
    justify-content: end
}

.toggle-btn button {
    padding: 10px 10px;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border: darkgoldenrod;
    box-shadow: none;
    outline: none
}

.custom-progress .progress-bar {
    background-color: #159833
}

.custom-progress {
    width: 156px;
    height: 3px;
    border-radius: 2px;
    background-color: #e9e9e9
}

.form-footer .progress-value {
    color: #666;
    font-size: 10px;
    font-weight: 400
}

.toggle-btn button:first-child {
    margin-right: -2px;
    border-radius: 3px 0 0 3px
}

.toggle-btn button:nth-child(2) {
    border-left: 1px solid #333;
    border-radius: 0 3px 3px 0
}

.toggle-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 16px
}

.form-footer {
    margin-top: 100px
}

.question img {
    margin-right: 20px;
    width: 15px
}

.submit-btn,
.submit-btn:hover,
.submit-btn:focus {
    border-radius: 3px;
    border: none;
    box-shadow: none !important;
    outline: none !important;
    background-color: #000 !important;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.submit-btn img {
    margin-left: 10px
}

.text-field {
    color: rgb(51, 51, 51);
    font-size: 22px;
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #000 !important;
    border-radius: 0;
    padding: 0 2px;
    height: auto !important
}

.programmeFeeApplication .text-field .btn-light,
.isa-form .text-field .btn-light {
    padding-left: 0px
}

.programmeFeeApplication .form-field .bootstrap-select>.dropdown-toggle,
.isa-form .form-field .bootstrap-select>.dropdown-toggle {
    padding: 0px;
    padding-right: 25px !important
}

.programmeFeeApplication .form-field .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.isa-form .form-field .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 22px !important;
    padding: 0 2px;
    min-height: 27px;
    color: #231f20
}

.programmeFeeApplication .form-field i.layout-icons,
.isa-form .form-field i.layout-icons {
    position: absolute;
    top: 16px !important;
    right: 9px;
    width: 14px;
    transform: scale(.66666666);
    pointer-events: none
}

.form-part {
    padding-left: 52px;
    margin-top: 40px
}

.form-action {
    padding-left: 52px
}

.text-field:focus,
.text-field:hover {
    border: none;
    box-shadow: none;
    outline: none
}

.text-field.error {
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #e64143
}

.error-msg {
    color: #e64143;
    margin-top: 3px;
    font-size: 12px
}

.number {
    font-size: 14px;
    color: rgb(51, 51, 51);
    font-weight: 600;
    margin-right: 10px
}

.heading-text {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.heading-text star {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.isa-show-error {
    border-bottom-color: #e64143
}

.isa-show-error:hover {
    border-bottom-color: #e64143
}

.tab {
    display: none
}

.current {
    display: block
}

.form-action .check-mark-white {
    background: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/sprite_isa_page_2.svg") no-repeat -963px -140px;
    width: 12px;
    height: 9px;
    margin-left: 8px
}

.form-action .enter-icon {
    background: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/sprite_isa_page_2.svg") no-repeat -1010px -142px;
    width: 6px;
    height: 6px
}

.form-footer .app-nav-arrow-icon {
    background: url("https://d2o2utebsixu4k.cloudfront.net/assets/images/icons/sprite_isa_page_2.svg") no-repeat -1102px -143px;
    width: 11px;
    height: 7px
}

.wp-pl-52 {
    padding-left: 52px
}

.whatsapp-option .checkmark {
    top: 2px
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .app-box {
        min-height: 293px;
        padding: 16px 16px
    }
    .form-part {
        margin-top: 50px;
        padding-left: 0
    }
    .form-action {
        padding-left: 0
    }
    .progress-value,
    .question p,
    .form-action p {
        margin-bottom: 0
    }
    .form-footer {
        justify-content: space-between
    }
    .form-footer .progress-value {
        margin-bottom: 0
    }
    .wp-pl-52 {
        padding-left: 0
    }
}