/**
~~~~~~~~~~~~~~~~~~~~~~~~~~
    Colors config file
~~~~~~~~~~~~~~~~~~~~~~~~~~

File contains color configuration for below listed objects and utilities:-
- Objects
  - Button Solid
  - Button Dashed
  - Tab Nav
  - Checkbox
  - Divided List
  - Border Card
  - Tags
  - Pills
  - Form Input

- Utilities
  - Text Colors
  - Background Colors
  - Hover Colors
**/
@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: "Gilroy";
  src: url(https://minio.codingblocks.com/public/Gilroy-Bold.woff) format("woff");
  font-weight: bold; }

/* @font-face {
  font-family: "Gilroy";
  src: url(https://minio.codingblocks.com/public/Gilroy-SemiBold.ttf) format("ttf");
  font-weight: normal;
} */
@font-face {
  font-family: "Gilroy";
  src: url(https://minio.codingblocks.com/public/Gilroy-Regular.ttf) format("truetype");
  font-weight: normal; }

.border-radius-none {
  border-radius: unset !important; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: "Mulish", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  color: #333; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
* {
  outline: none; }

body {
  font-family: "Mulish", sans-serif;
  font-size: inherit;
  font-weight: normal;
  background: #fff;
  padding-top: 70px; }

@media screen and (max-width: 575px) {
  body {
    padding-top: 60px; } }

@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]::after {
    content: " (" attr(href) ")"; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

img {
  max-width: 100% !important; }

button {
  background: none;
  border: none; }

ul {
  list-style: none; }

a {
  color: #333;
  text-decoration: none; }

input:focus {
  outline: none !important; }

.height-100 {
  height: 100%; }

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

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

.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 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

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

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

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

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

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

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

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

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

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

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

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

.justify-content-around {
  justify-content: space-around !important; }

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

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

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

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

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

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

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

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

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

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

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.w-10 {
  width: 10% !important; }

.w-20 {
  width: 20% !important; }

.w-25 {
  width: 25% !important; }

.w-30 {
  width: 30% !important; }

.w-40 {
  width: 40% !important; }

.w-50 {
  width: 50% !important; }

.w-60 {
  width: 60% !important; }

.w-70 {
  width: 70% !important; }

.w-75 {
  width: 75% !important; }

.w-80 {
  width: 80% !important; }

.w-90 {
  width: 90% !important; }

.w-100 {
  width: 100% !important; }

.h-10 {
  height: 10% !important; }

.h-20 {
  height: 20% !important; }

.h-25 {
  height: 25% !important; }

.h-30 {
  height: 30% !important; }

.h-40 {
  height: 40% !important; }

.h-50 {
  height: 50% !important; }

.h-60 {
  height: 60% !important; }

.h-70 {
  height: 70% !important; }

.h-75 {
  height: 75% !important; }

.h-80 {
  height: 80% !important; }

.h-90 {
  height: 90% !important; }

.h-100 {
  height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

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

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

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

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

.m-2 {
  margin: 0.5rem !important; }

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

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

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

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

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

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

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

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

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

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

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

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

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

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

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

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

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

.p-2 {
  padding: 0.5rem !important; }

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

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

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

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

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

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

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

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

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

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

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

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

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-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; } }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.fingerprint-bg {
  background-image: url("https://minio.codingblocks.com/motley/fingerprint.svg"); }

.user-bg {
  background-image: url("https://minio.codingblocks.com/motley/user.svg"); }

.mail-bg {
  background-image: url("https://minio.codingblocks.com/motley/mail.svg"); }

.lines-bg {
  background-image: url("https://minio.codingblocks.com/motley/lines.svg"); }

.bg-none {
  background: transparent !important; }

.bg-inherit {
  background: inherit; }

.hover-grey:hover {
  background: #f3f3f3; }

.hover-indicator:hover {
  background: #f3f3f3;
  position: relative; }
  .hover-indicator:hover::after {
    content: "";
    position: absolute;
    height: 60%;
    width: 1.25%;
    top: 20%;
    left: 0;
    background: linear-gradient(to right, #e74e4b, #fb8133); }

.border-none {
  border: none !important; }

.border {
  border: solid 1px #f2f2f2; }

@media screen and (min-width: 576px) {
  .border-sm {
    border: solid 1px #f2f2f2; }
  .border-sm-none {
    border: none !important; } }

@media screen and (min-width: 768px) {
  .border-md {
    border: solid 1px #f2f2f2; }
  .border-md-none {
    border: none !important; } }

@media screen and (min-width: 992px) {
  .border-lg {
    border: solid 1px #f2f2f2; }
  .border-lg-none {
    border: none !important; } }

@media screen and (min-width: 1200px) {
  .border-xl {
    border: solid 1px #f2f2f2; }
  .border-xl-none {
    border: none !important; } }

@media screen and (min-width: 1400px) {
  .border-xxl {
    border: solid 1px #f2f2f2; }
  .border-xxl-none {
    border: none !important; } }

.border-2 {
  border-width: 2px !important; }

.border-top {
  border-top: solid 1px #f2f2f2; }

@media screen and (min-width: 576px) {
  .border-top-sm {
    border-top: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 768px) {
  .border-top-md {
    border-top: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 992px) {
  .border-top-lg {
    border-top: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1200px) {
  .border-top-xl {
    border-top: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1400px) {
  .border-top-xxl {
    border-top: solid 1px #f2f2f2 !important; } }

.border-right {
  border-right: solid 1px #f2f2f2; }

@media screen and (min-width: 576px) {
  .border-right-sm {
    border-right: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 768px) {
  .border-right-md {
    border-right: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 992px) {
  .border-right-lg {
    border-right: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1200px) {
  .border-right-xl {
    border-right: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1400px) {
  .border-right-xxl {
    border-right: solid 1px #f2f2f2 !important; } }

.border-bottom {
  border-bottom: solid 1px #f2f2f2; }

@media screen and (min-width: 576px) {
  .border-bottom-sm {
    border-bottom: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 768px) {
  .border-bottom-md {
    border-bottom: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 992px) {
  .border-bottom-lg {
    border-bottom: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1200px) {
  .border-bottom-xl {
    border-bottom: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1400px) {
  .border-bottom-xxl {
    border-bottom: solid 1px #f2f2f2 !important; } }

.border-left {
  border-left: solid 1px #f2f2f2; }

@media screen and (min-width: 576px) {
  .border-left-sm {
    border-left: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 768px) {
  .border-left-md {
    border-left: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 992px) {
  .border-left-lg {
    border-left: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1200px) {
  .border-left-xl {
    border-left: solid 1px #f2f2f2 !important; } }

@media screen and (min-width: 1400px) {
  .border-left-xxl {
    border-left: solid 1px #f2f2f2 !important; } }

.b-red {
  border-color: #f66 !important; }

.b-green {
  border-color: #b1d792 !important; }

.b-black {
  border-color: #000 !important; }

.b-orange {
  border-color: #f2734c !important; }

.b-white {
  border-color: #fff !important; }

.b-orange {
  border-color: #f2734c !important; }

.b-pink {
  border-color: #f24f60 !important; }

.br-5 {
  border-radius: 5px !important; }

.br-10 {
  border-radius: 10px !important; }

.br-15 {
  border-radius: 15px !important; }

.br-20 {
  border-radius: 20px !important; }

.br-25 {
  border-radius: 25px !important; }

.br-50 {
  border-radius: 50px !important; }

.br-none {
  border-radius: 0 !important; }

.dashed-border {
  border: 1px dashed #c5c5c5; }

.orange {
  color: #f2734c !important; }

.green {
  color: #8dbf75 !important; }

.black {
  color: #000 !important; }

.red {
  color: #f66 !important; }

.salmon {
  color: #f66 !important; }

.blue {
  color: #246db3 !important; }

.white {
  color: #fff !important; }

.yellow {
  color: #fc6 !important; }

.grey {
  color: #a2a4a8 !important; }

.purple {
  color: #271147 !important; }

.pink {
  color: #f24f60 !important; }

.med-grey {
  color: #999 !important; }

.dark-grey {
  color: #1b1e26 !important; }

.del-text-grey {
  color: #e7dddd !important; }

.gradient-text-red {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #ed7298, #ec8871, #ed7298); }

.gradient-text-blue {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #1c40de, #2ab5ed); }

.gradient-text-orange {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #e74e4b, #fb8133); }

.gradient-text-green {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #83db3b, #26a87c); }

.gradient-text-pink {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #e74b50, #d12ebd); }

.gradient-text-yellow {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #fa8733, #f7c332); }

.bg-orange {
  background-color: #f2734c !important; }

.bg-green {
  background-color: #8dbf75 !important; }

.bg-black {
  background-color: #000 !important; }

.bg-red {
  background-color: #f66 !important; }

.bg-salmon {
  background-color: #f66 !important; }

.bg-blue {
  background-color: #246db3 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-yellow {
  background-color: #fc6 !important; }

.bg-pink {
  background-color: #f24f60 !important; }

.bg-grey {
  background-color: #a2a4a8 !important; }

.bg-light-grey {
  background-color: #f3f3f3 !important; }

.bg-dark-grey {
  background-color: #1b1e26 !important; }

.bg-med-grey {
  background-color: #292c33 !important; }

.bg-black-grey {
  background-color: #14161c !important; }

.invert {
  background-color: #272727;
  color: #fff; }

.bg-gradient-orange {
  background: linear-gradient(to right, #e74e4b, #fb8133); }

.bg-gradient-blue {
  background: linear-gradient(to right, #1c40de, #2ab5ed); }

.bg-gradient-cyan {
  background: linear-gradient(to right, #39dec0, #1d87b1); }

.bg-gradient-pink {
  background: linear-gradient(to right, #e74b50, #d12ebd); }

.bg-gradient-dpink {
  background: linear-gradient(to right, #f24f60, #a5066c); }

.bg-gradient-yellow {
  background: linear-gradient(to right, #fa8733, #f7c332); }

.bg-gradient-green {
  background: linear-gradient(to right, #83db3b, #26a87c); }

.bg-gradient-purple {
  background: linear-gradient(to right, #8008db, #430cd7); }

.bg-gradient-lpurple {
  background: linear-gradient(to right, #8F3CE5, #3A30D6); }

.bg-gradient-lblue {
  background: linear-gradient(to right, #475ff5, #6ed9fc); }

.bg-gradient-dcyan {
  background: linear-gradient(to right, #19316c, #01b3c9); }

.bg-gradient-dblue {
  background: linear-gradient(to right, #0467f6, #0800a3); }

.bg-gradient-dpurple {
  background: linear-gradient(to right, #00205b, #84358e); }

.bg-gradient-black {
  background: linear-gradient(to right, #1b1d27, #07080b); }

.bg-gradient-black-bt {
  background: linear-gradient(to top, #1b1d27, #07080b); }

.bg-gradient-hi-pink-orange {
  background: linear-gradient(to right, #f24f60, #f19f33); }

.bg-gradient-hi-dpink {
  background: linear-gradient(to right, #a5066c, #f24f60); }

.bg-gradient-hi-blue {
  background: linear-gradient(to right, #1c40de, #2ab5ed); }

.bg-gradient-hi-purple {
  background: linear-gradient(to right, #8008db, #430cd7); }

.bg-gradient-violet-bt {
  background: linear-gradient(to top, #692fdc, #452ba3); }

.display-block {
  display: block !important; }

.display-inline {
  display: inline !important; }

.display-inline-block {
  display: inline-block !important; }

.display-flex {
  display: flex !important; }

.display-none {
  display: none !important; }

@media screen and (max-width: 575px) {
  .dsp-none-xs {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .dsp-none-sm {
    display: none !important; } }

@media screen and (max-width: 991px) {
  .dsp-none-md {
    display: none !important; } }

.screen-height {
  height: 100vh; }

.screen-width {
  width: 100vh; }

.no-scrollbar {
  scrollbar-width: none; }
  .no-scrollbar::-webkit-scrollbar {
    display: none; }

@media screen and (max-width: 767px) {
  .d-phone-none {
    display: none; } }

@media screen and (max-width: 991px) {
  .d-tab-none {
    display: none; } }

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }

.flex-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }

.all-center {
  display: flex;
  justify-content: center;
  align-items: center; }

.flex-1 {
  flex: 1; }

.font-xs {
  font-size: 1rem !important; }

.font-sm {
  font-size: 1.143rem !important; }

.font-mds {
  font-size: 1.286rem !important; }

.font-md {
  font-size: 1.428rem !important; }

.font-lg {
  font-size: 1.57rem !important; }

.font-xl {
  font-size: 1.713rem !important; }

.font-mdxl {
  font-size: 2.286rem !important; }

.font-xxl {
  font-size: 3.214rem !important; }

.card-md {
  font-size: 0.875rem !important; }

.card-mds {
  font-size: 0.812rem !important; }

.card-sm {
  font-size: 0.75rem !important; }

.card-sms {
  font-size: 0.625rem !important; }

.card-xs {
  font-size: 0.5rem !important; }

.font-1 {
  font-size: 0.75rem !important; }

.font-2 {
  font-size: 0.875rem !important; }

.font-3 {
  font-size: 1rem !important; }

.font-4 {
  font-size: 1.143rem !important; }

.font-5 {
  font-size: 1.286rem !important; }

.heading-6 {
  font-size: 1.428rem !important; }

.heading-5 {
  font-size: 1.713rem !important; }

.heading-4 {
  font-size: 2rem !important; }

.heading-3 {
  font-size: 2.286rem !important; }

.heading-2 {
  font-size: 2.571rem !important; }

.heading-1 {
  font-size: 2.857rem !important; }

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

.normal {
  font-weight: 500 !important; }

.medium {
  font-weight: 600 !important; }

.regular {
  font-weight: 400 !important; }

.semi-bold {
  font-weight: 600 !important; }

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

.extra-bold {
  font-weight: 900 !important; }

.i {
  font-style: italic !important; }

.stroke-font {
  -webkit-text-stroke: 1px #fff;
  color: rgba(255, 255, 255, 0); }
  .stroke-font--white {
    -webkit-text-stroke: 1px #fff; }

.text-clamp-ellipses {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden; }
  .text-clamp-ellipses--2 {
    -webkit-line-clamp: 2; }
  .text-clamp-ellipses--3 {
    -webkit-line-clamp: 3; }

.underline-highlight {
  position: relative;
  z-index: 2; }
  .underline-highlight::after {
    content: "";
    width: 100%;
    height: 10px;
    background-color: #f2734c;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0; }
  .underline-highlight--gradient-orange::after {
    background: linear-gradient(to right, #e74e4b, #fb8133); }

.t-align-r {
  text-align: right !important; }

.t-align-ra * {
  text-align: right !important; }

.t-align-l {
  text-align: left !important; }

.t-align-la * {
  text-align: left !important; }

.t-align-c {
  text-align: center !important; }

.t-align-ca * {
  text-align: center !important; }

.t-align-j {
  text-align: justify !important; }

.t-align-ja * {
  text-align: justify !important; }

.v-align-m {
  vertical-align: middle !important; }

.v-align-ma * {
  vertical-align: middle !important; }

.v-align-t {
  vertical-align: top !important; }

.v-align-ta * {
  vertical-align: top !important; }

.v-align-b {
  vertical-align: bottom !important; }

.v-align-ba * {
  vertical-align: bottom !important; }

.text-ellipses {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .text-ellipses--small {
    max-width: 200px; }
  .text-ellipses--med {
    max-width: 250px; }
  .text-ellipses--large {
    max-width: 300px; }

@media screen and (min-width: 576px) {
  .t-align-sm-r {
    text-align: right !important; }
  .t-align-sm-l {
    text-align: left !important; }
  .t-align-sm-c {
    text-align: center !important; }
  .t-align-sm-j {
    text-align: justify !important; } }

@media screen and (min-width: 768px) {
  .t-align-md-r {
    text-align: right !important; }
  .t-align-md-l {
    text-align: left !important; }
  .t-align-md-c {
    text-align: center !important; }
  .t-align-md-j {
    text-align: justify !important; } }

@media screen and (min-width: 992px) {
  .t-align-lg-r {
    text-align: right !important; }
  .t-align-lg-l {
    text-align: left !important; }
  .t-align-lg-c {
    text-align: center !important; }
  .t-align-lg-j {
    text-align: justify !important; } }

@media screen and (min-width: 1200px) {
  .t-align-xl-r {
    text-align: right !important; }
  .t-align-xl-l {
    text-align: left !important; }
  .t-align-xl-c {
    text-align: center !important; }
  .t-align-xl-j {
    text-align: justify !important; } }

@media screen and (min-width: 576px) {
  .v-align-sm-t {
    vertical-align: top !important; }
  .v-align-sm-m {
    vertical-align: middle !important; }
  .v-align-sm-b {
    vertical-align: bottom !important; } }

@media screen and (min-width: 768px) {
  .v-align-md-t {
    vertical-align: top !important; }
  .v-align-md-m {
    vertical-align: middle !important; }
  .v-align-md-b {
    vertical-align: bottom !important; } }

@media screen and (min-width: 992px) {
  .v-align-lg-t {
    vertical-align: top !important; }
  .v-align-lg-m {
    vertical-align: middle !important; }
  .v-align-lg-b {
    vertical-align: bottom !important; } }

.word-wrap {
  word-wrap: break-word; }

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

.hover-orange a:hover {
  color: #f2734c; }

.commafy > :not(:last-child):after {
  content: ","; }

.chars-spaced {
  letter-spacing: 0.15rem; }

.underline {
  text-decoration: underline; }

.position-static {
  position: static; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-sticky {
  position: sticky; }

.position-fixed {
  position: fixed; }

.tl,
.tr {
  top: 0; }

.tl {
  left: 0; }

.tr {
  right: 0; }

.bl,
.br {
  bottom: 0; }

.bl {
  left: 0; }

.br {
  right: 0; }

.z-neg {
  z-index: -1; }

.z-pos {
  z-index: 1; }

.mt-neg-70 {
  margin-top: -70px; }

.a-selectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.s-10x10 {
  width: 10px;
  height: 10px; }

.s-20x20 {
  width: 20px;
  height: 20px; }

.s-30x30 {
  width: 30px;
  height: 30px; }

.s-40x40 {
  width: 40px;
  height: 40px; }

.s-50x50 {
  width: 50px;
  height: 50px; }

.s-60x60 {
  width: 60px;
  height: 60px; }

.s-70x70 {
  width: 70px;
  height: 70px; }

.s-80x80 {
  width: 80px;
  height: 80px; }

.s-90x90 {
  width: 90px;
  height: 90px; }

.s-100x100 {
  width: 100px;
  height: 100px; }

.s-110x110 {
  width: 110px;
  height: 110px; }

.s-120x120 {
  width: 120px;
  height: 120px; }

.s-130x130 {
  width: 130px;
  height: 130px; }

.s-140x140 {
  width: 140px;
  height: 140px; }

.s-150x150 {
  width: 150px;
  height: 150px; }

.wh-100 {
  width: 100%;
  height: 100%; }

.h-inherit {
  height: inherit; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-clear {
  clear: both; }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-scroll {
  overflow: scroll !important; }

.overflow-visible {
  overflow: visible !important; }

.overflow-x-auto {
  overflow-x: auto !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-x-scroll {
  overflow-x: scroll !important; }

.overflow-x-visible {
  overflow-x: visible !important; }

.overflow-y-auto {
  overflow-y: auto !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.overflow-y-scroll {
  overflow-y: scroll !important; }

.overflow-y-visible {
  overflow-y: visible !important; }

.u-ar-1-to-1 {
  position: relative;
  padding-bottom: 100%; }
  .u-ar-1-to-1 > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.hiding-section {
  margin-bottom: 1.5rem; }
  .hiding-section--hidden {
    margin-bottom: 0;
    display: none; }

::-webkit-scrollbar {
  background-color: #fff;
  width: 12px; }

::-webkit-scrollbar-track {
  background-color: #fff; }
  ::-webkit-scrollbar-track:hover {
    background-color: #efefef; }

::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 12px;
  border: 3px solid #fff; }
  ::-webkit-scrollbar-thumb:hover {
    border: 2px solid #efefef; }

.gradient-orange-scroll::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to right, #e74e4b, #fb8133); }

.transparent-scroll {
  overflow: overlay; }
  .transparent-scroll::-webkit-scrollbar {
    background: transparent; }
  .transparent-scroll::-webkit-scrollbar-track {
    background-color: transparent; }
    .transparent-scroll::-webkit-scrollbar-track:hover {
      background-color: unset; }
  .transparent-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    border: unset; }
    .transparent-scroll::-webkit-scrollbar-thumb:hover {
      border: unset; }

.width-limiter {
  max-width: 1500px;
  margin: 0 auto; }

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@keyframes zoom-in {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoom-in {
  animation-name: zoom-in; }

@keyframes zoom-out {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoom-out {
  animation-name: zoom-out; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 900; }

h1 {
  font-size: 3.214rem; }

h2 {
  font-size: 1.713rem; }

h3 {
  font-size: 1.57rem; }

h4 {
  font-size: 1.428rem; }

h5 {
  font-size: 1.286rem; }

h6 {
  font-size: 1.143rem; }

progress {
  width: 100%;
  height: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  display: block;
  background-color: #15171E; }

progress::-moz-progress-bar {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  display: block;
  background-color: #15171E; }

progress::-webkit-progress-bar {
  width: 100%;
  height: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  display: block;
  background-color: #15171E; }

progress::-ms-fill {
  width: 100%;
  height: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  display: block;
  background-color: #15171E; }

progress::-webkit-progress-value {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  display: block;
  background-color: #15171E; }

.progress-lock {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  bottom: 5%; }
  .progress-lock__bubble {
    display: none;
    max-width: 110px;
    text-align: center; }
  .progress-lock:hover > .progress-lock__bubble {
    display: block; }

button {
  padding: 0; }
  button:disabled {
    color: #666;
    cursor: default; }

ul {
  padding: 0; }

input[type=text], input[type=textarea], input[type=password] {
  border: none; }

input[disabled] {
  background: #ececec; }

textarea {
  border: none; }

.side-tag {
  position: relative; }
  .side-tag::after {
    content: " ";
    position: absolute;
    left: -2.1428rem;
    bottom: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to right, #fa8733, #f7c332); }
  .side-tag--wide::after {
    width: 8px; }
  .side-tag--orange::after {
    background: linear-gradient(to right, #e74e4b, #fb8133) !important; }
  .side-tag--blue::after {
    background: linear-gradient(to right, #1c40de, #2ab5ed) !important; }
  .side-tag--purple::after {
    background: linear-gradient(to right, #8008db, #430cd7) !important; }
  .side-tag--std::after {
    left: -3rem; }
    @media screen and (max-width: 767px) {
      .side-tag--std::after {
        left: -1.5rem; } }

.pulse {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1px;
  width: 1px;
  border-radius: 50%;
  position: relative;
  border: none;
  box-shadow: 0 0 0 0 #333; }
  .pulse:hover {
    animation: pulse 1.5s infinite cubic-bezier(0.2, 0, 0, 1); }

@keyframes pulse {
  to {
    box-shadow: 0 0 0 60px rgba(150, 150, 150, 0); } }

.floating-ad {
  position: fixed;
  bottom: 100px;
  left: 7.142rem;
  width: fit-content; }
  .floating-ad > .card {
    box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 1199px) {
    .floating-ad {
      left: 6rem; } }
  @media screen and (max-width: 991px) {
    .floating-ad {
      left: 4.5rem; } }
  @media screen and (max-width: 767px) {
    .floating-ad {
      left: 4rem; } }
  @media screen and (max-width: 575px) {
    .floating-ad {
      left: 2.5rem; } }

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

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

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p,
.alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }

.alert-success hr {
  border-top-color: #c9e2b3; }

.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }

.alert-info hr {
  border-top-color: #a6e1ec; }

.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }

.alert-danger hr {
  border-top-color: #e4b9c0; }

.alert-danger .alert-link {
  color: #843534; }

.button-dashed, .button-solid, .button-circle {
  font-family: "Mulish", sans-serif;
  font-size: 1rem;
  font-weight: inherit; }

.button-dashed {
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  -ms-border-radius: 22px;
  border-radius: 22px;
  display: inline-block;
  background-color: transparent;
  color: #f66;
  padding: 10px 15px;
  font-weight: 800;
  transition: 0.3s; }
  .button-dashed.lg {
    padding: 15px 30px;
    border-radius: 30px; }
  .button-dashed.md {
    padding: 10px 25px; }

.button-solid {
  -moz-border-radius: 42.5px;
  -webkit-border-radius: 42.5px;
  -ms-border-radius: 42.5px;
  border-radius: 42.5px;
  display: inline-block;
  background-color: linear-gradient(to right, #ed7298, #ec8871, #ed7298);
  color: #fff;
  padding: 10px 15px;
  font-weight: 800;
  transition: 0.3s; }
  .button-solid.lg {
    padding: 15px 30px;
    border-radius: 30px; }
  .button-solid.md {
    padding: 10px 25px; }

.button-circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  background-color: #f6f6f6;
  color: #fff;
  padding: 0;
  font-weight: 0;
  transition: 0.3s; }
  .button-circle.lg {
    padding: 15px 30px;
    border-radius: 30px; }
  .button-circle.md {
    padding: 10px 25px; }

.button-solid {
  background-image: linear-gradient(to right, #ed7298, #ec8871, #ed7298);
  background-size: 200%; }
  .button-solid:hover {
    background-position: right center; }
  .button-solid.button-pink-orange {
    background-image: linear-gradient(to right, #f24f60, #f19f33);
    background-size: 100%; }
  .button-solid.button-orange {
    background-image: linear-gradient(to right, #e74e4b, #fb8133, #e74e4b); }
  .button-solid.button-green {
    background-image: linear-gradient(to right, #83db3b, #26a87c, #83db3b); }
  .button-solid.button-white {
    background: #fff !important;
    color: #000; }
  .button-solid.disabled, .button-solid:disabled {
    cursor: auto;
    background: linear-gradient(to right, #778378, #a0a0a0); }

.button-dashed {
  border: 1px solid; }
  .button-dashed:hover {
    color: #fff !important; }
  .button-dashed.button-pink-orange {
    border: solid 1px #f24f60;
    color: #f24f60; }
    .button-dashed.button-pink-orange:hover {
      background-image: linear-gradient(to right, #f24f60, #f19f33); }
  .button-dashed.button-orange {
    border: solid 1px #f2734c;
    color: #f2734c; }
    .button-dashed.button-orange:hover {
      background-image: linear-gradient(to right, #e74e4b, #fb8133); }
  .button-dashed.button-green {
    border: solid 1px #8dbf75;
    color: #8dbf75; }
    .button-dashed.button-green:hover {
      background-image: linear-gradient(to right, #83db3b, #26a87c); }
  .button-dashed.button-white {
    border: solid 1px #fff;
    color: #fff; }
    .button-dashed.button-white:hover {
      background: #fff;
      color: #666 !important; }
  .button-dashed.disabled, .button-dashed:disabled {
    border-color: #999 !important;
    color: #999 !important;
    cursor: auto; }
    .button-dashed.disabled:hover, .button-dashed:disabled:hover {
      background: linear-gradient(to right, #778378, #a0a0a0) !important;
      color: #fff !important; }

@media screen and (max-width: 575px) {
  .button-align-container {
    display: flex;
    width: 100%;
    justify-content: flex-end; } }

.border-card, .img-card {
  width: 100%;
  height: auto;
  border-radius: 10px;
  border: solid 1px #e8e8e8;
  background-color: #fff;
  overflow: hidden; }

.border-card {
  padding: 2.1428rem; }

.card-tag {
  position: absolute;
  right: 0;
  border-right: solid 3px #f2734c; }

.img-card .head {
  color: white;
  position: relative;
  transition: all 0.35s ease; }
  .img-card .head .content {
    width: 100%;
    height: 100%;
    padding: 1.8rem;
    position: relative; }
  .img-card .head__course-logo {
    height: 60px;
    width: 60px;
    background: inherit;
    border: solid 1px #fff;
    border-radius: 30px;
    padding: 0.5rem;
    position: relative;
    overflow: hidden; }

.img-card .foot {
  padding: 20px 30px;
  position: relative; }

.img-card .round-img-b {
  width: 86px;
  height: 86px;
  min-height: 86px;
  position: absolute;
  bottom: -43px;
  left: 30px; }

.back-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit; }

#mentors, .card-mentors:nth-child(1), .card-mentors:nth-child(2), .card-mentors:nth-child(3) {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  background-color: #e9e9e9; }

.card-mentor-image {
  position: relative;
  width: 16%;
  height: 0;
  float: left;
  padding-bottom: 10.5%;
  border-radius: 35%; }

.card-mentors {
  width: 66%;
  height: 100%;
  max-width: 40px !important;
  max-height: 40px; }

.card-mentors:nth-child(1) {
  z-index: 100;
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%); }

.card-mentors:nth-child(2) {
  z-index: 99;
  -ms-transform: translateX(63%);
  -webkit-transform: translateX(63%);
  transform: translateX(63%); }

.card-mentors:nth-child(3) {
  z-index: 98;
  -ms-transform: translateX(126%);
  -webkit-transform: translateX(126%);
  transform: translateX(126%); }

.card-mentor-text {
  padding-left: 5px;
  font-size: 0.875rem;
  position: relative;
  float: left;
  width: 84%; }

.card-mentor-name {
  overflow: hidden;
  font-size: 1.143rem; }

.card-mentor-divider {
  border: 0.5px solid #e9e9e9;
  margin: 10px 0; }

.card-mentor {
  margin-top: 30px;
  margin-bottom: 15px; }
  .card-mentor::after {
    content: "";
    display: block;
    clear: both; }
  .card-mentor .card-mentor-text {
    font-size: 0.875rem;
    padding-left: 15px; }
  .card-mentor .card-mentor-name {
    font-weight: 600; }
  @media screen and (max-width: 767px) {
    .card-mentor {
      margin-top: 0;
      display: flex; } }
  @media screen and (max-width: 575px) {
    .card-mentor .card-mentor-text {
      font-size: 0.625rem;
      padding-left: 5px;
      top: 0; }
    .card-mentor .card-mentor-name {
      font-size: 0.75rem; } }

.mentor-row {
  display: flex;
  align-items: center !important; }
  .mentor-row__image-container {
    display: flex; }
    .mentor-row__image-container__mentor-image {
      border-radius: 50%;
      background-color: #e9e9e9;
      border: 1px solid #fff; }
      .mentor-row__image-container__mentor-image:nth-child(1) {
        z-index: 100;
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%); }
      .mentor-row__image-container__mentor-image:nth-child(2) {
        z-index: 99;
        -ms-transform: translateX(-37%);
        -webkit-transform: translateX(-37%);
        transform: translateX(-37%); }
      .mentor-row__image-container__mentor-image:nth-child(3) {
        z-index: 98;
        -ms-transform: translateX(-74%);
        -webkit-transform: translateX(-74%);
        transform: translateX(-74%); }
  .mentor-row__text-container {
    flex: 1;
    padding-left: 0.5rem; }

.card {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  padding: 30px;
  background: #fff; }

.card-image {
  width: 17%; }

.c-card-carousel {
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%; }
  .c-card-carousel::-webkit-scrollbar {
    display: none; }

@media screen and (max-width: 767px) {
  .c-card-carousel-small {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%; }
    .c-card-carousel-small::-webkit-scrollbar {
      display: none; } }

@media screen and (max-width: 576px) {
  .c-card-carousel-sm {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%; }
    .c-card-carousel-sm::-webkit-scrollbar {
      display: none; } }

@media screen and (max-width: 768px) {
  .c-card-carousel-md {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%; }
    .c-card-carousel-md::-webkit-scrollbar {
      display: none; } }

@media screen and (max-width: 992px) {
  .c-card-carousel-lg {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%; }
    .c-card-carousel-lg::-webkit-scrollbar {
      display: none; } }

.divider-h {
  width: 100%;
  height: 1px;
  background: #f2f2f2; }
  .divider-h.content-divider {
    background-clip: content-box !important; }

.divider-v {
  width: 1px;
  height: 100%;
  background: #f2f2f2; }

.fader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #111;
  opacity: 0.21;
  z-index: 10;
  top: 0;
  left: 0; }

/* --------------------------INPUT TEXT--------------------------- */
.right-input {
  position: relative; }
  .right-input span {
    position: absolute;
    right: 3%;
    bottom: 28%; }
  .right-input .input-text {
    height: 50px; }

.input-text {
  padding: 10px 20px;
  background-color: #f3f3f3;
  border: none;
  width: 100%; }
  .input-text.icon {
    background-size: 25px;
    padding-left: 5.7142rem;
    background-repeat: no-repeat;
    background-position: 2.1428rem center; }
  .input-text--non-rounded {
    border-radius: 0; }

.input-btn {
  position: relative; }
  .input-btn input {
    padding-right: 6.7857rem; }
  .input-btn a {
    position: absolute;
    right: 2.1428rem;
    top: 35%; }
  .input-btn button {
    position: absolute;
    right: 2.1428rem;
    top: 25%; }
    .input-btn button.centered {
      top: 35%; }

input.underline-input {
  border-bottom: solid 1px #f3f3f3 !important;
  padding-bottom: 1.5rem; }
  input.underline-input:focus {
    border-bottom: solid 1px #000 !important; }

/*--------------------------INPUT CHECKBOX---------------------------*/
.input-checkbox {
  cursor: pointer;
  position: relative; }
  .input-checkbox > input {
    visibility: hidden !important;
    margin-right: 10px; }
  .input-checkbox.checkbox-tick > input:checked ~ span::before,
  .input-checkbox.checkbox-tick > input:checked + span::before {
    width: 4px;
    height: 10px;
    border: solid 1px #333;
    content: "";
    position: absolute;
    z-index: 101;
    left: 6px;
    top: 4px;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg); }
  .input-checkbox.gradient-tick > input:checked ~ span::before,
  .input-checkbox.gradient-tick > input:checked + span::before {
    content: " ";
    height: 5px;
    width: 10px;
    border-left: 2px solid #f2734c;
    border-bottom: 2px solid #f2734c;
    position: absolute;
    top: 6px;
    left: 4px;
    transform: rotate(-45deg);
    border-image-source: linear-gradient(to right, #e74e4b, #fb8133);
    border-image-slice: 1;
    z-index: 1000; }
  .input-checkbox.checkbox-solid > input:checked ~ span::before,
  .input-checkbox.checkbox-solid > input:checked + span::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 101;
    left: 0;
    top: 2px;
    background: linear-gradient(30deg, #e74e4b, #fb8133); }
  .input-checkbox.checkbox-solid > input:checked ~ span.salmon-gradient::before,
  .input-checkbox.checkbox-solid > input:checked + span.salmon-gradient::before {
    background: linear-gradient(to right, #ed7298, #ec8871, #ed7298); }
  .input-checkbox.checkbox-tick > input ~ span::after,
  .input-checkbox.checkbox-tick > input + span::after,
  .input-checkbox.checkbox-solid > input ~ span::after,
  .input-checkbox.checkbox-solid > input + span::after,
  .input-checkbox.gradient-tick > input ~ span::after,
  .input-checkbox.gradient-tick > input + span::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 2px;
    background: #f6f6f6;
    visibility: visible;
    cursor: pointer; }
  .input-checkbox.gradient-tick > input ~ span::after,
  .input-checkbox.gradient-tick > input + span::after {
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    border-radius: 15px; }
  .input-checkbox.toggle {
    display: inline-flex; }
    .input-checkbox.toggle > input {
      display: none;
      position: absolute; }
    .input-checkbox.toggle > span.checkbox {
      position: relative;
      width: 60px;
      margin: 0 1rem; }
      .input-checkbox.toggle > span.checkbox::before, .input-checkbox.toggle > span.checkbox::after {
        content: "";
        position: absolute;
        box-sizing: border-box;
        top: -30%; }
      .input-checkbox.toggle > span.checkbox::before {
        width: 60px;
        height: 30px;
        left: 0;
        background: #f3f3f3;
        border-radius: 30px; }
      .input-checkbox.toggle > span.checkbox::after {
        width: 22px;
        height: 22px;
        left: 4px;
        top: calc(-30% + 4px);
        background: #999;
        border-radius: 50%;
        transition: all 200ms ease-out; }
    .input-checkbox.toggle > input:checked + span.checkbox::after,
    .input-checkbox.toggle > input:checked ~ span.checkbox::after,
    .input-checkbox.toggle > input:checked + span.checkbox::after,
    .input-checkbox.toggle > input:checked ~ span.checkbox::after {
      left: 34px;
      background: linear-gradient(to right, #e74e4b, #fb8133); }
    .input-checkbox.toggle > input:checked + span.active-text,
    .input-checkbox.toggle > input:checked ~ span.active-text,
    .input-checkbox.toggle > input:checked + span.active-text,
    .input-checkbox.toggle > input:checked ~ span.active-text {
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(to right, #e74e4b, #fb8133); }
    .input-checkbox.toggle > span.inactive-text,
    .input-checkbox.toggle > span.active-text {
      font-weight: 700; }

.input-textarea {
  width: 100%;
  height: auto;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background: #f6f6f6;
  border: none; }

@media screen and (max-width: 575px) {
  .input-text {
    height: 40px;
    padding-left: 25px; }
    .input-text.icon {
      padding-left: 40px;
      background-size: 15px;
      background-position-x: 10px; }
  .input-btn input {
    padding-right: 70px; }
  .input-btn button {
    right: 10px; } }

/* -----------------------RADIO BUTTONS------------------------ */
label.input-radio {
  position: relative;
  line-height: 25px;
  padding-left: 25px; }
  label.input-radio.checked-input {
    line-height: 15px;
    padding-left: 15px; }
  label.input-radio input {
    visibility: hidden; }
  label.input-radio > span:last-child::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    margin: auto;
    width: 25px;
    height: 25px;
    background-color: #f3f3f3;
    border-radius: 20px; }
  label.input-radio > span:last-child:hover {
    cursor: pointer; }
  label.input-radio.checked-input > span:last-child::after {
    height: 18px;
    width: 18px; }
  label.input-radio.gradient-input input:checked ~ span:last-child::after {
    background: linear-gradient(to right, #e74e4b, #fb8133); }
  label.input-radio.checked-input input:checked ~ span:last-child::before {
    content: " ";
    height: 5px;
    width: 10px;
    border-left: 2px solid #f2734c;
    border-bottom: 2px solid #f2734c;
    position: absolute;
    top: 6px;
    left: 4px;
    transform: rotate(-45deg);
    border-image-source: linear-gradient(to right, #e74e4b, #fb8133);
    border-image-slice: 1;
    z-index: 10; }
  label.input-radio.gradient-checked-input input:checked ~ span:last-child::before {
    content: " ";
    height: 6px;
    width: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 8px;
    left: 6px;
    transform: rotate(-45deg);
    z-index: 10; }
  label.input-radio.gradient-checked-input input:checked ~ span:last-child::after {
    background: linear-gradient(90deg, #1c40de 0%, #2167e3 100%); }

select.underline-select {
  color: #666;
  background: #fff;
  padding-bottom: 0.5rem; }

select.rounded-select {
  color: #666;
  background: #f3f3f3;
  border-radius: 50px;
  padding: 0.6rem 0.6rem; }

.select-container {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #f3f3f3; }
  .select-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background-image: none;
    flex: 1;
    cursor: pointer;
    padding-right: 2.5rem; }
    .select-container select::-ms-expand {
      display: none; }
    .select-container select:active {
      background: #fff; }
  .select-container::after {
    content: "\003E";
    position: absolute;
    color: #666;
    top: 25%;
    right: 0;
    transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
    cursor: pointer;
    pointer-events: none;
    transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
    opacity: 0.6; }
  .select-container:hover::after {
    opacity: 1; }
  .select-container:active::after {
    transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75); }

.search-bar {
  background: #f3f3f3;
  border-radius: 50px;
  padding: 0.5rem 3rem 0.5rem 2rem; }
  .search-bar input {
    background: unset;
    border: unset;
    color: #000;
    width: 100%; }
  .search-bar .icon {
    position: absolute;
    right: 2.5rem;
    top: 0.75rem; }
  .search-bar--inverted {
    background: #292c33; }
    .search-bar--inverted input {
      color: #c4c4c4; }
    .search-bar--inverted .icon {
      color: #c4c4c4; }

.input-search {
  -moz-border-radius: 28px;
  -webkit-border-radius: 28px;
  -ms-border-radius: 28px;
  border-radius: 28px;
  position: relative;
  border: none;
  background-color: transparent;
  font-size: 1.143rem; }
  .input-search input {
    background-color: transparent; }

.input-search > img {
  width: 18px;
  height: 18px;
  top: 30%;
  left: 89%;
  position: absolute; }

.content-icon {
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center; }

.play-icon-green {
  background-image: url("/images/video-green.svg"), url("/images/video-green.png"); }

.play-icon-red {
  background-image: url("/images/video-red.svg"), url("/images/video-red.png"); }

.file-icon-green {
  background-image: url("/images/file-green.svg"), url("/images/file-green.png"); }

.file-icon-red {
  background-image: url("/images/file-red.svg"), url("/images/file-red.png"); }

.code-icon-green {
  background-image: url("/images/code-green.svg"), url("/images/code-green.png"); }

.code-icon-red {
  background-image: url("/images/code-red.svg"), url("/images/code-red.png"); }

.play-icon-green-dark {
  background-image: url("/images/video-green-dark.svg"), url("/images/video-green-dark.png"); }

.play-icon-red-dark {
  background-image: url("/images/video-red-dark.svg"), url("/images/video-red-dark.png"); }

.file-icon-green-dark {
  background-image: url("/images/file-green-dark.svg"), url("/images/file-green-dark.png"); }

.file-icon-red-dark {
  background-image: url("/images/file-red-dark.svg"), url("/images/file-red-dark.png"); }

.code-icon-green-dark {
  background-image: url("/images/code-green-dark.svg"), url("/images/code-green-dark.png"); }

.code-icon-red-dark {
  background-image: url("/images/code-red-dark.svg"), url("/images/code-red-dark.png"); }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: linear-gradient(-90deg, #ed7f92, #ef7d71);
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(19px, 0); } }

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.clearfix::before,
.clearfix::after,
.modal-header::before,
.modal-header::after,
.modal-footer::before,
.modal-footer::after {
  content: " ";
  display: table; }

.clearfix::after,
.modal-header::after,
.modal-footer::after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

.main-nav {
  border-bottom: 1px solid #f6f6f6;
  padding: 20px;
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  height: 70px;
  max-height: 70px;
  z-index: 500;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.nav-list {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0; }

.nav-items {
  font-family: "Mulish", sans-serif;
  font-size: 1.143rem;
  font-weight: normal;
  display: inline-block;
  margin-left: 40px;
  position: relative; }

.nav-items:hover {
  color: linear-gradient(to right, #ed7298, #ec8871, #ed7298); }

.nav-search {
  width: 350px; }

.nav-logo {
  height: 43px; }

.pointer {
  cursor: pointer; }
  .pointer .notify-dot {
    position: absolute; }

.active {
  color: #f66; }

.nav-right,
.nav-left {
  display: flex;
  align-items: center; }

@media all and (max-width: 875px) {
  .main-nav .hamburger-parent {
    display: inline-block;
    opacity: 0.4;
    font-size: 1.428rem;
    margin-right: 20px;
    cursor: pointer; }
  .menu-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-image: url("/images/menu-icon.png"); } }

@media all and (max-width: 575px) {
  .nav-logo {
    height: 30px;
    margin: 0; }
  .logo-link {
    min-width: unset; }
  .main-nav {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px; }
    .main-nav .hamburger-parent {
      font-size: 1rem; }
    .main-nav .card {
      padding: 5px 25px;
      width: 240px; }
    .main-nav .nav-info {
      font-size: 0.875rem; }
      .main-nav .nav-info .flex-row {
        padding: 20px 0; }
    .main-nav .round-img {
      width: 40px;
      height: 40px; } }

.notification {
  position: relative; }
  .notification::after {
    content: '';
    position: absolute;
    top: -4px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f66; }

.pill-sm, .pill, .pill-lg, .pill-dashed {
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: -ms-fit-content;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: 700;
  cursor: default; }

.pill-sm {
  padding: 0.4285rem, 0.8571rem;
  background-color: #ebebeb;
  font-size: 0.625rem; }

.pill {
  padding: 0.7142rem 1.4285rem;
  padding: 0.6rem 1rem;
  background-color: #ebebeb; }
  .pill.pill-dashed {
    background: unset;
    border: solid 1px #f2734c;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #e74e4b, #fb8133); }
  .pill.pill-white {
    background: unset;
    border: solid 1px #fff;
    color: #fff; }

.pill-lg {
  padding: 1rem 2.1428rem;
  background-color: #ebebeb;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-size: 1.143rem; }

.pill-dashed {
  padding: 0.6rem 1rem;
  border: solid 1px #f66;
  color: #f66; }
  .pill-dashed.pill-grey {
    border: solid 1px #333;
    color: #333; }

.round-img-b, .round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden; }

.round-img-b {
  border: solid 4px white; }

@media screen and (max-width: 575px) {
  .round-img-b {
    border: solid 2px #fff; } }

.search-box {
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
  position: absolute;
  z-index: 300;
  top: 55px;
  background-color: white;
  box-shadow: 0 20px 57px 0 rgba(51, 51, 51, 0.1); }

.search-content {
  height: 100%;
  padding: 30px; }
  .search-content:not(:first-of-type) {
    border-top: 1px solid #f6f6f6; }

.img-container > img {
  margin-left: 0; }

.heading-container {
  padding-left: 0; }

.heading-container > p:nth-child(2) {
  margin-top: 5px;
  color: #ed7492; }

.heading-container > p:nth-child(1) {
  margin-bottom: 1px; }

.skeleton-lg, .skeleton-md, .skeleton-sm, .rod-component-small .skeleton-lg, .rod-component-small .skeleton-md, .rod-component-small .skeleton-sm {
  height: 20px;
  border-radius: 20px;
  background-color: #f8f8f8; }

@keyframes shine {
  to {
    background-position: 100% 0; } }

.skeleton-lg,
.skeleton-md,
.skeleton-sm {
  margin: 5px 10px; }

.skeleton-lg {
  width: 65%;
  min-width: 75px; }

.skeleton-md {
  width: 50%;
  min-width: 50px; }

.skeleton-sm {
  width: 40%;
  min-width: 25px; }

.skeleton-card {
  position: relative;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 20px;
  padding-left: 5px; }

.rod-component {
  margin-top: 30px; }

.rod-component-small {
  margin-top: 10px; }
  .rod-component-small .skeleton-lg {
    width: 75%; }
  .rod-component-small .skeleton-md {
    width: 50%; }
  .rod-component-small .skeleton-sm {
    width: 25%; }

.skeleton-animation::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
  background-position: 0 0;
  background-size: 50px 100%;
  background-repeat: no-repeat;
  animation: shine 1s infinite; }

.pos-rating {
  font-size: 1.143rem;
  color: #fce298; }

.neg-rating {
  font-size: 1.143rem;
  color: #ccc; }

.status-circle {
  position: relative;
  padding-bottom: 100%;
  box-sizing: content-box; }

.circle-back {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

.circle-front {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute; }

.progress-text {
  color: #fff;
  text-align: center; }

.tab-nav {
  width: 100%;
  height: 75px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  background-color: #333;
  color: #fff;
  font-size: 1.428rem;
  font-weight: 600;
  justify-content: space-around; }
  .tab-nav .active {
    border-bottom: solid 4px #f66; }

.tab-icons,
.tab-items {
  cursor: pointer;
  flex: 1;
  align-items: center;
  justify-content: center; }

.tab-items {
  display: flex; }
  .tab-items:hover {
    color: #f66; }

.tab-icons {
  display: none;
  padding: 0 9%; }

.tab-nav-underline {
  display: flex;
  align-items: center;
  font-size: font-sm;
  border-bottom: solid 1px #f2f2f2; }
  .tab-nav-underline.inverted {
    border-bottom: solid 1px #2b2f37; }
  .tab-nav-underline .tab {
    bottom: -1px;
    padding: 15px 5%;
    color: #333;
    position: relative;
    cursor: pointer;
    margin-right: 3rem;
    font-size: 1.143rem;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0; }
    .tab-nav-underline .tab:hover {
      color: #f2734c; }
    .tab-nav-underline .tab.active {
      border-bottom: solid 1px #f2734c;
      color: #f2734c;
      font-weight: 700; }

@media all and (max-width: 767px) {
  .tab-items {
    display: none; }
  .tab-icons {
    display: flex; } }

@media all and (max-width: 575px) {
  .tab-nav {
    height: 50px; } }

.video-player {
  width: 100%;
  height: 100%;
  background: #000;
  position: relative; }
  .video-player video {
    width: 100%;
    height: 100%;
    border: none; }
  .video-player iframe {
    width: 100%;
    height: 100%;
    border: none; }

.list-divided .list-item, .list-shaded .list-item {
  padding: 15px 20px; }
  .list-divided .list-item .row, .list-shaded .list-item .row {
    width: 100%;
    padding: 0; }
  .list-divided .list-item > .row:not(:last-child), .list-shaded .list-item > .row:not(:last-child) {
    padding-bottom: 10px; }

.list-divided {
  border: solid 1px rgba(225, 225, 225, 0.75);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .list-divided > *:not(:last-child) {
    border-bottom: solid 1px rgba(225, 225, 225, 0.75); }

.list-shaded > *:not(:last-child) {
  margin-bottom: 6px; }

.list-shaded > * {
  background-color: rgba(255, 255, 255, 0.9); }

.list-shaded.invert {
  background-color: #000; }
  .list-shaded.invert > * {
    background-color: #111; }

.li-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto;
  text-align: left; }
  .li-left > * {
    text-align: left;
    flex: 0 0 auto; }

.li-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  text-align: right; }
  .li-right > * {
    text-align: right;
    flex: 0 0 auto; }

.li-left > *:not(:last-child) {
  padding-right: 5%; }

.li-right > *:not(:first-child) {
  padding-left: 5%; }

.list-style-circle {
  list-style: circle !important; }
  .list-style-circle * {
    list-style-type: circle !important; }

.list-style-disc {
  list-style: disc !important; }
  .list-style-disc * {
    list-style-type: disc !important; }

.list-style-square {
  list-style: square !important; }
  .list-style-square * {
    list-style-type: square !important; }

.clear-list {
  list-style-type: none;
  margin: 0; }

.list-with-divider > .list-with-divider-item:not(:last-child):after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.list-style-gradient-bullet * {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem; }
  .list-style-gradient-bullet *::before {
    content: "";
    height: 1rem;
    width: 1rem;
    border-radius: 1rem;
    left: 0;
    background: linear-gradient(to right, #e74e4b, #fb8133);
    margin-right: 1rem;
    flex: none; }

.curtains {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden; }
  .curtains .left-curtain,
  .curtains .right-curtain {
    width: 30%;
    height: 100%;
    min-width: 30%;
    transition: all 0.35s ease;
    overflow-y: auto;
    position: relative; }
    .curtains .left-curtain > *,
    .curtains .right-curtain > * {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      transition: all 0.35s ease; }
  .curtains .left-curtain.collapse,
  .curtains .right-curtain.collapse {
    width: 0;
    min-width: unset;
    position: static;
    transition: all 0.35s ease; }
  .curtains .left-curtain.collapse > * {
    transform: translateX(-40%); }
  .curtains .right-curtain.collapse > * {
    transform: translateX(40%); }
  .curtains .main {
    height: 100%;
    flex: auto;
    transition: all 0.35s ease;
    z-index: 100; }

.img-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row; }
  .img-desc .description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-between; }

.hoverable {
  position: relative; }
  .hoverable:hover .pop-up {
    display: block; }
  .hoverable .pop-up {
    position: absolute;
    display: none;
    z-index: 200; }

.dialog {
  border: solid 1px #e8e8e8;
  border-radius: 10px;
  position: relative;
  padding: 2.2rem; }
  .dialog::before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 10%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 35px 0 0;
    border-color: #e8e8e8 transparent transparent transparent; }
  .dialog::after {
    content: "";
    position: absolute;
    bottom: -28px;
    right: 10%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 29px 34px 0 0;
    border-color: #fff transparent transparent transparent; }

* > .back-div {
  position: relative; }

.back-div {
  width: 100%;
  height: 80%;
  background-color: #fdfdfd;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0; }

.tag, .tag-dashed {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 5px 7px;
  font-size: 0.875rem; }

.tag {
  background-color: #f6f6f6; }
  .tag.tag-red {
    color: white;
    background-image: linear-gradient(to right, #ed7298, #ec8871, #ed7298); }
  .tag.tag-orange {
    color: white;
    background-image: linear-gradient(to right, #e74e4b, #fb8133); }

.tag-dashed {
  color: #f66;
  border: solid 1px #f66; }

.tick {
  position: relative; }
  .tick::after {
    content: '';
    width: 60%;
    height: 25%;
    position: absolute;
    left: 20%;
    top: 30%;
    z-index: 100;
    border-left: solid 2px white;
    border-bottom: solid 2px white;
    transform: rotate(-45deg); }

@media screen and (max-width: 767px) {
  .bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw !important;
    z-index: 500;
    border-radius: unset; } }

.timer {
  margin: 0; }
  .timer .timer-item {
    padding: 0 1rem 0 0;
    float: left;
    display: inline-block; }
    .timer .timer-item .list-heading {
      font-size: 1.428rem;
      text-align: center; }
    .timer .timer-item .list-data {
      font-size: 0.875rem;
      text-align: center; }
  .timer--dots .timer-item {
    padding: 0 1.5rem 0 0;
    position: relative; }
    .timer--dots .timer-item:not(:last-child)::after {
      content: ":";
      font-size: 1.428rem;
      font-weight: 900;
      color: #fff;
      position: absolute;
      right: 0.7rem;
      top: 0; }
  .timer--dots .list-heading {
    font-weight: 900; }
  .timer--dots .list-data {
    font-size: 0.75rem; }

ul.divided-list.timer > *:not(:last-child) {
  border-right: unset; }

.fade-left::before, .fade-right::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #fff;
  display: block;
  z-index: 100; }

.fade-left::before {
  left: 0;
  width: 1rem;
  box-shadow: 0.5rem 0 0.75rem #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.fade-right::after {
  right: 0;
  width: 1rem;
  box-shadow: -0.5rem 0 0.75rem #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.threads.invert {
  background-color: #191919;
  color: #fff; }

.threads .thread {
  padding-bottom: 20px;
  padding-left: 5%;
  border-left: 1px solid #666; }
  .threads .thread:not(:last-child)::after {
    content: "";
    height: 1px;
    background-color: #666;
    margin-top: 10px;
    display: block;
    opacity: 0.6; }
  .threads .thread:first-child {
    padding-top: 20px; }

.breadcrumbs .active {
  color: unset; }

.breadcrumbs > * {
  display: inline-block;
  position: relative; }
  .breadcrumbs > *::after {
    content: "\232a";
    display: block;
    position: absolute;
    left: -3px;
    top: 0; }
  .breadcrumbs > *:first-of-type::after {
    display: none; }
  .breadcrumbs > *:last-child {
    font-weight: 400; }
  .breadcrumbs > *:first-child {
    padding-left: 0 !important; }

.img-ring {
  border-radius: 50%;
  border: solid 2px #f2734c;
  padding: 0.25rem;
  position: relative; }
  .img-ring .img {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%; }
  .img-ring.profile-img {
    height: 150px;
    width: 150px; }

.divided-list {
  list-style: none;
  display: flex; }
  .divided-list .list-heading {
    font-size: 1.143rem; }
  .divided-list .list-data {
    font-size: 1.143rem; }
  .divided-list > * {
    display: inline-block; }
    .divided-list > *:not(:last-child) {
      border-right: solid 1px #999; }
    .divided-list > *:first-child {
      padding-left: 0 !important; }
    .divided-list > *:last-child {
      padding-right: 0 !important; }

.profile-timeline {
  display: flex;
  justify-content: space-between; }
  .profile-timeline__event {
    position: relative; }
    .profile-timeline__event > * {
      position: relative;
      z-index: 10; }
    .profile-timeline__event:not(:last-child) {
      flex: 1; }
    .profile-timeline__event:not(:last-child):before {
      content: "";
      width: 100%;
      height: 1px;
      position: absolute;
      z-index: 1;
      top: 50%;
      background-color: #f3f3f3; }
    .profile-timeline__event__container {
      width: max-content;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .profile-timeline__event__container > button {
        font-size: 1.713rem; }
      .profile-timeline__event__container__tag {
        position: absolute;
        bottom: -30px;
        font-size: 1.143rem; }
    @media screen and (max-width: 575px) {
      .profile-timeline__event__container .s-60x60 {
        height: 50px !important;
        width: 50px !important; }
      .profile-timeline__event__container > button {
        font-size: 1.428rem; }
      .profile-timeline__event__container__tag {
        font-size: 0.75rem; } }

.horizontal-scrolling-table {
  overflow-x: auto; }

@font-face {
  font-family: "BebasNeue";
  src: url("https://minio.codingblocks.com/public/Bebas_Neue.ttf"); }

@font-face {
  font-family: "Gilroy";
  src: url("https://minio.codingblocks.com/motley/Gilroy.ttf"); }

@font-face {
  font-family: "GreatVibes";
  src: url("https://minio.codingblocks.com/public/GreatVibes-Regular.ttf"); }

.certificate-lite {
  height: 839px;
  width: 1381px;
  background: #fff;
  font-family: "Gilroy", sans-serif; }
  .certificate-lite__left-section {
    width: 220px;
    height: 100%;
    position: relative;
    background: linear-gradient(0deg, #19316c, #01b3c9); }
    .certificate-lite__left-section img {
      position: absolute;
      bottom: 48px;
      left: 48px; }
  .certificate-lite__right-section {
    flex: 1;
    padding: 80px 0 0 100px;
    position: relative; }
    .certificate-lite__right-section__logo {
      height: 80px !important; }
    .certificate-lite__right-section__title {
      margin-top: 36px;
      font-size: 82px;
      font-family: "BebasNeue", sans-serif !important;
      margin-bottom: 37px; }
    .certificate-lite__right-section__badge {
      position: absolute;
      background: linear-gradient(0deg, #19316c, #01b3c9);
      top: 0;
      right: 68px;
      width: 235px;
      height: 220px;
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
      clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%); }
      .certificate-lite__right-section__badge .position-relative .extra-bold {
        bottom: 25%;
        font-size: 37px; }
    .certificate-lite__right-section__description {
      margin-top: 136px; }
    .certificate-lite__right-section__signature-row {
      margin-top: 38px; }
      .certificate-lite__right-section__signature-row .signature-divider {
        height: 1px;
        width: 169px;
        background: #646464;
        margin-bottom: 17px; }
      .certificate-lite__right-section__signature-row div:nth-child(2) .signature-divider {
        margin-top: 21px; }

.certificate-excellence {
  height: 485px;
  width: 1000px;
  background: #16171c;
  position: relative;
  border-radius: 10px;
  font-family: "Gilroy", sans-serif; }
  .certificate-excellence__main-section {
    padding: 44px 183px 44px 75px;
    display: flex;
    justify-content: space-between;
    z-index: 1; }
    .certificate-excellence__main-section__right-section {
      width: 377px !important; }
      .certificate-excellence__main-section__right-section__divider {
        opacity: 0.5;
        margin: 42px 0 25px 0; }
    .certificate-excellence__main-section__left-section {
      width: 313px !important;
      border-radius: 10px;
      display: flex;
      position: relative;
      justify-content: center;
      align-items: center;
      background-image: linear-gradient(90deg, #ffda82 2.25%, #bf8442 13.23%, #dbae63 42.19%, #b38a4b 53.2%, #b67f36 64.66%, #855929 77.64%, #ffdc83 87.62%, #d69c51 98.11%); }
      .certificate-excellence__main-section__left-section::after {
        content: "";
        background: #16171c;
        position: absolute;
        border-radius: 10px;
        width: 309px;
        height: calc(100% - 4px);
        z-index: 0; }
      .certificate-excellence__main-section__left-section__content {
        padding: 30px 31px 30px 31px;
        z-index: 1;
        width: 100%; }
        .certificate-excellence__main-section__left-section__content__divider {
          opacity: 0.5;
          margin: 24px 0 19px 0; }
    .certificate-excellence__main-section__title1 {
      font-family: "BebasNeue", sans-serif;
      font-size: 80px;
      margin-top: 18px;
      -webkit-text-fill-color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
      background-image: linear-gradient(90deg, #ffda82 2.25%, #bf8442 13.23%, #dbae63 42.19%, #b38a4b 53.2%, #b67f36 64.66%, #855929 77.64%, #ffdc83 87.62%, #d69c51 98.11%); }
    .certificate-excellence__main-section__title2 {
      font-family: "GreatVibes";
      font-size: 64px;
      margin-top: -28px; }

.certificate-completion {
  height: 840px;
  width: 1150px;
  position: relative;
  font-family: "Gilroy", sans-serif;
  background: linear-gradient(293.4deg, #19316c -4.31%, #01b3c9 98.54%);
  padding: 70px 0 70px 135px;
  color: #fff; }
  .certificate-completion__title {
    margin-top: 36px;
    font-size: 82px;
    font-family: "BebasNeue", sans-serif !important;
    margin-bottom: 37px; }
  .certificate-completion__logo {
    height: 80px; }
  .certificate-completion__course-logo {
    height: 150px;
    width: 150px;
    top: 60px;
    right: 92px;
    position: absolute;
    border-radius: 50%;
    background: inherit;
    border: 5px solid #fff;
    padding: 30px; }
  .certificate-completion__divider {
    height: 1px;
    width: 225px;
    background: rgba(255, 255, 255, 0.5); }
  .certificate-completion__description {
    margin-top: 96px; }
  .certificate-completion__signature-row {
    margin-top: 38px; }
    .certificate-completion__signature-row .signature-divider {
      height: 1px;
      width: 169px;
      background: #fff;
      margin-bottom: 17px; }
    .certificate-completion__signature-row div:nth-child(2) .signature-divider {
      margin-top: 21px; }

.copy-code {
  cursor: pointer; }
  .copy-code:hover {
    position: relative;
    color: #d4d4d4;
    display: flex;
    align-items: center;
    justify-content: center; }
    .copy-code:hover::after {
      content: "Copy";
      font-size: card-sm;
      font-weight: 700;
      color: #000;
      position: absolute;
      z-index: 1; }

.info-popup {
  cursor: pointer;
  display: inline-block; }
  .info-popup:hover {
    transform: scale(1.5);
    position: relative; }
    .info-popup:hover::after {
      content: "You will only be able to attempt this test again after 15 days!";
      position: absolute;
      padding: 0.5rem;
      border-radius: 5px;
      border: solid 1px #f2734c;
      background-color: #fff;
      width: max-content;
      font-size: 0.75rem;
      top: -40px;
      left: -200px; }

.masonry-plain {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem; }
  .masonry-plain .masonry-item {
    display: inline-block;
    width: 100%;
    transition: 1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  grid-gap: 25px;
  grid-auto-rows: minmax(200px, auto);
  grid-auto-flow: dense; }
  @media screen and (max-width: 767px) {
    .grid-container {
      grid-template-columns: 100%; } }
  .grid-container .grid-item--primary {
    grid-column-start: 1;
    grid-column-end: 3; }

.radial-progress {
  width: 100%;
  height: 100%; }
  .radial-progress .track,
  .radial-progress .fill {
    fill: rgba(0, 0, 0, 0);
    stroke-width: 10;
    transform: rotate(90deg) translate(0px, -80px); }
  .radial-progress .track {
    stroke: rgba(255, 255, 255, 0.2); }
  .radial-progress .fill {
    stroke: white;
    stroke-dasharray: 219.99078369140625;
    stroke-dashoffset: -219.99078369140625;
    transition: stroke-dashoffset 1s; }
  .radial-progress.orange .fill {
    stroke: #f2734c; }
  .radial-progress.yellow .fill {
    stroke: #fc6; }

@keyframes tonext {
  75% {
    left: 0; }
  95% {
    left: 100%; }
  98% {
    left: 100%; }
  99% {
    left: 0; } }

@keyframes tostart {
  75% {
    left: 0; }
  95% {
    left: -300%; }
  98% {
    left: -300%; }
  99% {
    left: 0; } }

@keyframes snap {
  96% {
    scroll-snap-align: center; }
  97% {
    scroll-snap-align: none; }
  99% {
    scroll-snap-align: none; }
  100% {
    scroll-snap-align: center; } }

.banner-carousel-container * {
  box-sizing: border-box;
  scrollbar-color: transparent transparent;
  /* thumb and track color */
  scrollbar-width: 0px; }

.banner-carousel-container *::-webkit-scrollbar {
  width: 0; }

.banner-carousel-container *::-webkit-scrollbar-track {
  background: transparent; }

.banner-carousel-container *::-webkit-scrollbar-thumb {
  background: transparent;
  border: none; }

.banner-carousel-container * {
  -ms-overflow-style: none; }

.banner-carousel-container ol,
.banner-carousel-container li {
  list-style: none;
  margin: 0;
  padding: 0; }

.banner-carousel-container .banner-carousel {
  position: relative;
  height: 75vh; }

.banner-carousel-container .banner-carousel__viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory; }

.banner-carousel-container .banner-carousel__slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  background-color: #3f3f3f;
  background-size: cover !important; }

.banner-carousel-container .banner-carousel__snapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  scroll-snap-align: center; }

@media (hover: hover) {
  .banner-carousel-container .banner-carousel__snapper {
    animation-name: tonext, snap;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-iteration-count: infinite; }
  .banner-carousel-container .banner-carousel__slide:last-child .banner-carousel__snapper {
    animation-name: tostart, snap; } }

@media (prefers-reduced-motion: reduce) {
  .banner-carousel-container .banner-carousel__snapper {
    animation-name: none; } }

.banner-carousel-container .banner-carousel:hover .banner-carousel__snapper,
.banner-carousel-container .banner-carousel:focus-within .banner-carousel__snapper {
  animation-name: none; }

.banner-carousel-container .banner-carousel__navigation {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  text-align: center; }

.banner-carousel-container .banner-carousel__navigation-list,
.banner-carousel-container .banner-carousel__navigation-item {
  display: inline-block; }

.banner-carousel-container .banner-carousel__navigation-button {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #333;
  background-clip: content-box;
  border: 0.25rem solid transparent;
  border-radius: 50%;
  font-size: 0;
  transition: transform 0.1s; }

.banner-carousel-container .banner-carousel__navigation-button:active,
.banner-carousel-container .banner-carousel__navigation-button:hover {
  background-color: #fff; }

.banner-carousel-container .banner-carousel::before,
.banner-carousel-container .banner-carousel::after,
.banner-carousel-container .banner-carousel__prev,
.banner-carousel-container .banner-carousel__next {
  position: absolute;
  top: calc(50% - 2rem);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  font-size: 0;
  outline: 0; }

.banner-carousel-container .banner-carousel::before,
.banner-carousel-container .banner-carousel__prev {
  left: -1rem; }

.banner-carousel-container .banner-carousel::after,
.banner-carousel-container .banner-carousel__next {
  right: -1rem; }

.banner-carousel-container .banner-carousel::before,
.banner-carousel-container .banner-carousel::after {
  content: "";
  z-index: 1;
  background-color: #333;
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  font-size: 2.5rem;
  line-height: 4rem;
  text-align: center;
  pointer-events: none; }

.banner-carousel-container .banner-carousel::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' fill='%23fff'/%3E%3C/svg%3E"); }

.banner-carousel-container .banner-carousel::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' fill='%23fff'/%3E%3C/svg%3E"); }

.slideshow-container {
  position: relative;
  max-height: 75vh;
  overflow: hidden; }
  .slideshow-container__slide {
    display: none; }
  .slideshow-container__prev, .slideshow-container__next {
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: bold;
    font-size: 18px;
    user-select: none; }
  .slideshow-container__prev {
    left: 15px; }
  .slideshow-container__next {
    right: 15px; }
  .slideshow-container__navigation-dots {
    bottom: 50px;
    right: 80px;
    z-index: 20px;
    position: absolute; }
    .slideshow-container__navigation-dots .dot {
      cursor: pointer;
      height: 15px;
      width: 15px;
      margin: 0 2px;
      background-color: #6a6a6a;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease; }
      .slideshow-container__navigation-dots .dot:hover {
        background-color: #eee; }
  .slideshow-container .active {
    background-color: #eee; }
  .slideshow-container .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s; }

@-webkit-keyframes fade {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: 0.4; }
  to {
    opacity: 1; } }
  @media screen and (max-width: 767px) {
    .slideshow-container {
      height: auto; }
      .slideshow-container__navigation-dots {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: center; } }
  @media screen and (max-width: 767px) {
    .slideshow-container {
      max-height: unset; } }

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

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

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

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

.nav-info {
  font-size: 1.143rem; }
  .nav-info .card {
    padding-top: 90px;
    padding-right: 0;
    padding-bottom: 50px;
    padding-left: 0;
    text-align: center; }
  .nav-info .profile-pic {
    padding-top: 60px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }
  .nav-info .faded {
    color: #666; }
  .nav-info .round-img {
    width: 120px;
    height: 120px;
    margin-right: 28px; }
  .nav-info .profile-container {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100; }

.c-modal .modal-dialog {
  max-width: unset; }

.c-modal .modal-content {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: none;
  margin: 0 auto;
  display: block;
  box-shadow: none; }

.cb-navbar-side {
  border-right: 1px solid #f2f2f2; }

.cb-navbar-side > div {
  border-bottom: 1px solid #f2f2f2; }

.cb-navbar-side > div:first-child {
  padding: 4.5rem 0; }

.cb-navbar-side > div:not(:first-child):hover {
  cursor: pointer; }

.cb-navbar-side > div.selected {
  position: relative; }

.cb-navbar-side > div.selected::after {
  content: '';
  width: 3px;
  height: 100%;
  display: block;
  position: absolute;
  background-image: linear-gradient(30deg, #ec6333, #f19633);
  top: 0;
  right: 0; }

.cb-navbar-expanded {
  box-shadow: 0 17px 54px 6px rgba(51, 51, 51, 0.04); }

.c-review-pad {
  margin: 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .c-review-pad .title {
    font-size: 1.428rem;
    padding: 2rem 0; }

.options {
  display: grid;
  grid-template-columns: repeat(3, 80px);
  place-items: center; }
  .options .circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #666;
    color: #fff;
    margin: 10px 0;
    cursor: pointer; }

.searchbar input {
  border-radius: 25px;
  position: relative;
  background-color: #fff;
  height: 50px;
  width: 100%;
  color: #000; }

.searchbar img {
  position: absolute;
  bottom: 20%;
  right: 3%; }

.gradient-text-hi-orange,
.gradient-text-hi-pink,
.gradient-text-hi-blue,
.gradient-text-hi-purple {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 28px; }

.gradient-text-hi-orange {
  background-image: linear-gradient(to right, #f24f60, #f19f33); }

.gradient-text-hi-pink {
  background-image: linear-gradient(to right, #a5066c, #f24f60); }

.gradient-text-hi-blue {
  background-image: linear-gradient(to right, #1c40de, #2ab5ed); }

.gradient-text-hi-purple {
  background-image: linear-gradient(to right, #8008db, #430cd7); }

.overlay-icon {
  position: absolute;
  right: 10%;
  top: 10%; }

.landing-page__vector-img1 {
  position: absolute;
  right: 0;
  bottom: 0; }

.landing-page__vector-img2 {
  position: absolute;
  bottom: -20%;
  left: -2%;
  width: 70%; }

.landing-page__white-div {
  width: 10%;
  height: 8px;
  border-radius: 4px; }

.landing-page .font-super {
  font-size: 3.71rem; }

.landing-page .border-card {
  border-radius: 5px !important; }

.landing-page .mb-neg-15 {
  margin-bottom: -15%; }

.landing-page .mt-neg-15 {
  margin-top: -15px; }

.landing-page .font-36 {
  font-size: 2.57rem; }

.landing-page .font-45 {
  font-size: 3.21rem; }

.landing-page__section {
  padding: 5% 7%; }
  .landing-page__section__separator-5 {
    height: 5px; }
  .landing-page__section__review-card {
    width: 70%; }
  .landing-page__section--450 {
    height: 450px; }

.landing-page__topbanner {
  background-color: #fefcfe; }

.landing-page__footer {
  padding: 2% 7%; }

.landing-page__owl-carousel {
  -webkit-text-stroke: 1px black;
  background: inherit; }

.landing-page__hb-info {
  z-index: 100;
  margin-top: 10%; }
  .landing-page__hb-info__info-img {
    width: 70%; }
  .landing-page__hb-info::before {
    content: "";
    background-color: #fff;
    opacity: 0.41;
    position: absolute;
    height: 100%;
    width: 82%;
    transform: rotate(-8deg) translateX(-5px) translateY(-5px);
    z-index: -1;
    border-radius: inherit; }

.landing-page__blog-card--vertical {
  height: 300px; }

.landing-page__blog-card--horizontal {
  height: 250px; }

@media screen and (max-width: 991px) {
  .landing-page__section--padding-bleed--lg {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .landing-page__vector-img1 {
    width: 75%; }
  .landing-page__hb-info::before {
    display: none; }
  .landing-page__section {
    padding: 5% 7%; }
    .landing-page__section__review-card {
      width: 100%; }
  .landing-page__footer__logo {
    width: 40%;
    margin-top: 2rem; } }

@media screen and (max-width: 767px) {
  .landing-page__section--padding-bleed {
    padding-right: 0;
    padding-left: 0; }
  .landing-page__hb-info {
    z-index: 100;
    margin-top: 10%; }
    .landing-page__hb-info__info-img {
      width: 40%; } }

.c-accordion {
  font-size: 1.286rem;
  font-weight: 600; }
  .c-accordion .li-left > *:not(:last-child) {
    padding-right: 12%; }
  .c-accordion .li-right > *:not(:first-child) {
    padding-left: 13%; }
  .c-accordion .content-icon {
    background-position: unset; }
  .c-accordion .status-circle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: unset; }
  .c-accordion .circle-back {
    width: 39px;
    height: 39px;
    background: #000;
    opacity: 0.13;
    flex-shrink: 0; }
  .c-accordion .circle-front {
    width: 31px;
    height: 31px;
    background: #fff; }
  .c-accordion .green .circle-back {
    background: #8dbf75;
    opacity: 0.31; }
  .c-accordion .green .circle-front {
    background: #8dbf75; }
  .c-accordion .green .circle-front::after {
    content: "";
    background-image: url("https://minio.codingblocks.com/motley/checked.svg");
    width: 56%;
    height: 40px;
    position: absolute;
    left: 22%;
    background-repeat: no-repeat;
    top: 24%; }
  .c-accordion .list-divided > .list-divided {
    border-top: 0;
    border-left: 0;
    border-right: 0; }
  .c-accordion .row {
    padding: 22px 8% 22px 0; }

.c-accordion-card {
  padding: 1.4% 4% 3.5% 4%; }

@media screen and (max-width: 575px) {
  .c-accordion .row {
    padding: 12px 3% 12px 0; }
  .accordion-card {
    width: 100%; } }

.c-sidenav {
  height: 100vh;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 999;
  padding-right: 0;
  padding-left: 0; }
  .c-sidenav .nav-element {
    display: block;
    position: relative;
    color: #a2a4a8;
    text-align: center; }
    .c-sidenav .nav-element > img {
      max-width: 25px !important; }
    .c-sidenav .nav-element:hover {
      color: #fff;
      font-weight: 900; }
    .c-sidenav .nav-element.active {
      color: #fff;
      background-color: #292C33;
      font-weight: 900;
      border-radius: 5px; }
    .c-sidenav .nav-element h6 {
      font-weight: 500;
      font-size: 0.875rem; }
  .c-sidenav .logo {
    color: #fff;
    text-align: center; }

@media screen and (max-width: 1200px) {
  .c-sidenav h6 {
    font-size: 0.75rem; } }

@media screen and (max-width: 767px) {
  .c-sidenav {
    height: auto; }
    .c-sidenav .col-2 {
      padding-right: 0 !important;
      padding-left: 0 !important; }
    .c-sidenav .nav-element.active {
      color: #fff;
      background-color: #181b22;
      font-weight: 900; }
      .c-sidenav .nav-element.active::before {
        content: "";
        height: 8%;
        width: 100%;
        position: absolute;
        background: linear-gradient(to right, #e74e4b, #fb8133);
        left: 0;
        bottom: 0;
        top: unset; } }

.hamburger-nav {
  display: none; }

@media screen and (max-width: 767px) {
  .hamburger-nav {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    max-width: 400px;
    height: 100vh;
    z-index: 20000;
    transition: margin 0.5s; }
    .hamburger-nav__menu-element {
      position: relative; }
      .hamburger-nav__menu-element.active {
        color: #000; }
        .hamburger-nav__menu-element.active::before {
          content: "";
          height: 100%;
          width: 2%;
          position: absolute;
          background: linear-gradient(to right, #e74e4b, #fb8133);
          left: -3rem;
          top: 0; }
    .hamburger-nav__ham-logo {
      width: 30%; }
    .hamburger-nav__cross {
      width: 5%; }
    .hamburger-nav__top-bar {
      height: 71px;
      position: sticky;
      background-color: #fff;
      top: 0;
      z-index: 1; }
  .hamburger-nav.hamburger-nav--hidden {
    margin-left: -100%; } }

@media screen and (max-width: 575px) {
  .hamburger-nav__top-bar {
    height: 65px; } }

.c-topnav {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  margin-right: 0;
  margin-left: 0;
  border-bottom: solid 1px #eee;
  z-index: 998; }
  .c-topnav ul {
    margin: unset; }
  .c-topnav .logo {
    text-align: left; }
  .c-topnav .top-nav-option {
    text-align: center;
    float: left; }
  .c-topnav .top-nav-option:hover a h6 {
    color: #f19633; }
  .c-topnav .top-nav-option.active a h6 {
    color: #f19633; }
  .c-topnav h6 {
    font-weight: 700; }
  .c-topnav .right-nav {
    margin: unset;
    display: flex;
    align-items: center; }
    .c-topnav .right-nav a:hover {
      color: #f2734c; }
  @media screen and (max-width: 1200px) {
    .c-topnav .top-nav-option h6 {
      font-size: 1rem; } }
  @media screen and (max-width: 992px) {
    .c-topnav .top-nav-option h6 {
      font-size: 0.75rem; } }

.hamburger-menu {
  display: inline-block; }
  .hamburger-menu span {
    display: block;
    background: #000;
    border-radius: 2px; }
  .hamburger-menu .ham-toggle {
    width: 25px;
    position: relative;
    cursor: pointer; }
    .hamburger-menu .ham-toggle .hamburger span {
      height: 3px;
      margin: 5px 0; }

.live-courses {
  position: relative; }
  .live-courses table thead td {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 2rem; }
  .live-courses table tbody tr:first-child td {
    padding-top: 2rem; }
  .live-courses table td {
    padding: 1rem; }
    .live-courses table td:not(:first-child) {
      text-align: center; }
  .live-courses .contact-us {
    position: absolute;
    bottom: -11px;
    right: 10%;
    background: #fff; }
  .live-courses .live-classes-popup-card {
    position: absolute;
    display: none;
    z-index: 100;
    width: 105%;
    top: -25%;
    left: -2.5%; }
    .live-courses .live-classes-popup-card__logo {
      width: 30%;
      height: 30%;
      border: solid 1px #f2734c; }
    @media screen and (min-width: 768px) {
      .live-courses .live-classes-popup-card--active {
        display: block; } }
  .live-courses .victory-vector {
    position: absolute;
    bottom: 2rem;
    right: 2rem; }

.img-review-card {
  border-radius: 5px;
  position: relative;
  overflow: visible;
  padding-top: 5.5rem !important; }
  .img-review-card .author {
    position: absolute;
    top: -50px;
    left: calc(50% - 50px); }
  .img-review-card .icon {
    position: absolute;
    left: 10%;
    top: -20px; }
  .img-review-card .review-body {
    max-height: 250px;
    overflow-y: auto; }

.events-page__section {
  padding: 7.5rem 10rem; }

.events-page__meter > div.bg-white {
  height: 80px;
  width: 80px;
  border-radius: 5px; }

.events-page__event-card__head {
  height: 500px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative; }
  .events-page__event-card__head__date-tag {
    position: absolute;
    background: #fff;
    bottom: -50px;
    right: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f2734c; }

.events-page__event-card__foot {
  padding: 1.5rem 3rem; }

.events-page__events-carousel {
  position: relative; }
  .events-page__events-carousel__navigation {
    position: absolute;
    cursor: pointer;
    top: calc(40% - 25px);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 50px;
    width: 50px; }
    .events-page__events-carousel__navigation--left {
      left: calc(8.5% - 25px); }
    .events-page__events-carousel__navigation--right {
      right: calc(8.5% + 5px); }

@media screen and (max-width: 1199px) {
  .events-page__section {
    padding: 5rem 7.5rem; } }

@media screen and (max-width: 991px) {
  .events-page__section {
    padding: 3rem 5rem; } }

@media screen and (max-width: 767px) {
  .events-page__section {
    padding: 2rem 3rem; }
  .events-page__event-card__foot {
    padding: 1.5rem 1.5rem; } }

@media screen and (max-width: 575px) {
  .events-page__section {
    padding: 2rem 1.5rem; }
  .events-page__event-card__foot {
    padding: 4.5rem 1.5rem 1.5rem 1.5rem; }
  .events-page__meter > div.bg-white {
    height: 60px;
    width: 60px; } }

.label-card__head {
  height: 225px;
  position: relative;
  background: linear-gradient(to right, #e74e4b, #fb8133); }
  .label-card__head__cover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    object-fit: cover; }

.label-card__label {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: linear-gradient(to right, #e74e4b, #fb8133);
  position: absolute;
  height: 40px;
  width: 55%;
  top: -40px;
  left: 22.5%; }
  .label-card__label > div::after, .label-card__label > div::before,
  .label-card__label > div > div::after,
  .label-card__label > div > div::before {
    content: "";
    position: absolute;
    bottom: 0; }
  .label-card__label > div::before {
    background: #e74e4b;
    left: -10px; }
  .label-card__label > div::after {
    background: #fb8133;
    right: -10px; }
  .label-card__label > div::before, .label-card__label > div::after {
    z-index: 1;
    width: 10px;
    height: 10px; }
  .label-card__label > div > div::before {
    left: -20px; }
  .label-card__label > div > div::after {
    right: -20px; }
  .label-card__label > div > div::before, .label-card__label > div > div::after {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    z-index: 2;
    background: #fff; }

.label-card__foot {
  border: 1px solid #f2f2f2;
  margin-top: -15px;
  background: #fff;
  position: relative;
  padding-top: 3.8rem;
  padding-bottom: 3rem; }
  .label-card__foot__tag {
    position: absolute;
    background: #fff;
    top: -50px;
    right: 7.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f2734c;
    border-radius: 50%; }

.indicator {
  position: absolute;
  top: -5%;
  left: -2.10rem;
  font-size: 2rem;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(to right, #e74e4b, #fb8133); }

.backdrop {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin: 0 1.5rem; }
  .backdrop:before {
    content: "";
    z-index: 0;
    position: absolute;
    height: calc(100% + 2rem);
    width: calc(100% + 3rem);
    left: -1.5rem;
    top: -1rem;
    border-radius: 10px;
    background: #f3f3f3;
    opacity: 0.3; }

.track-indicator {
  position: absolute;
  top: 1.9rem;
  left: -7px;
  font-size: 3rem;
  color: #f3f3f3; }
  .track-indicator.complete {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(to right, #e74e4b, #fb8133); }

.tracks-container {
  padding-left: 7.325%; }
  .tracks-container .track-indicator {
    top: 45%; }

@media screen and (max-width: 991px) {
  html {
    font-size: 12px; } }

@media screen and (max-width: 767px) {
  html {
    font-size: 11px; } }

@media screen and (max-width: 575px) {
  html {
    font-size: 10px; } }

.main-nav .button-dashed,
.sidebar .button-dashed {
  background-image: linear-gradient(to right, #e9414d, #2d2982); }

.main-nav .button-dashed,
.sidebar .button-dashed {
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  border: 2px solid #84114b; }

.play-store-button {
  background-color: #2c2d32;
  background-image: none;
  font-size: 1.143rem;
  padding: 6px 24px;
  display: flex;
  align-items: center; }
  .play-store-button .text {
    display: inline-block;
    padding-left: 5px;
    text-align: left; }

.overflow-hidden {
  overflow: hidden !important; }

.nagarro-landing {
  margin-top: -70px; }
  .nagarro-landing .round-button-grey {
    background: #3f3f3f;
    border: 3px solid #59D6B0;
    bottom: calc(50% - 75px);
    left: -75px;
    position: absolute;
    height: 150px;
    width: 150px;
    cursor: pointer; }
  .nagarro-landing .tint-green::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(71, 215, 172, 0.16);
    z-index: 2; }
  .nagarro-landing .tint-green > * {
    z-index: 1; }
  .nagarro-landing .round-button-cyan {
    background: #59D6B0;
    border: 3px solid #59D6B0;
    position: absolute;
    height: 150px;
    width: 150px;
    bottom: 50px;
    right: 50px;
    cursor: pointer; }
  .nagarro-landing .faq-section {
    overflow: hidden;
    width: 100%; }
    .nagarro-landing .faq-section input {
      position: absolute;
      opacity: 0;
      z-index: -1; }
    .nagarro-landing .faq-section .faq-card {
      overflow: hidden;
      position: relative;
      cursor: pointer;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #f8f8f8;
      padding: 30px;
      border-radius: 10px; }
      .nagarro-landing .faq-section .faq-card:hover {
        background: #dfdfdf; }
      .nagarro-landing .faq-section .faq-card::after {
        content: "\276f";
        font-size: 12px;
        text-align: center;
        transition: all 0.35s; }
      .nagarro-landing .faq-section .faq-card::before {
        content: "";
        height: 100%;
        position: absolute;
        width: 10px;
        background: #58d3af;
        left: 0;
        top: 0; }
    .nagarro-landing .faq-section .answer-section {
      border: 1px solid #58d3af;
      border-top: unset;
      padding: 0 30px;
      box-sizing: border-box;
      margin-top: -5px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      max-height: 0;
      background: #fff;
      transition: all 0.35s; }
    .nagarro-landing .faq-section input:checked + .faq-card {
      background: #dfdfdf; }
      .nagarro-landing .faq-section input:checked + .faq-card::after {
        transform: rotate(90deg); }
    .nagarro-landing .faq-section input:checked ~ .answer-section {
      max-height: 100vh;
      padding: 30px; }
  .nagarro-landing .cyan {
    color: #47d7ac; }
  .nagarro-landing .bg-cyan {
    background-color: #e3fff7; }
  .nagarro-landing .cyan-underline {
    position: relative; }
    .nagarro-landing .cyan-underline::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 6px;
      bottom: 0;
      left: 0;
      background: #47d7ac;
      border-radius: 25px; }
  .nagarro-landing .cyan-backdrop {
    height: 150%;
    width: 100%;
    right: -50%;
    top: -25%;
    border-radius: 100%;
    background-color: #e3fff7; }
  .nagarro-landing .button-primary.button-grey {
    background: #3f3f3f !important; }
    .nagarro-landing .button-primary.button-grey:hover {
      background: #fff !important;
      border: 1px solid #3f3f3f;
      color: #3f3f3f; }
  .nagarro-landing .button-primary.button-cyan {
    border: 1px solid #58d3af;
    background: #fff !important;
    color: #58d3af; }
    .nagarro-landing .button-primary.button-cyan:hover {
      background: #58d3af !important;
      color: #fff; }
  .nagarro-landing .hero-1 {
    right: 0;
    bottom: 0; }
  .nagarro-landing .hero-2 {
    bottom: -75px;
    right: 0; }
  .nagarro-landing .hero-3 {
    top: -100px;
    left: 0; }
  @media screen and (max-width: 575px) {
    .nagarro-landing .hero-1 {
      display: none; } }
  @media screen and (max-width: 767px) {
    .nagarro-landing .hero-1 {
      right: -150px !important; } }
  @media screen and (max-width: 991px) {
    .nagarro-landing .hero-3 {
      top: 100px;
      left: -100px; }
    .nagarro-landing .hero-2 {
      bottom: 0 !important; }
    .nagarro-landing .hero-1 {
      right: -100px; }
    .nagarro-landing .round-button-cyan {
      height: 120px;
      width: 120px; }
    .nagarro-landing .round-button-grey {
      height: 120px;
      width: 120px;
      position: static;
      top: unset;
      left: unset; } }
  @media screen and (max-width: 1199px) {
    .nagarro-landing .hero-2 {
      right: -300px;
      bottom: -150px; } }