/*   =======
    helpers
    ========== */
/*-----------------------------
  media query
-----------------------------*/
/*-----------------------------
  Colors
-----------------------------*/
/*-----------------------------
  Background Colors
-----------------------------*/
/*-----------------------------
  Border Colors
-----------------------------*/
/*-----------------------------
  Color Social Network
-----------------------------*/
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-primary: #006870;
  --color-secondary: #006870;
  --color-snow: #b3bcc7;
  --color-red: #eb3450;
  --color-orange: #ff7d51;
  --color-blue: #006870;
  --color-yellow: #ffc212;
  --color-green: #2dca73;
  --color-text: #b18d44;
  --color-placeholder: #b3bcc7;
  --color-purple: #7551e9;
  --color-pink: #ed63d2;
  --bg-black: #000;
  --bg-white: #fff;
  --bg-primary: #006870;
  --bg-secondary: #006870;
  --bg-snow: #f9fafc;
  --bg-red: #eb3450;
  --bg-orange: #ff7d51;
  --bg-blue: #006870;
  --bg-yellow: #ffc212;
  --bg-green: #2dca73;
  --bg-purple: #7551e9;
  --bg-pink: #ed63d2;
  --border-black: #000;
  --border-white: #fff;
  --border-primary: #006870;
  --border-secondary: #006870;
  --border-snow: #eceef3;
  --border-red: #eb3450;
  --border-orange: #ff7d51;
  --border-blue: #006870;
  --border-yellow: #ffc212;
  --border-green: #2dca73;
  --color-android: #a4c639;
  --color-clarity: #61bed9;
  --color-dribbble: #ea4c89;
  --color-foursquare: #f94877;
  --color-google-plus: #db4437;
  --color-instagram: #c32aa3;
  --color-mastodon: #2b90d9;
  --color-periscope: #40a4c4;
  --color-quora: #aa2200;
  --color-slack: #4a154b;
  --color-soundcloud: #ff5500;
  --color-stumbleupon: #e94826;
  --color-tiktok: #010101;
  --color-twitter: #1da1f2;
  --color-vk: #4a76a8;
  --color-yelp: #d32323;
  --color-alexa: #00a7ce;
  --color-deviantArt: #05cc47;
  --color-facebook: #1877f2;
  --color-linkedin: #007bb5;
  --color-medium: #02b875;
  --color-pinterest: #bd081c;
  --color-reddit: #ff4500;
  --color-slideshare: #e68523;
  --color-spotify: #1ed760;
  --color-tumblr: #35465d;
  --color-vimeo: #1ab7ea;
  --color-whatsapp: #25d366;
  --color-youtube: #ff0000;
  --color-amazon: #ff9900;
  --color-apple: #000000;
  --color-flickr: #f40083;
  --color-google: #4285f4;
  --color-houzz: #4dbc15;
  --color-microsoft: #f35022;
  --color-skype: #0078d7;
  --color-snapchat: #fffc00;
  --color-telegram: #0088cc;
  --color-behance: #0056ff;
}

/*-----------------------------
  media query
-----------------------------*/
/*-----------------------------
  mixin overlay
-----------------------------*/
/*-----------------------------
  mixin prefix
-----------------------------*/
/*-----------------------------
  mixin animation
-----------------------------*/
/* ============
components
============== */
/* ============
Display All Screen
==============*/
.d-block {
  display: block !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.d-flow-root {
  display: flow-root !important;
}

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

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

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

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

/* ============
  Display Small (sm)
  ==============*/
@media (min-width: 768px) {
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) {
  .d-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) {
  .d-sm-flex {
    display: flex !important;
  }
}

@media (min-width: 768px) {
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table {
    display: table !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-caption {
    display: table-caption !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-column {
    display: table-column !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-column-group {
    display: table-column-group !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-footer-group {
    display: table-footer-group !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-header-group {
    display: table-header-group !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-row-group {
    display: table-row-group !important;
  }
}

@media (min-width: 768px) {
  .d-sm-table-row {
    display: table-row !important;
  }
}

@media (min-width: 768px) {
  .d-sm-flow-root {
    display: flow-root !important;
  }
}

@media (min-width: 768px) {
  .d-sm-grid {
    display: grid !important;
  }
}

@media (min-width: 768px) {
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
}

@media (min-width: 768px) {
  .d-sm-contents {
    display: contents !important;
  }
}

@media (min-width: 768px) {
  .d-sm-none {
    display: none !important;
  }
}

/* ============
  Display Medium (md)
  ==============*/
@media (min-width: 992px) {
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) {
  .d-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) {
  .d-md-flex {
    display: flex !important;
  }
}

@media (min-width: 992px) {
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-md-table {
    display: table !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-caption {
    display: table-caption !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-column {
    display: table-column !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-column-group {
    display: table-column-group !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-footer-group {
    display: table-footer-group !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-header-group {
    display: table-header-group !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-row-group {
    display: table-row-group !important;
  }
}

@media (min-width: 992px) {
  .d-md-table-row {
    display: table-row !important;
  }
}

@media (min-width: 992px) {
  .d-md-flow-root {
    display: flow-root !important;
  }
}

@media (min-width: 992px) {
  .d-md-grid {
    display: grid !important;
  }
}

@media (min-width: 992px) {
  .d-md-inline-grid {
    display: inline-grid !important;
  }
}

@media (min-width: 992px) {
  .d-md-contents {
    display: contents !important;
  }
}

@media (min-width: 992px) {
  .d-md-none {
    display: none !important;
  }
}

/* ============
  Display Large (lg)
  ==============*/
@media (min-width: 1200px) {
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-flex {
    display: flex !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table {
    display: table !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-caption {
    display: table-caption !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-column {
    display: table-column !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-column-group {
    display: table-column-group !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-footer-group {
    display: table-footer-group !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-header-group {
    display: table-header-group !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-row-group {
    display: table-row-group !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-table-row {
    display: table-row !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-flow-root {
    display: flow-root !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-grid {
    display: grid !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-contents {
    display: contents !important;
  }
}

@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important;
  }
}

/* ============
Float All Screens
==============*/
.float-right {
  float: right !important;
}

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

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

.clearfix::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* ============
Float Small (sm)
==============*/
@media (min-width: 768px) {
  .float-sm-right {
    float: right !important;
  }
}

@media (min-width: 768px) {
  .float-sm-left {
    float: left !important;
  }
}

@media (min-width: 768px) {
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .clearfix-sm::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }
}

/* ============
Float Medium (md)
==============*/
@media (min-width: 992px) {
  .float-md-right {
    float: right !important;
  }
}

@media (min-width: 992px) {
  .float-md-left {
    float: left !important;
  }
}

@media (min-width: 992px) {
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .clearfix-md::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }
}

/* ============
Float Large (lg)
==============*/
@media (min-width: 1200px) {
  .float-lg-right {
    float: right !important;
  }
}

@media (min-width: 1200px) {
  .float-lg-left {
    float: left !important;
  }
}

@media (min-width: 1200px) {
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .clearfix-lg::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }
}

/* ============
Clear All Screens
==============*/
.clear-right {
  clear: right !important;
}

.clear-left {
  clear: left !important;
}

.clear-both {
  clear: both !important;
}

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

/* ============
  Clear Small (sm)
  ==============*/
@media (min-width: 768px) {
  .clear-sm-right {
    clear: right !important;
  }
}

@media (min-width: 768px) {
  .clear-sm-left {
    clear: left !important;
  }
}

@media (min-width: 768px) {
  .clear-sm-both {
    clear: both !important;
  }
}

@media (min-width: 768px) {
  .clear-sm-none {
    clear: none !important;
  }
}

/* ============
  Clear Medium (md)
  ==============*/
@media (min-width: 992px) {
  .clear-md-right {
    clear: right !important;
  }
}

@media (min-width: 992px) {
  .clear-md-left {
    clear: left !important;
  }
}

@media (min-width: 992px) {
  .clear-md-both {
    clear: both !important;
  }
}

@media (min-width: 992px) {
  .clear-md-none {
    clear: none !important;
  }
}

/* ============
  Clear Large (lg)
  ==============*/
@media (min-width: 1200px) {
  .clear-lg-right {
    clear: right !important;
  }
}

@media (min-width: 1200px) {
  .clear-lg-left {
    clear: left !important;
  }
}

@media (min-width: 1200px) {
  .clear-lg-both {
    clear: both !important;
  }
}

@media (min-width: 1200px) {
  .clear-lg-none {
    clear: none !important;
  }
}

/* ============
object Fit All Screens
==============*/
.object-contain {
  object-fit: contain !important;
}

.object-cover {
  object-fit: cover !important;
}

.object-fill {
  object-fit: fill !important;
}

.object-none {
  object-fit: none !important;
}

.object-scale-down {
  object-fit: scale-down !important;
}

/* ============
object Fit Small (sm)
==============*/
@media (min-width: 768px) {
  .object-sm-contain {
    object-fit: contain !important;
  }
}

@media (min-width: 768px) {
  .object-sm-cover {
    object-fit: cover !important;
  }
}

@media (min-width: 768px) {
  .object-sm-fill {
    object-fit: fill !important;
  }
}

@media (min-width: 768px) {
  .object-sm-none {
    object-fit: none !important;
  }
}

@media (min-width: 768px) {
  .object-sm-scale-down {
    object-fit: scale-down !important;
  }
}

/* ============
object Fit Medium (md)
==============*/
@media (min-width: 992px) {
  .object-md-contain {
    object-fit: contain !important;
  }
}

@media (min-width: 992px) {
  .object-md-cover {
    object-fit: cover !important;
  }
}

@media (min-width: 992px) {
  .object-md-fill {
    object-fit: fill !important;
  }
}

@media (min-width: 992px) {
  .object-md-none {
    object-fit: none !important;
  }
}

@media (min-width: 992px) {
  .object-md-scale-down {
    object-fit: scale-down !important;
  }
}

/* ============
object Fit Large (lg)
==============*/
@media (min-width: 1200px) {
  .object-lg-contain {
    object-fit: contain !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-cover {
    object-fit: cover !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-fill {
    object-fit: fill !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-none {
    object-fit: none !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-scale-down {
    object-fit: scale-down !important;
  }
}

/* ============
object Position All Screens
==============*/
.object-bottom {
  object-position: bottom !important;
}

.object-center {
  object-position: center !important;
}

.object-left {
  object-position: left !important;
}

.object-left-bottom {
  object-position: left bottom !important;
}

.object-left-top {
  object-position: left top !important;
}

.object-right {
  object-position: right !important;
}

.object-right-bottom {
  object-position: right bottom !important;
}

.object-right-top {
  object-position: right top !important;
}

.object-top {
  object-position: top !important;
}

/* ============
  object Position Small (sm)
  ==============*/
@media (min-width: 768px) {
  .object-sm-bottom {
    object-position: bottom !important;
  }
}

@media (min-width: 768px) {
  .object-sm-center {
    object-position: center !important;
  }
}

@media (min-width: 768px) {
  .object-sm-left {
    object-position: left !important;
  }
}

@media (min-width: 768px) {
  .object-sm-left-bottom {
    object-position: left bottom !important;
  }
}

@media (min-width: 768px) {
  .object-sm-left-top {
    object-position: left top !important;
  }
}

@media (min-width: 768px) {
  .object-sm-right {
    object-position: right !important;
  }
}

@media (min-width: 768px) {
  .object-sm-right-bottom {
    object-position: right bottom !important;
  }
}

@media (min-width: 768px) {
  .object-sm-right-top {
    object-position: right top !important;
  }
}

@media (min-width: 768px) {
  .object-sm-top {
    object-position: top !important;
  }
}

/* ============
  object Position Medium (md)
  ==============*/
@media (min-width: 992px) {
  .object-md-bottom {
    object-position: bottom !important;
  }
}

@media (min-width: 992px) {
  .object-md-center {
    object-position: center !important;
  }
}

@media (min-width: 992px) {
  .object-md-left {
    object-position: left !important;
  }
}

@media (min-width: 992px) {
  .object-md-left-bottom {
    object-position: left bottom !important;
  }
}

@media (min-width: 992px) {
  .object-md-left-top {
    object-position: left top !important;
  }
}

@media (min-width: 992px) {
  .object-md-right {
    object-position: right !important;
  }
}

@media (min-width: 992px) {
  .object-md-right-bottom {
    object-position: right bottom !important;
  }
}

@media (min-width: 992px) {
  .object-md-right-top {
    object-position: right top !important;
  }
}

@media (min-width: 992px) {
  .object-md-top {
    object-position: top !important;
  }
}

/* ============
  object Position Large (lg)
  ==============*/
@media (min-width: 1200px) {
  .object-lg-bottom {
    object-position: bottom !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-center {
    object-position: center !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-left {
    object-position: left !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-left-bottom {
    object-position: left bottom !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-left-top {
    object-position: left top !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-right {
    object-position: right !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-right-bottom {
    object-position: right bottom !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-right-top {
    object-position: right top !important;
  }
}

@media (min-width: 1200px) {
  .object-lg-top {
    object-position: top !important;
  }
}

/* ============
Overflow All Screens
==============*/
.overflow-auto {
  overflow: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

.scrolling-touch {
  -webkit-overflow-scrolling: touch !important;
}

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

/* ============
Overflow Small (sm)
==============*/
@media (min-width: 768px) {
  .overflow-sm-auto {
    overflow: auto !important;
  }
}

@media (min-width: 768px) {
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
}

@media (min-width: 768px) {
  .overflow-sm-visible {
    overflow: visible !important;
  }
}

@media (min-width: 768px) {
  .overflow-sm-scroll {
    overflow: scroll !important;
  }
}

@media (min-width: 768px) {
  .overflow-x-sm-auto {
    overflow-x: auto !important;
  }
}

@media (min-width: 768px) {
  .overflow-y-sm-auto {
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) {
  .overflow-x-sm-hidden {
    overflow-x: hidden !important;
  }
}

@media (min-width: 768px) {
  .overflow-y-sm-hidden {
    overflow-y: hidden !important;
  }
}

@media (min-width: 768px) {
  .overflow-x-sm-visible {
    overflow-x: visible !important;
  }
}

@media (min-width: 768px) {
  .overflow-y-sm-visible {
    overflow-y: visible !important;
  }
}

@media (min-width: 768px) {
  .overflow-x-sm-scroll {
    overflow-x: scroll !important;
  }
}

@media (min-width: 768px) {
  .overflow-y-sm-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 768px) {
  .scrolling-sm-touch {
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (min-width: 768px) {
  .scrolling-sm-auto {
    -webkit-overflow-scrolling: auto !important;
  }
}

/* ============
Overflow Medium (md)
==============*/
@media (min-width: 992px) {
  .overflow-md-auto {
    overflow: auto !important;
  }
}

@media (min-width: 992px) {
  .overflow-md-hidden {
    overflow: hidden !important;
  }
}

@media (min-width: 992px) {
  .overflow-md-visible {
    overflow: visible !important;
  }
}

@media (min-width: 992px) {
  .overflow-md-scroll {
    overflow: scroll !important;
  }
}

@media (min-width: 992px) {
  .overflow-x-md-auto {
    overflow-x: auto !important;
  }
}

@media (min-width: 992px) {
  .overflow-y-md-auto {
    overflow-y: auto !important;
  }
}

@media (min-width: 992px) {
  .overflow-x-md-hidden {
    overflow-x: hidden !important;
  }
}

@media (min-width: 992px) {
  .overflow-y-md-hidden {
    overflow-y: hidden !important;
  }
}

@media (min-width: 992px) {
  .overflow-x-md-visible {
    overflow-x: visible !important;
  }
}

@media (min-width: 992px) {
  .overflow-y-md-visible {
    overflow-y: visible !important;
  }
}

@media (min-width: 992px) {
  .overflow-x-md-scroll {
    overflow-x: scroll !important;
  }
}

@media (min-width: 992px) {
  .overflow-y-md-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 992px) {
  .scrolling-md-touch {
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (min-width: 992px) {
  .scrolling-md-auto {
    -webkit-overflow-scrolling: auto !important;
  }
}

/* ============
Overflow Large (lg)
==============*/
@media (min-width: 1200px) {
  .overflow-lg-auto {
    overflow: auto !important;
  }
}

@media (min-width: 1200px) {
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
}

@media (min-width: 1200px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }
}

@media (min-width: 1200px) {
  .overflow-lg-scroll {
    overflow: scroll !important;
  }
}

@media (min-width: 1200px) {
  .overflow-x-lg-auto {
    overflow-x: auto !important;
  }
}

@media (min-width: 1200px) {
  .overflow-y-lg-auto {
    overflow-y: auto !important;
  }
}

@media (min-width: 1200px) {
  .overflow-x-lg-hidden {
    overflow-x: hidden !important;
  }
}

@media (min-width: 1200px) {
  .overflow-y-lg-hidden {
    overflow-y: hidden !important;
  }
}

@media (min-width: 1200px) {
  .overflow-x-lg-visible {
    overflow-x: visible !important;
  }
}

@media (min-width: 1200px) {
  .overflow-y-lg-visible {
    overflow-y: visible !important;
  }
}

@media (min-width: 1200px) {
  .overflow-x-lg-scroll {
    overflow-x: scroll !important;
  }
}

@media (min-width: 1200px) {
  .overflow-y-lg-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 1200px) {
  .scrolling-lg-touch {
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (min-width: 1200px) {
  .scrolling-lg-auto {
    -webkit-overflow-scrolling: auto !important;
  }
}

/* ============
Opacity
==============*/
.opacity-0 {
  opacity: 0 !important;
}

.opacity-5 {
  opacity: 0.05 !important;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-15 {
  opacity: 0.15 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-30 {
  opacity: 0.3 !important;
}

.opacity-35 {
  opacity: 0.35 !important;
}

.opacity-45 {
  opacity: 0.45 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-55 {
  opacity: 0.55 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-65 {
  opacity: 0.65 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-85 {
  opacity: 0.85 !important;
}

.opacity-90 {
  opacity: 0.9 !important;
}

.opacity-95 {
  opacity: 0.95 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

/* ============
Overscroll All Screens
==============*/
.overscroll-auto {
  overscroll-behavior: auto !important;
}

.overscroll-contain {
  overscroll-behavior: contain !important;
}

.overscroll-none {
  overscroll-behavior: none !important;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto !important;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain !important;
}

.overscroll-y-none {
  overscroll-behavior-y: none !important;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto !important;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain !important;
}

.overscroll-x-none {
  overscroll-behavior-x: none !important;
}

/* ============
Overscroll Small (sm)
==============*/
@media (min-width: 768px) {
  .overscroll-sm-auto {
    overscroll-behavior: auto !important;
  }
}

@media (min-width: 768px) {
  .overscroll-sm-contain {
    overscroll-behavior: contain !important;
  }
}

@media (min-width: 768px) {
  .overscroll-sm-none {
    overscroll-behavior: none !important;
  }
}

@media (min-width: 768px) {
  .overscroll-y-sm-auto {
    overscroll-behavior-y: auto !important;
  }
}

@media (min-width: 768px) {
  .overscroll-y-sm-contain {
    overscroll-behavior-y: contain !important;
  }
}

@media (min-width: 768px) {
  .overscroll-y-sm-none {
    overscroll-behavior-y: none !important;
  }
}

@media (min-width: 768px) {
  .overscroll-x-sm-auto {
    overscroll-behavior-x: auto !important;
  }
}

@media (min-width: 768px) {
  .overscroll-x-sm-contain {
    overscroll-behavior-x: contain !important;
  }
}

@media (min-width: 768px) {
  .overscroll-x-sm-none {
    overscroll-behavior-x: none !important;
  }
}

/* ============
Overscroll Medium (md)
==============*/
@media (min-width: 992px) {
  .overscroll-md-auto {
    overscroll-behavior: auto !important;
  }
}

@media (min-width: 992px) {
  .overscroll-md-contain {
    overscroll-behavior: contain !important;
  }
}

@media (min-width: 992px) {
  .overscroll-md-none {
    overscroll-behavior: none !important;
  }
}

@media (min-width: 992px) {
  .overscroll-y-md-auto {
    overscroll-behavior-y: auto !important;
  }
}

@media (min-width: 992px) {
  .overscroll-y-md-contain {
    overscroll-behavior-y: contain !important;
  }
}

@media (min-width: 992px) {
  .overscroll-y-md-none {
    overscroll-behavior-y: none !important;
  }
}

@media (min-width: 992px) {
  .overscroll-x-md-auto {
    overscroll-behavior-x: auto !important;
  }
}

@media (min-width: 992px) {
  .overscroll-x-md-contain {
    overscroll-behavior-x: contain !important;
  }
}

@media (min-width: 992px) {
  .overscroll-x-md-none {
    overscroll-behavior-x: none !important;
  }
}

/* ============
Overscroll Large (lg)
==============*/
@media (min-width: 1200px) {
  .overscroll-lg-auto {
    overscroll-behavior: auto !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-lg-contain {
    overscroll-behavior: contain !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-lg-none {
    overscroll-behavior: none !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-y-lg-auto {
    overscroll-behavior-y: auto !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-y-lg-contain {
    overscroll-behavior-y: contain !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-y-lg-none {
    overscroll-behavior-y: none !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-x-lg-auto {
    overscroll-behavior-x: auto !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-x-lg-contain {
    overscroll-behavior-x: contain !important;
  }
}

@media (min-width: 1200px) {
  .overscroll-x-lg-none {
    overscroll-behavior-x: none !important;
  }
}

/* ============
Position All Screens
==============*/
.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

/* ============
Position Small (sm)
==============*/
@media (min-width: 768px) {
  .static-sm {
    position: static !important;
  }
}

@media (min-width: 768px) {
  .fixed-sm {
    position: fixed !important;
  }
}

@media (min-width: 768px) {
  .absolute-sm {
    position: absolute !important;
  }
}

@media (min-width: 768px) {
  .relative-sm {
    position: relative !important;
  }
}

@media (min-width: 768px) {
  .sticky-sm {
    position: sticky !important;
  }
}

/* ============
Position Medium (md)
==============*/
@media (min-width: 992px) {
  .static-md {
    position: static !important;
  }
}

@media (min-width: 992px) {
  .fixed-md {
    position: fixed !important;
  }
}

@media (min-width: 992px) {
  .absolute-md {
    position: absolute !important;
  }
}

@media (min-width: 992px) {
  .relative-md {
    position: relative !important;
  }
}

@media (min-width: 992px) {
  .sticky-md {
    position: sticky !important;
  }
}

/* ============
Position Large (lg)
==============*/
@media (min-width: 1200px) {
  .static-lg {
    position: static !important;
  }
}

@media (min-width: 1200px) {
  .fixed-lg {
    position: fixed !important;
  }
}

@media (min-width: 1200px) {
  .absolute-lg {
    position: absolute !important;
  }
}

@media (min-width: 1200px) {
  .relative-lg {
    position: relative !important;
  }
}

@media (min-width: 1200px) {
  .sticky-lg {
    position: sticky !important;
  }
}

/* ============
Top / Right / Bottom / Left All Screens
==============*/
.inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.inset-auto {
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}

.inset-y-0 {
  top: 0 !important;
  bottom: 0 !important;
}

.inset-x-0 {
  right: 0 !important;
  left: 0 !important;
}

.inset-y-auto {
  top: auto !important;
  bottom: auto !important;
}

.inset-x-auto {
  right: auto !important;
  left: auto !important;
}

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

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

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

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

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

/* ============
Top / Right / Bottom / Left Small (sm)
==============*/
@media (min-width: 768px) {
  .inset-sm-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }
}

@media (min-width: 768px) {
  .inset-sm-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (min-width: 768px) {
  .inset-y-sm-0 {
    top: 0 !important;
    bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .inset-x-sm-0 {
    right: 0 !important;
    left: 0 !important;
  }
}

@media (min-width: 768px) {
  .inset-y-sm-auto {
    top: auto !important;
    bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .inset-x-sm-auto {
    right: auto !important;
    left: auto !important;
  }
}

@media (min-width: 768px) {
  .top-sm-0 {
    top: 0 !important;
  }
}

@media (min-width: 768px) {
  .right-sm-0 {
    right: 0 !important;
  }
}

@media (min-width: 768px) {
  .bottom-sm-0 {
    bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .left-sm-0 {
    left: 0 !important;
  }
}

@media (min-width: 768px) {
  .top-sm-auto {
    top: auto !important;
  }
}

@media (min-width: 768px) {
  .right-sm-auto {
    right: auto !important;
  }
}

@media (min-width: 768px) {
  .bottom-sm-auto {
    bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .left-sm-auto {
    left: auto !important;
  }
}

/* ============
Top / Right / Bottom / Left Medium (md)
==============*/
@media (min-width: 992px) {
  .inset-md-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }
}

@media (min-width: 992px) {
  .inset-md-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (min-width: 992px) {
  .inset-y-md-0 {
    top: 0 !important;
    bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .inset-x-md-0 {
    right: 0 !important;
    left: 0 !important;
  }
}

@media (min-width: 992px) {
  .inset-y-md-auto {
    top: auto !important;
    bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .inset-x-md-auto {
    right: auto !important;
    left: auto !important;
  }
}

@media (min-width: 992px) {
  .top-md-0 {
    top: 0 !important;
  }
}

@media (min-width: 992px) {
  .right-md-0 {
    right: 0 !important;
  }
}

@media (min-width: 992px) {
  .bottom-md-0 {
    bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .left-md-0 {
    left: 0 !important;
  }
}

@media (min-width: 992px) {
  .top-md-auto {
    top: auto !important;
  }
}

@media (min-width: 992px) {
  .right-md-auto {
    right: auto !important;
  }
}

@media (min-width: 992px) {
  .bottom-md-auto {
    bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .left-md-auto {
    left: auto !important;
  }
}

/* ============
Top / Right / Bottom / Left Large (lg)
==============*/
@media (min-width: 1200px) {
  .inset-lg-0 {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .inset-lg-auto {
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }
}

@media (min-width: 1200px) {
  .inset-y-lg-0 {
    top: 0 !important;
    bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .inset-x-lg-0 {
    right: 0 !important;
    left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .inset-y-lg-auto {
    top: auto !important;
    bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .inset-x-lg-auto {
    right: auto !important;
    left: auto !important;
  }
}

@media (min-width: 1200px) {
  .top-lg-0 {
    top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .right-lg-0 {
    right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .bottom-lg-0 {
    bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .left-lg-0 {
    left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .top-lg-auto {
    top: auto !important;
  }
}

@media (min-width: 1200px) {
  .right-lg-auto {
    right: auto !important;
  }
}

@media (min-width: 1200px) {
  .bottom-lg-auto {
    bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .left-lg-auto {
    left: auto !important;
  }
}

/* ============
Visibility All Screens
==============*/
.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/* ============
Visibility Small (sm)
==============*/
@media (min-width: 768px) {
  .visible-sm {
    visibility: visible !important;
  }
}

@media (min-width: 768px) {
  .invisible-sm {
    visibility: hidden !important;
  }
}

/* ============
Visibility Medium (md)
==============*/
@media (min-width: 992px) {
  .visible-md {
    visibility: visible !important;
  }
}

@media (min-width: 992px) {
  .invisible-md {
    visibility: hidden !important;
  }
}

/* ============
Visibility Large (lg)
==============*/
@media (min-width: 1200px) {
  .visible-lg {
    visibility: visible !important;
  }
}

@media (min-width: 1200px) {
  .invisible-lg {
    visibility: hidden !important;
  }
}

/* ============
Z-Index All Screens
==============*/
.z-0 {
  z-index: 0 !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-20 {
  z-index: 20 !important;
}

.z-30 {
  z-index: 30 !important;
}

.z-40 {
  z-index: 40 !important;
}

.z-50 {
  z-index: 50 !important;
}

.z-auto {
  z-index: auto !important;
}

/* ============
Z-Index Small (sm)
==============*/
@media (min-width: 768px) {
  .z-sm-0 {
    z-index: 0 !important;
  }
}

@media (min-width: 768px) {
  .z-sm-10 {
    z-index: 10 !important;
  }
}

@media (min-width: 768px) {
  .z-sm-20 {
    z-index: 20 !important;
  }
}

@media (min-width: 768px) {
  .z-sm-30 {
    z-index: 30 !important;
  }
}

@media (min-width: 768px) {
  .z-sm-40 {
    z-index: 40 !important;
  }
}

@media (min-width: 768px) {
  .z-sm-50 {
    z-index: 50 !important;
  }
}

.z-sm-auto {
  z-index: auto !important;
}

/* ============
Z-Index Medium (md)
==============*/
@media (min-width: 992px) {
  .z-md-0 {
    z-index: 0 !important;
  }
}

@media (min-width: 992px) {
  .z-md-10 {
    z-index: 10 !important;
  }
}

@media (min-width: 992px) {
  .z-md-20 {
    z-index: 20 !important;
  }
}

@media (min-width: 992px) {
  .z-md-30 {
    z-index: 30 !important;
  }
}

@media (min-width: 992px) {
  .z-md-40 {
    z-index: 40 !important;
  }
}

@media (min-width: 992px) {
  .z-md-50 {
    z-index: 50 !important;
  }
}

.z-md-auto {
  z-index: auto !important;
}

/* ============
Z-Index Large (lg)
==============*/
@media (min-width: 1200px) {
  .z-lg-0 {
    z-index: 0 !important;
  }
}

@media (min-width: 1200px) {
  .z-lg-10 {
    z-index: 10 !important;
  }
}

@media (min-width: 1200px) {
  .z-lg-20 {
    z-index: 20 !important;
  }
}

@media (min-width: 1200px) {
  .z-lg-30 {
    z-index: 30 !important;
  }
}

@media (min-width: 1200px) {
  .z-lg-40 {
    z-index: 40 !important;
  }
}

@media (min-width: 1200px) {
  .z-lg-50 {
    z-index: 50 !important;
  }
}

.z-lg-auto {
  z-index: auto !important;
}

/* ============
Padding margin All Screens
==============*/
.padding-0 {
  padding: 0 !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-90 {
  padding: 90px !important;
}

.padding-100 {
  padding: 100px !important;
}

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

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-90 {
  margin: 90px !important;
}

.margin-100 {
  margin: 100px !important;
}

/* ============
Padding margin Small (sm)
==============*/
@media (min-width: 768px) {
  .padding-sm-0 {
    padding: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-10 {
    padding: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-20 {
    padding: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-30 {
    padding: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-40 {
    padding: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-50 {
    padding: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-60 {
    padding: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-70 {
    padding: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-80 {
    padding: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-90 {
    padding: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-100 {
    padding: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-0 {
    margin: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-10 {
    margin: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-20 {
    margin: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-30 {
    margin: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-40 {
    margin: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-50 {
    margin: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-60 {
    margin: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-70 {
    margin: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-80 {
    margin: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-90 {
    margin: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-100 {
    margin: 100px !important;
  }
}

/* ============
Padding margin Medium (md)
==============*/
@media (min-width: 992px) {
  .padding-md-0 {
    padding: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-md-10 {
    padding: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-20 {
    padding: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-30 {
    padding: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-40 {
    padding: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-50 {
    padding: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-60 {
    padding: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-70 {
    padding: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-80 {
    padding: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-90 {
    padding: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-md-100 {
    padding: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-0 {
    margin: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-md-10 {
    margin: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-20 {
    margin: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-30 {
    margin: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-40 {
    margin: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-50 {
    margin: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-60 {
    margin: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-70 {
    margin: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-80 {
    margin: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-90 {
    margin: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-md-100 {
    margin: 100px !important;
  }
}

/* ============
Padding margin Large (lg)
==============*/
@media (min-width: 1200px) {
  .padding-lg-0 {
    padding: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-10 {
    padding: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-20 {
    padding: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-30 {
    padding: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-40 {
    padding: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-50 {
    padding: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-60 {
    padding: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-70 {
    padding: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-80 {
    padding: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-90 {
    padding: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-100 {
    padding: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-0 {
    margin: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-10 {
    margin: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-20 {
    margin: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-30 {
    margin: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-40 {
    margin: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-50 {
    margin: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-60 {
    margin: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-70 {
    margin: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-80 {
    margin: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-90 {
    margin: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-100 {
    margin: 100px !important;
  }
}

/* ============
padding, margin Top All Screens
==============*/
.padding-t-0 {
  padding-top: 0 !important;
}

.padding-t-10 {
  padding-top: 10px !important;
}

.padding-t-20 {
  padding-top: 20px !important;
}

.padding-t-30 {
  padding-top: 30px !important;
}

.padding-t-40 {
  padding-top: 40px !important;
}

.padding-t-50 {
  padding-top: 50px !important;
}

.padding-t-60 {
  padding-top: 60px !important;
}

.padding-t-70 {
  padding-top: 70px !important;
}

.padding-t-80 {
  padding-top: 80px !important;
}

.padding-t-90 {
  padding-top: 90px !important;
}

.padding-t-100 {
  padding-top: 100px !important;
}

.margin-t-0 {
  margin-top: 0 !important;
}

.margin-t-10 {
  margin-top: 10px !important;
}

.margin-t-20 {
  margin-top: 20px !important;
}

.margin-t-30 {
  margin-top: 30px !important;
}

.margin-t-40 {
  margin-top: 40px !important;
}

.margin-t-50 {
  margin-top: 50px !important;
}

.margin-t-60 {
  margin-top: 60px !important;
}

.margin-t-70 {
  margin-top: 70px !important;
}

.margin-t-80 {
  margin-top: 80px !important;
}

.margin-t-90 {
  margin-top: 90px !important;
}

.margin-t-100 {
  margin-top: 100px !important;
}

/* ============
padding, margin Small (sm)
==============*/
@media (min-width: 768px) {
  .padding-t-sm-0 {
    padding-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-t-sm-100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-0 {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-t-sm-100 {
    margin-top: 100px !important;
  }
}

/* ============
padding, margin Medium (md)
==============*/
@media (min-width: 992px) {
  .padding-t-md-0 {
    padding-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-t-md-100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-0 {
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-t-md-100 {
    margin-top: 100px !important;
  }
}

/* ============
padding, margin Large (md)
==============*/
@media (min-width: 1200px) {
  .padding-t-lg-0 {
    padding-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-10 {
    padding-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-20 {
    padding-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-30 {
    padding-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-40 {
    padding-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-50 {
    padding-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-60 {
    padding-top: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-70 {
    padding-top: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-80 {
    padding-top: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-90 {
    padding-top: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-t-lg-100 {
    padding-top: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-0 {
    margin-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-10 {
    margin-top: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-20 {
    margin-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-30 {
    margin-top: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-40 {
    margin-top: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-50 {
    margin-top: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-60 {
    margin-top: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-70 {
    margin-top: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-80 {
    margin-top: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-90 {
    margin-top: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-t-lg-100 {
    margin-top: 100px !important;
  }
}

/* ============
padding, margin Bottom All Screens
==============*/
.padding-b-0 {
  padding-bottom: 0 !important;
}

.padding-b-10 {
  padding-bottom: 10px !important;
}

.padding-b-20 {
  padding-bottom: 20px !important;
}

.padding-b-30 {
  padding-bottom: 30px !important;
}

.padding-b-40 {
  padding-bottom: 40px !important;
}

.padding-b-50 {
  padding-bottom: 50px !important;
}

.padding-b-60 {
  padding-bottom: 60px !important;
}

.padding-b-70 {
  padding-bottom: 70px !important;
}

.padding-b-80 {
  padding-bottom: 80px !important;
}

.padding-b-90 {
  padding-bottom: 90px !important;
}

.padding-b-100 {
  padding-bottom: 100px !important;
}

.margin-b-0 {
  margin-bottom: 0 !important;
}

.margin-b-10 {
  margin-bottom: 10px !important;
}

.margin-b-20 {
  margin-bottom: 20px !important;
}

.margin-b-30 {
  margin-bottom: 30px !important;
}

.margin-b-40 {
  margin-bottom: 40px !important;
}

.margin-b-50 {
  margin-bottom: 50px !important;
}

.margin-b-60 {
  margin-bottom: 60px !important;
}

.margin-b-70 {
  margin-bottom: 70px !important;
}

.margin-b-80 {
  margin-bottom: 80px !important;
}

.margin-b-90 {
  margin-bottom: 90px !important;
}

.margin-b-100 {
  margin-bottom: 100px !important;
}

/* ============
  padding, margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .padding-b-sm-0 {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-b-sm-100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-b-sm-100 {
    margin-bottom: 100px !important;
  }
}

/* ============
  padding, margin Medium (md)
  ==============*/
@media (min-width: 992px) {
  .padding-b-md-0 {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-b-md-100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-b-md-100 {
    margin-bottom: 100px !important;
  }
}

/* ============
  padding, margin Large (md)
  ==============*/
@media (min-width: 1200px) {
  .padding-b-lg-0 {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-10 {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-20 {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-30 {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-40 {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-50 {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-60 {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-70 {
    padding-bottom: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-80 {
    padding-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-90 {
    padding-bottom: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-b-lg-100 {
    padding-bottom: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-0 {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-10 {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-20 {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-30 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-40 {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-50 {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-60 {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-70 {
    margin-bottom: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-80 {
    margin-bottom: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-90 {
    margin-bottom: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-b-lg-100 {
    margin-bottom: 100px !important;
  }
}

/* ============
padding, margin Right All Screens
==============*/
.padding-r-0 {
  padding-right: 0 !important;
}

.padding-r-10 {
  padding-right: 10px !important;
}

.padding-r-20 {
  padding-right: 20px !important;
}

.padding-r-30 {
  padding-right: 30px !important;
}

.padding-r-40 {
  padding-right: 40px !important;
}

.padding-r-50 {
  padding-right: 50px !important;
}

.padding-r-60 {
  padding-right: 60px !important;
}

.padding-r-70 {
  padding-right: 70px !important;
}

.padding-r-80 {
  padding-right: 80px !important;
}

.padding-r-90 {
  padding-right: 90px !important;
}

.padding-r-100 {
  padding-right: 100px !important;
}

.margin-r-0 {
  margin-right: 0 !important;
}

.margin-r-10 {
  margin-right: 10px !important;
}

.margin-r-20 {
  margin-right: 20px !important;
}

.margin-r-30 {
  margin-right: 30px !important;
}

.margin-r-40 {
  margin-right: 40px !important;
}

.margin-r-50 {
  margin-right: 50px !important;
}

.margin-r-60 {
  margin-right: 60px !important;
}

.margin-r-70 {
  margin-right: 70px !important;
}

.margin-r-80 {
  margin-right: 80px !important;
}

.margin-r-90 {
  margin-right: 90px !important;
}

.margin-r-100 {
  margin-right: 100px !important;
}

/* ============
    padding, margin Small (sm)
    ==============*/
@media (min-width: 768px) {
  .padding-r-sm-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-r-sm-100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-0 {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-r-sm-100 {
    margin-right: 100px !important;
  }
}

/* ============
    padding, margin Medium (md)
    ==============*/
@media (min-width: 992px) {
  .padding-r-md-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-r-md-100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-0 {
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-r-md-100 {
    margin-right: 100px !important;
  }
}

/* ============
    padding, margin Large (md)
    ==============*/
@media (min-width: 1200px) {
  .padding-r-lg-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-10 {
    padding-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-20 {
    padding-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-30 {
    padding-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-40 {
    padding-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-50 {
    padding-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-60 {
    padding-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-70 {
    padding-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-80 {
    padding-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-90 {
    padding-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-r-lg-100 {
    padding-right: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-0 {
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-10 {
    margin-right: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-20 {
    margin-right: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-30 {
    margin-right: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-40 {
    margin-right: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-50 {
    margin-right: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-60 {
    margin-right: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-70 {
    margin-right: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-80 {
    margin-right: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-90 {
    margin-right: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-r-lg-100 {
    margin-right: 100px !important;
  }
}

/* ============
padding, margin Left All Screens
==============*/
.padding-l-0 {
  padding-left: 0 !important;
}

.padding-l-10 {
  padding-left: 10px !important;
}

.padding-l-20 {
  padding-left: 20px !important;
}

.padding-l-30 {
  padding-left: 30px !important;
}

.padding-l-40 {
  padding-left: 40px !important;
}

.padding-l-50 {
  padding-left: 50px !important;
}

.padding-l-60 {
  padding-left: 60px !important;
}

.padding-l-70 {
  padding-left: 70px !important;
}

.padding-l-80 {
  padding-left: 80px !important;
}

.padding-l-90 {
  padding-left: 90px !important;
}

.padding-l-100 {
  padding-left: 100px !important;
}

.margin-l-0 {
  margin-left: 0 !important;
}

.margin-l-10 {
  margin-left: 10px !important;
}

.margin-l-20 {
  margin-left: 20px !important;
}

.margin-l-30 {
  margin-left: 30px !important;
}

.margin-l-40 {
  margin-left: 40px !important;
}

.margin-l-50 {
  margin-left: 50px !important;
}

.margin-l-60 {
  margin-left: 60px !important;
}

.margin-l-70 {
  margin-left: 70px !important;
}

.margin-l-80 {
  margin-left: 80px !important;
}

.margin-l-90 {
  margin-left: 90px !important;
}

.margin-l-100 {
  margin-left: 100px !important;
}

/* ============
      padding, margin Small (sm)
      ==============*/
@media (min-width: 768px) {
  .padding-l-sm-0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 768px) {
  .padding-l-sm-100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-0 {
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 768px) {
  .margin-l-sm-100 {
    margin-left: 100px !important;
  }
}

/* ============
      padding, margin Medium (md)
      ==============*/
@media (min-width: 992px) {
  .padding-l-md-0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 992px) {
  .padding-l-md-100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-0 {
    margin-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 992px) {
  .margin-l-md-100 {
    margin-left: 100px !important;
  }
}

/* ============
      padding, margin Large (md)
      ==============*/
@media (min-width: 1200px) {
  .padding-l-lg-0 {
    padding-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-10 {
    padding-left: 10px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-20 {
    padding-left: 20px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-40 {
    padding-left: 40px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-50 {
    padding-left: 50px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-60 {
    padding-left: 60px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-70 {
    padding-left: 70px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-80 {
    padding-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-90 {
    padding-left: 90px !important;
  }
}

@media (min-width: 1200px) {
  .padding-l-lg-100 {
    padding-left: 100px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-0 {
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-10 {
    margin-left: 10px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-20 {
    margin-left: 20px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-30 {
    margin-left: 30px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-40 {
    margin-left: 40px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-50 {
    margin-left: 50px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-60 {
    margin-left: 60px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-70 {
    margin-left: 70px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-80 {
    margin-left: 80px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-90 {
    margin-left: 90px !important;
  }
}

@media (min-width: 1200px) {
  .margin-l-lg-100 {
    margin-left: 100px !important;
  }
}

/* ============
 - margin All Screens
==============*/
.-margin-10 {
  margin: -10px !important;
}

.-margin-20 {
  margin: -20px !important;
}

.-margin-30 {
  margin: -30px !important;
}

.-margin-40 {
  margin: -40px !important;
}

.-margin-50 {
  margin: -50px !important;
}

.-margin-60 {
  margin: -60px !important;
}

.-margin-70 {
  margin: -70px !important;
}

.-margin-80 {
  margin: -80px !important;
}

.-margin-90 {
  margin: -90px !important;
}

.-margin-100 {
  margin: -100px !important;
}

/* ============
- margin Small (sm)
==============*/
@media (min-width: 768px) {
  .-margin-sm-10 {
    margin: -10px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-20 {
    margin: -20px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-30 {
    margin: -30px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-40 {
    margin: -40px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-50 {
    margin: -50px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-60 {
    margin: -60px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-70 {
    margin: -70px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-80 {
    margin: -80px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-90 {
    margin: -90px !important;
  }
}

@media (min-width: 768px) {
  .-margin-sm-100 {
    margin: -100px !important;
  }
}

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-md-10 {
    margin: -10px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-20 {
    margin: -20px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-30 {
    margin: -30px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-40 {
    margin: -40px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-50 {
    margin: -50px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-60 {
    margin: -60px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-70 {
    margin: -70px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-80 {
    margin: -80px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-90 {
    margin: -90px !important;
  }
}

@media (min-width: 992px) {
  .-margin-md-100 {
    margin: -100px !important;
  }
}

/* ============
- margin Large (lg)
==============*/
@media (min-width: 1200px) {
  .-margin-lg-10 {
    margin: -10px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-20 {
    margin: -20px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-30 {
    margin: -30px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-40 {
    margin: -40px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-50 {
    margin: -50px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-60 {
    margin: -60px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-70 {
    margin: -70px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-80 {
    margin: -80px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-90 {
    margin: -90px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-lg-100 {
    margin: -100px !important;
  }
}

/* ============
- margin Top All Screens
==============*/
.-margin-t-10 {
  margin-top: -10px !important;
}

.-margin-t-20 {
  margin-top: -20px !important;
}

.-margin-t-30 {
  margin-top: -30px !important;
}

.-margin-t-40 {
  margin-top: -40px !important;
}

.-margin-t-50 {
  margin-top: -50px !important;
}

.-margin-t-60 {
  margin-top: -60px !important;
}

.-margin-t-70 {
  margin-top: -70px !important;
}

.-margin-t-80 {
  margin-top: -80px !important;
}

.-margin-t-90 {
  margin-top: -90px !important;
}

.-margin-t-100 {
  margin-top: -100px !important;
}

/* ============
- margin Small (sm)
==============*/
@media (min-width: 768px) {
  .-margin-t-sm-10 {
    margin-top: -10px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-20 {
    margin-top: -20px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-30 {
    margin-top: -30px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-40 {
    margin-top: -40px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-50 {
    margin-top: -50px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-60 {
    margin-top: -60px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-70 {
    margin-top: -70px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-80 {
    margin-top: -80px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-90 {
    margin-top: -90px !important;
  }
}

@media (min-width: 768px) {
  .-margin-t-sm-100 {
    margin-top: -100px !important;
  }
}

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-t-md-10 {
    margin-top: -10px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-20 {
    margin-top: -20px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-30 {
    margin-top: -30px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-40 {
    margin-top: -40px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-50 {
    margin-top: -50px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-60 {
    margin-top: -60px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-70 {
    margin-top: -70px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-80 {
    margin-top: -80px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-90 {
    margin-top: -90px !important;
  }
}

@media (min-width: 992px) {
  .-margin-t-md-100 {
    margin-top: -100px !important;
  }
}

/* ============
- margin Large (md)
==============*/
@media (min-width: 1200px) {
  .-margin-t-lg-10 {
    margin-top: -10px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-20 {
    margin-top: -20px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-30 {
    margin-top: -30px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-40 {
    margin-top: -40px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-50 {
    margin-top: -50px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-60 {
    margin-top: -60px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-70 {
    margin-top: -70px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-80 {
    margin-top: -80px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-90 {
    margin-top: -90px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-t-lg-100 {
    margin-top: -100px !important;
  }
}

/* ============
- margin Bottom All Screens
==============*/
.-margin-b-10 {
  margin-bottom: -10px !important;
}

.-margin-b-20 {
  margin-bottom: -20px !important;
}

.-margin-b-30 {
  margin-bottom: -30px !important;
}

.-margin-b-40 {
  margin-bottom: -40px !important;
}

.-margin-b-50 {
  margin-bottom: -50px !important;
}

.-margin-b-60 {
  margin-bottom: -60px !important;
}

.-margin-b-70 {
  margin-bottom: -70px !important;
}

.-margin-b-80 {
  margin-bottom: -80px !important;
}

.-margin-b-90 {
  margin-bottom: -90px !important;
}

.-margin-b-100 {
  margin-bottom: -100px !important;
}

/* ============
- margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .-margin-b-sm-10 {
    margin-bottom: -10px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-20 {
    margin-bottom: -20px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-30 {
    margin-bottom: -30px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-40 {
    margin-bottom: -40px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-50 {
    margin-bottom: -50px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-60 {
    margin-bottom: -60px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-70 {
    margin-bottom: -70px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-80 {
    margin-bottom: -80px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-90 {
    margin-bottom: -90px !important;
  }
}

@media (min-width: 768px) {
  .-margin-b-sm-100 {
    margin-bottom: -100px !important;
  }
}

/* ============
- margin Medium (md)
  ==============*/
@media (min-width: 992px) {
  .-margin-b-md-10 {
    margin-bottom: -10px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-20 {
    margin-bottom: -20px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-30 {
    margin-bottom: -30px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-40 {
    margin-bottom: -40px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-50 {
    margin-bottom: -50px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-60 {
    margin-bottom: -60px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-70 {
    margin-bottom: -70px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-80 {
    margin-bottom: -80px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-90 {
    margin-bottom: -90px !important;
  }
}

@media (min-width: 992px) {
  .-margin-b-md-100 {
    margin-bottom: -100px !important;
  }
}

/* ============
- margin Large (md)
  ==============*/
@media (min-width: 1200px) {
  .-margin-b-lg-10 {
    margin-bottom: -10px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-20 {
    margin-bottom: -20px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-30 {
    margin-bottom: -30px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-40 {
    margin-bottom: -40px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-50 {
    margin-bottom: -50px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-60 {
    margin-bottom: -60px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-70 {
    margin-bottom: -70px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-80 {
    margin-bottom: -80px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-90 {
    margin-bottom: -90px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-b-lg-100 {
    margin-bottom: -100px !important;
  }
}

/* ============
- margin Right All Screens
==============*/
.-margin-r-10 {
  margin-right: -10px !important;
}

.-margin-r-20 {
  margin-right: -20px !important;
}

.-margin-r-30 {
  margin-right: -30px !important;
}

.-margin-r-40 {
  margin-right: -40px !important;
}

.-margin-r-50 {
  margin-right: -50px !important;
}

.-margin-r-60 {
  margin-right: -60px !important;
}

.-margin-r-70 {
  margin-right: -70px !important;
}

.-margin-r-80 {
  margin-right: -80px !important;
}

.-margin-r-90 {
  margin-right: -90px !important;
}

.-margin-r-100 {
  margin-right: -100px !important;
}

/* ============
 - margin Small (sm)
    ==============*/
@media (min-width: 768px) {
  .-margin-r-sm-10 {
    margin-right: -10px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-20 {
    margin-right: -20px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-30 {
    margin-right: -30px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-40 {
    margin-right: -40px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-50 {
    margin-right: -50px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-60 {
    margin-right: -60px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-70 {
    margin-right: -70px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-80 {
    margin-right: -80px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-90 {
    margin-right: -90px !important;
  }
}

@media (min-width: 768px) {
  .-margin-r-sm-100 {
    margin-right: -100px !important;
  }
}

/* ============
- margin Medium (md)
    ==============*/
@media (min-width: 992px) {
  .-margin-r-md-10 {
    margin-right: -10px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-20 {
    margin-right: -20px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-30 {
    margin-right: -30px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-40 {
    margin-right: -40px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-50 {
    margin-right: -50px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-60 {
    margin-right: -60px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-70 {
    margin-right: -70px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-80 {
    margin-right: -80px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-90 {
    margin-right: -90px !important;
  }
}

@media (min-width: 992px) {
  .-margin-r-md-100 {
    margin-right: -100px !important;
  }
}

/* ============
- margin Large (md)
    ==============*/
@media (min-width: 1200px) {
  .-margin-r-lg-10 {
    margin-right: -10px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-20 {
    margin-right: -20px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-30 {
    margin-right: -30px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-40 {
    margin-right: -40px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-50 {
    margin-right: -50px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-60 {
    margin-right: -60px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-70 {
    margin-right: -70px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-80 {
    margin-right: -80px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-90 {
    margin-right: -90px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-r-lg-100 {
    margin-right: -100px !important;
  }
}

/* ============
- margin Left All Screens
==============*/
.-margin-l-10 {
  margin-left: -10px !important;
}

.-margin-l-20 {
  margin-left: -20px !important;
}

.-margin-l-30 {
  margin-left: -30px !important;
}

.-margin-l-40 {
  margin-left: -40px !important;
}

.-margin-l-50 {
  margin-left: -50px !important;
}

.-margin-l-60 {
  margin-left: -60px !important;
}

.-margin-l-70 {
  margin-left: -70px !important;
}

.-margin-l-80 {
  margin-left: -80px !important;
}

.-margin-l-90 {
  margin-left: -90px !important;
}

.-margin-l-100 {
  margin-left: -100px !important;
}

/* ============
- margin Small (sm)
  ==============*/
@media (min-width: 768px) {
  .-margin-l-sm-10 {
    margin-left: -10px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-20 {
    margin-left: -20px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-30 {
    margin-left: -30px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-40 {
    margin-left: -40px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-50 {
    margin-left: -50px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-60 {
    margin-left: -60px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-70 {
    margin-left: -70px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-80 {
    margin-left: -80px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-90 {
    margin-left: -90px !important;
  }
}

@media (min-width: 768px) {
  .-margin-l-sm-100 {
    margin-left: -100px !important;
  }
}

/* ============
- margin Medium (md)
==============*/
@media (min-width: 992px) {
  .-margin-l-md-10 {
    margin-left: -10px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-20 {
    margin-left: -20px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-30 {
    margin-left: -30px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-40 {
    margin-left: -40px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-50 {
    margin-left: -50px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-60 {
    margin-left: -60px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-70 {
    margin-left: -70px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-80 {
    margin-left: -80px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-90 {
    margin-left: -90px !important;
  }
}

@media (min-width: 992px) {
  .-margin-l-md-100 {
    margin-left: -100px !important;
  }
}

/* ============
- margin Large (md)
 ==============*/
@media (min-width: 1200px) {
  .-margin-l-lg-10 {
    margin-left: -10px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-20 {
    margin-left: -20px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-30 {
    margin-left: -30px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-40 {
    margin-left: -40px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-50 {
    margin-left: -50px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-60 {
    margin-left: -60px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-70 {
    margin-left: -70px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-80 {
    margin-left: -80px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-90 {
    margin-left: -90px !important;
  }
}

@media (min-width: 1200px) {
  .-margin-l-lg-100 {
    margin-left: -100px !important;
  }
}

/* ============
Width All Screens
==============*/
.w-0 {
  width: 0 !important;
}

.w-1 {
  width: 1px !important;
}

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

.w-3 {
  width: 3px !important;
}

.w-4 {
  width: 4px !important;
}

.w-5 {
  width: 5px !important;
}

.w-6 {
  width: 6px !important;
}

.w-7 {
  width: 7px !important;
}

.w-8 {
  width: 8px !important;
}

.w-9 {
  width: 9px !important;
}

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

.w-11 {
  width: 11px !important;
}

.w-12 {
  width: 12px !important;
}

.w-13 {
  width: 13px !important;
}

.w-14 {
  width: 14px !important;
}

.w-15 {
  width: 15px !important;
}

.w-16 {
  width: 16px !important;
}

.w-17 {
  width: 17px !important;
}

.w-18 {
  width: 18px !important;
}

.w-19 {
  width: 19px !important;
}

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

.w-21 {
  width: 21px !important;
}

.w-22 {
  width: 22px !important;
}

.w-23 {
  width: 23px !important;
}

.w-24 {
  width: 24px !important;
}

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

.w-26 {
  width: 26px !important;
}

.w-27 {
  width: 27px !important;
}

.w-28 {
  width: 28px !important;
}

.w-29 {
  width: 29px !important;
}

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

.w-31 {
  width: 31px !important;
}

.w-32 {
  width: 32px !important;
}

.w-33 {
  width: 33px !important;
}

.w-34 {
  width: 34px !important;
}

.w-35 {
  width: 35px !important;
}

.w-36 {
  width: 36px !important;
}

.w-37 {
  width: 37px !important;
}

.w-38 {
  width: 38px !important;
}

.w-39 {
  width: 39px !important;
}

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

.w-41 {
  width: 41px !important;
}

.w-42 {
  width: 42px !important;
}

.w-43 {
  width: 43px !important;
}

.w-44 {
  width: 44px !important;
}

.w-45 {
  width: 45px !important;
}

.w-46 {
  width: 46px !important;
}

.w-47 {
  width: 47px !important;
}

.w-48 {
  width: 48px !important;
}

.w-49 {
  width: 49px !important;
}

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

.w-51 {
  width: 51px !important;
}

.w-52 {
  width: 52px !important;
}

.w-53 {
  width: 53px !important;
}

.w-54 {
  width: 54px !important;
}

.w-55 {
  width: 55px !important;
}

.w-56 {
  width: 56px !important;
}

.w-57 {
  width: 57px !important;
}

.w-58 {
  width: 58px !important;
}

.w-59 {
  width: 59px !important;
}

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

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

.w-screen {
  width: 100vw !important;
}

.w-auto {
  width: auto !important;
}

.w-max-content {
  width: max-content !important;
}

/* ============
height All Screens
==============*/
.h-0 {
  height: 0 !important;
}

.h-1 {
  height: 1px !important;
}

.h-2 {
  height: 2px !important;
}

.h-3 {
  height: 3px !important;
}

.h-4 {
  height: 4px !important;
}

.h-5 {
  height: 5px !important;
}

.h-6 {
  height: 6px !important;
}

.h-7 {
  height: 7px !important;
}

.h-8 {
  height: 8px !important;
}

.h-9 {
  height: 9px !important;
}

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

.h-11 {
  height: 11px !important;
}

.h-12 {
  height: 12px !important;
}

.h-13 {
  height: 13px !important;
}

.h-14 {
  height: 14px !important;
}

.h-15 {
  height: 15px !important;
}

.h-16 {
  height: 16px !important;
}

.h-17 {
  height: 17px !important;
}

.h-18 {
  height: 18px !important;
}

.h-19 {
  height: 19px !important;
}

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

.h-21 {
  height: 21px !important;
}

.h-22 {
  height: 22px !important;
}

.h-23 {
  height: 23px !important;
}

.h-24 {
  height: 24px !important;
}

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

.h-26 {
  height: 26px !important;
}

.h-27 {
  height: 27px !important;
}

.h-28 {
  height: 28px !important;
}

.h-29 {
  height: 29px !important;
}

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

.h-31 {
  height: 31px !important;
}

.h-32 {
  height: 32px !important;
}

.h-33 {
  height: 33px !important;
}

.h-34 {
  height: 34px !important;
}

.h-35 {
  height: 35px !important;
}

.h-36 {
  height: 36px !important;
}

.h-37 {
  height: 37px !important;
}

.h-38 {
  height: 38px !important;
}

.h-39 {
  height: 39px !important;
}

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

.h-41 {
  height: 41px !important;
}

.h-42 {
  height: 42px !important;
}

.h-43 {
  height: 43px !important;
}

.h-44 {
  height: 44px !important;
}

.h-45 {
  height: 45px !important;
}

.h-46 {
  height: 46px !important;
}

.h-47 {
  height: 47px !important;
}

.h-48 {
  height: 48px !important;
}

.h-49 {
  height: 49px !important;
}

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

.h-51 {
  height: 51px !important;
}

.h-52 {
  height: 52px !important;
}

.h-53 {
  height: 53px !important;
}

.h-54 {
  height: 54px !important;
}

.h-55 {
  height: 55px !important;
}

.h-56 {
  height: 56px !important;
}

.h-57 {
  height: 57px !important;
}

.h-58 {
  height: 58px !important;
}

.h-59 {
  height: 59px !important;
}

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

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

.h-screen {
  height: 100vh !important;
}

.h-auto {
  height: auto !important;
}

.h-max-content {
  height: max-content !important;
}

/* ============
min-width All Screens
==============*/
.min-w-10 {
  min-width: 10px !important;
}

.min-w-15 {
  min-width: 15px !important;
}

.min-w-20 {
  min-width: 20px !important;
}

.min-w-25 {
  min-width: 25px !important;
}

.min-w-30 {
  min-width: 30px !important;
}

.min-w-35 {
  min-width: 35px !important;
}

.min-w-40 {
  min-width: 40px !important;
}

.min-w-45 {
  min-width: 45px !important;
}

.min-w-50 {
  min-width: 50px !important;
}

.min-w-55 {
  min-width: 55px !important;
}

.min-w-60 {
  min-width: 60px !important;
}

.min-w-65 {
  min-width: 65px !important;
}

.min-w-70 {
  min-width: 70px !important;
}

.min-w-75 {
  min-width: 75px !important;
}

.min-w-80 {
  min-width: 80px !important;
}

.min-w-85 {
  min-width: 85px !important;
}

.min-w-90 {
  min-width: 90px !important;
}

.min-w-95 {
  min-width: 95px !important;
}

.min-w-100 {
  min-width: 100px !important;
}

.min-w-105 {
  min-width: 105px !important;
}

.min-w-110 {
  min-width: 110px !important;
}

.min-w-115 {
  min-width: 115px !important;
}

.min-w-120 {
  min-width: 120px !important;
}

.min-w-125 {
  min-width: 125px !important;
}

.min-w-130 {
  min-width: 130px !important;
}

.min-w-135 {
  min-width: 135px !important;
}

.min-w-140 {
  min-width: 140px !important;
}

.min-w-145 {
  min-width: 145px !important;
}

.min-w-150 {
  min-width: 150px !important;
}

.min-w-155 {
  min-width: 155px !important;
}

.min-w-160 {
  min-width: 160px !important;
}

.min-w-165 {
  min-width: 165px !important;
}

.min-w-170 {
  min-width: 170px !important;
}

.min-w-175 {
  min-width: 175px !important;
}

.min-w-180 {
  min-width: 180px !important;
}

/* ============
Font Size to 80px
==============*/
.size-1 {
  font-size: 1px !important;
}

.size-2 {
  font-size: 2px !important;
}

.size-3 {
  font-size: 3px !important;
}

.size-4 {
  font-size: 4px !important;
}

.size-5 {
  font-size: 5px !important;
}

.size-6 {
  font-size: 6px !important;
}

.size-7 {
  font-size: 7px !important;
}

.size-8 {
  font-size: 8px !important;
}

.size-8 {
  font-size: 8px !important;
}

.size-9 {
  font-size: 9px !important;
}

.size-10 {
  font-size: 10px !important;
}

.size-11 {
  font-size: 11px !important;
}

.size-12 {
  font-size: 12px !important;
}

.size-13 {
  font-size: 13px !important;
}

.size-14 {
  font-size: 14px !important;
}

.size-15 {
  font-size: 15px !important;
}

.size-16 {
  font-size: 16px !important;
}

.size-17 {
  font-size: 17px !important;
}

.size-18 {
  font-size: 18px !important;
}

.size-19 {
  font-size: 19px !important;
}

.size-20 {
  font-size: 20px !important;
}

.size-21 {
  font-size: 21px !important;
}

.size-22 {
  font-size: 22px !important;
}

.size-23 {
  font-size: 23px !important;
}

.size-24 {
  font-size: 24px !important;
}

.size-25 {
  font-size: 25px !important;
}

.size-26 {
  font-size: 26px !important;
}

.size-27 {
  font-size: 27px !important;
}

.size-28 {
  font-size: 28px !important;
}

.size-29 {
  font-size: 29px !important;
}

.size-30 {
  font-size: 30px !important;
}

.size-31 {
  font-size: 31px !important;
}

.size-32 {
  font-size: 32px !important;
}

.size-33 {
  font-size: 33px !important;
}

.size-34 {
  font-size: 34px !important;
}

.size-35 {
  font-size: 35px !important;
}

.size-36 {
  font-size: 36px !important;
}

.size-37 {
  font-size: 37px !important;
}

.size-38 {
  font-size: 38px !important;
}

.size-39 {
  font-size: 39px !important;
}

.size-40 {
  font-size: 40px !important;
}

.size-41 {
  font-size: 41px !important;
}

.size-42 {
  font-size: 42px !important;
}

.size-43 {
  font-size: 43px !important;
}

.size-44 {
  font-size: 44px !important;
}

.size-45 {
  font-size: 45px !important;
}

.size-46 {
  font-size: 46px !important;
}

.size-47 {
  font-size: 47px !important;
}

.size-48 {
  font-size: 48px !important;
}

.size-49 {
  font-size: 49px !important;
}

.size-50 {
  font-size: 50px !important;
}

.size-51 {
  font-size: 51px !important;
}

.size-52 {
  font-size: 52px !important;
}

.size-53 {
  font-size: 53px !important;
}

.size-54 {
  font-size: 54px !important;
}

.size-55 {
  font-size: 55px !important;
}

.size-56 {
  font-size: 56px !important;
}

.size-57 {
  font-size: 57px !important;
}

.size-58 {
  font-size: 58px !important;
}

.size-59 {
  font-size: 59px !important;
}

.size-60 {
  font-size: 60px !important;
}

.size-61 {
  font-size: 61px !important;
}

.size-62 {
  font-size: 62px !important;
}

.size-63 {
  font-size: 63px !important;
}

.size-64 {
  font-size: 64px !important;
}

.size-65 {
  font-size: 65px !important;
}

.size-66 {
  font-size: 66px !important;
}

.size-67 {
  font-size: 67px !important;
}

.size-68 {
  font-size: 68px !important;
}

.size-69 {
  font-size: 69px !important;
}

.size-70 {
  font-size: 70px !important;
}

.size-71 {
  font-size: 71px !important;
}

.size-72 {
  font-size: 72px !important;
}

.size-73 {
  font-size: 73px !important;
}

.size-74 {
  font-size: 74px !important;
}

.size-75 {
  font-size: 72px !important;
}

.size-76 {
  font-size: 76px !important;
}

.size-77 {
  font-size: 77px !important;
}

.size-78 {
  font-size: 78px !important;
}

.size-79 {
  font-size: 79px !important;
}

.size-80 {
  font-size: 80px !important;
}

/* ============
Font Size Small (sm) 40px and above
==============*/
@media (min-width: 768px) {
  .size-sm-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-49 {
    font-size: 49px !important;
  }
}

.size-sm-50 {
  font-size: 50px !important;
}

@media (min-width: 768px) {
  .size-sm-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 768px) {
  .size-sm-80 {
    font-size: 80px !important;
  }
}

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 992px) {
  .size-md-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 992px) {
  .size-md-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 992px) {
  .size-md-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 992px) {
  .size-md-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 992px) {
  .size-md-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 992px) {
  .size-md-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 992px) {
  .size-md-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 992px) {
  .size-md-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 992px) {
  .size-md-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 992px) {
  .size-md-49 {
    font-size: 49px !important;
  }
}

.size-md-50 {
  font-size: 50px !important;
}

@media (min-width: 992px) {
  .size-md-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 992px) {
  .size-md-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 992px) {
  .size-md-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 992px) {
  .size-md-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 992px) {
  .size-md-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 992px) {
  .size-md-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 992px) {
  .size-md-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 992px) {
  .size-md-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 992px) {
  .size-md-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 992px) {
  .size-md-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 992px) {
  .size-md-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 992px) {
  .size-md-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 992px) {
  .size-md-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 992px) {
  .size-md-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 992px) {
  .size-md-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 992px) {
  .size-md-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 992px) {
  .size-md-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 992px) {
  .size-md-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 992px) {
  .size-md-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 992px) {
  .size-md-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 992px) {
  .size-md-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 992px) {
  .size-md-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 992px) {
  .size-md-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 992px) {
  .size-md-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 992px) {
  .size-md-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 992px) {
  .size-md-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 992px) {
  .size-md-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 992px) {
  .size-md-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 992px) {
  .size-md-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 992px) {
  .size-md-80 {
    font-size: 80px !important;
  }
}

/* ============
Font Size Medium (md) 40px and above
==============*/
@media (min-width: 1200px) {
  .size-lg-40 {
    font-size: 40px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-41 {
    font-size: 41px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-42 {
    font-size: 42px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-43 {
    font-size: 43px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-44 {
    font-size: 44px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-45 {
    font-size: 45px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-46 {
    font-size: 46px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-47 {
    font-size: 47px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-48 {
    font-size: 48px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-49 {
    font-size: 49px !important;
  }
}

.size-lg-50 {
  font-size: 50px !important;
}

@media (min-width: 1200px) {
  .size-lg-51 {
    font-size: 51px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-52 {
    font-size: 52px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-53 {
    font-size: 53px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-54 {
    font-size: 54px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-55 {
    font-size: 55px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-56 {
    font-size: 56px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-57 {
    font-size: 57px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-58 {
    font-size: 58px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-59 {
    font-size: 59px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-60 {
    font-size: 60px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-61 {
    font-size: 61px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-62 {
    font-size: 62px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-63 {
    font-size: 63px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-64 {
    font-size: 64px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-65 {
    font-size: 65px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-66 {
    font-size: 66px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-67 {
    font-size: 67px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-68 {
    font-size: 68px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-69 {
    font-size: 69px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-70 {
    font-size: 70px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-71 {
    font-size: 71px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-72 {
    font-size: 72px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-73 {
    font-size: 73px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-74 {
    font-size: 74px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-75 {
    font-size: 72px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-76 {
    font-size: 76px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-77 {
    font-size: 77px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-78 {
    font-size: 78px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-79 {
    font-size: 79px !important;
  }
}

@media (min-width: 1200px) {
  .size-lg-80 {
    font-size: 80px !important;
  }
}

/* ============
Font weight
==============*/
.weight-400 {
  font-weight: 400 !important;
}

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

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

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

.weight-800 {
  font-weight: 800 !important;
}

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

/* ============
List Style Type
==============*/
.list-none {
  list-style-type: none !important;
}

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

.list-decimal {
  list-style-type: decimal !important;
}

/* ============
List Style Position
==============*/
.list-inside {
  list-style-position: inside !important;
}

.list-outside {
  list-style-position: outside !important;
}

/* ============
Text Color
==============*/
.color-transparent {
  color: transparent !important;
}

.color-black {
  color: var(--color-black) !important;
}

.color-white {
  color: var(--color-white) !important;
}

.color-primary {
  color: var(--color-primary) !important;
}

.color-secondary {
  color: var(--color-secondary) !important;
}

.color-snow {
  color: var(--color-snow) !important;
}

.color-red {
  color: var(--color-red) !important;
}

.color-orange {
  color: var(--color-orange) !important;
}

.color-blue {
  color: var(--color-blue) !important;
}

.color-yellow {
  color: var(--color-yellow) !important;
}

.color-green {
  color: var(--color-green) !important;
}

.color-text {
  color: var(--color-text) !important;
}

/* ============
Opacity Color Text 
==============*/
.color-opacity-5.color-black {
  color: rgba(0, 0, 0, 0.05) !important;
}
.color-opacity-5.color-white {
  color: rgba(255, 255, 255, 0.05) !important;
}
.color-opacity-5.color-primary {
  color: rgba(0, 104, 112, 0.05) !important;
}
.color-opacity-5.color-secondary {
  color: rgba(28, 45, 65, 0.05) !important;
}
.color-opacity-5.color-snow {
  color: rgba(179, 188, 199, 0.05) !important;
}
.color-opacity-5.color-red {
  color: rgba(235, 52, 80, 0.05) !important;
}
.color-opacity-5.color-orange {
  color: rgba(255, 125, 81, 0.05) !important;
}
.color-opacity-5.color-blue {
  color: rgba(0, 104, 112, 0.05) !important;
}
.color-opacity-5.color-yellow {
  color: rgba(255, 194, 18, 0.05) !important;
}
.color-opacity-5.color-green {
  color: rgba(45, 202, 115, 0.05) !important;
}

.color-opacity-10.color-black {
  color: rgba(0, 0, 0, 0.1) !important;
}
.color-opacity-10.color-white {
  color: rgba(255, 255, 255, 0.1) !important;
}
.color-opacity-10.color-primary {
  color: rgba(0, 104, 112, 0.1) !important;
}
.color-opacity-10.color-secondary {
  color: rgba(28, 45, 65, 0.1) !important;
}
.color-opacity-10.color-snow {
  color: rgba(179, 188, 199, 0.1) !important;
}
.color-opacity-10.color-red {
  color: rgba(235, 52, 80, 0.1) !important;
}
.color-opacity-10.color-orange {
  color: rgba(255, 125, 81, 0.1) !important;
}
.color-opacity-10.color-blue {
  color: rgba(0, 104, 112, 0.1) !important;
}
.color-opacity-10.color-yellow {
  color: rgba(255, 194, 18, 0.1) !important;
}
.color-opacity-10.color-green {
  color: rgba(45, 202, 115, 0.1) !important;
}

.color-opacity-15.color-black {
  color: rgba(0, 0, 0, 0.15) !important;
}
.color-opacity-15.color-white {
  color: rgba(255, 255, 255, 0.15) !important;
}
.color-opacity-15.color-primary {
  color: rgba(0, 104, 112, 0.15) !important;
}
.color-opacity-15.color-secondary {
  color: rgba(28, 45, 65, 0.15) !important;
}
.color-opacity-15.color-snow {
  color: rgba(179, 188, 199, 0.15) !important;
}
.color-opacity-15.color-red {
  color: rgba(235, 52, 80, 0.15) !important;
}
.color-opacity-15.color-orange {
  color: rgba(255, 125, 81, 0.15) !important;
}
.color-opacity-15.color-blue {
  color: rgba(0, 104, 112, 0.15) !important;
}
.color-opacity-15.color-yellow {
  color: rgba(255, 194, 18, 0.15) !important;
}
.color-opacity-15.color-green {
  color: rgba(45, 202, 115, 0.15) !important;
}

.color-opacity-20.color-black {
  color: rgba(0, 0, 0, 0.2) !important;
}
.color-opacity-20.color-white {
  color: rgba(255, 255, 255, 0.2) !important;
}
.color-opacity-20.color-primary {
  color: rgba(0, 104, 112, 0.2) !important;
}
.color-opacity-20.color-secondary {
  color: rgba(28, 45, 65, 0.2) !important;
}
.color-opacity-20.color-snow {
  color: rgba(179, 188, 199, 0.2) !important;
}
.color-opacity-20.color-red {
  color: rgba(235, 52, 80, 0.2) !important;
}
.color-opacity-20.color-orange {
  color: rgba(255, 125, 81, 0.2) !important;
}
.color-opacity-20.color-blue {
  color: rgba(0, 104, 112, 0.2) !important;
}
.color-opacity-20.color-yellow {
  color: rgba(255, 194, 18, 0.2) !important;
}
.color-opacity-20.color-green {
  color: rgba(45, 202, 115, 0.2) !important;
}

.color-opacity-25.color-black {
  color: rgba(0, 0, 0, 0.25) !important;
}
.color-opacity-25.color-white {
  color: rgba(255, 255, 255, 0.25) !important;
}
.color-opacity-25.color-primary {
  color: rgba(0, 104, 112, 0.25) !important;
}
.color-opacity-25.color-secondary {
  color: rgba(28, 45, 65, 0.25) !important;
}
.color-opacity-25.color-snow {
  color: rgba(179, 188, 199, 0.25) !important;
}
.color-opacity-25.color-red {
  color: rgba(235, 52, 80, 0.25) !important;
}
.color-opacity-25.color-orange {
  color: rgba(255, 125, 81, 0.25) !important;
}
.color-opacity-25.color-blue {
  color: rgba(0, 104, 112, 0.25) !important;
}
.color-opacity-25.color-yellow {
  color: rgba(255, 194, 18, 0.25) !important;
}
.color-opacity-25.color-green {
  color: rgba(45, 202, 115, 0.25) !important;
}

.color-opacity-30.color-black {
  color: rgba(0, 0, 0, 0.3) !important;
}
.color-opacity-30.color-white {
  color: rgba(255, 255, 255, 0.3) !important;
}
.color-opacity-30.color-primary {
  color: rgba(0, 104, 112, 0.3) !important;
}
.color-opacity-30.color-secondary {
  color: rgba(28, 45, 65, 0.3) !important;
}
.color-opacity-30.color-snow {
  color: rgba(179, 188, 199, 0.3) !important;
}
.color-opacity-30.color-red {
  color: rgba(235, 52, 80, 0.3) !important;
}
.color-opacity-30.color-orange {
  color: rgba(255, 125, 81, 0.3) !important;
}
.color-opacity-30.color-blue {
  color: rgba(0, 104, 112, 0.3) !important;
}
.color-opacity-30.color-yellow {
  color: rgba(255, 194, 18, 0.3) !important;
}
.color-opacity-30.color-green {
  color: rgba(45, 202, 115, 0.3) !important;
}

.color-opacity-35.color-black {
  color: rgba(0, 0, 0, 0.35) !important;
}
.color-opacity-35.color-white {
  color: rgba(255, 255, 255, 0.35) !important;
}
.color-opacity-35.color-primary {
  color: rgba(0, 104, 112, 0.35) !important;
}
.color-opacity-35.color-secondary {
  color: rgba(28, 45, 65, 0.35) !important;
}
.color-opacity-35.color-snow {
  color: rgba(179, 188, 199, 0.35) !important;
}
.color-opacity-35.color-red {
  color: rgba(235, 52, 80, 0.35) !important;
}
.color-opacity-35.color-orange {
  color: rgba(255, 125, 81, 0.35) !important;
}
.color-opacity-35.color-blue {
  color: rgba(0, 104, 112, 0.35) !important;
}
.color-opacity-35.color-yellow {
  color: rgba(255, 194, 18, 0.35) !important;
}
.color-opacity-35.color-green {
  color: rgba(45, 202, 115, 0.35) !important;
}

.color-opacity-40.color-black {
  color: rgba(0, 0, 0, 0.4) !important;
}
.color-opacity-40.color-white {
  color: rgba(255, 255, 255, 0.4) !important;
}
.color-opacity-40.color-primary {
  color: rgba(0, 104, 112, 0.4) !important;
}
.color-opacity-40.color-secondary {
  color: rgba(28, 45, 65, 0.4) !important;
}
.color-opacity-40.color-snow {
  color: rgba(179, 188, 199, 0.4) !important;
}
.color-opacity-40.color-red {
  color: rgba(235, 52, 80, 0.4) !important;
}
.color-opacity-40.color-orange {
  color: rgba(255, 125, 81, 0.4) !important;
}
.color-opacity-40.color-blue {
  color: rgba(0, 104, 112, 0.4) !important;
}
.color-opacity-40.color-yellow {
  color: rgba(255, 194, 18, 0.4) !important;
}
.color-opacity-40.color-green {
  color: rgba(45, 202, 115, 0.4) !important;
}

.color-opacity-45.color-black {
  color: rgba(0, 0, 0, 0.45) !important;
}
.color-opacity-45.color-white {
  color: rgba(255, 255, 255, 0.45) !important;
}
.color-opacity-45.bg-primary {
  color: rgba(0, 104, 112, 0.45) !important;
}
.color-opacity-45.color-secondary {
  color: rgba(28, 45, 65, 0.45) !important;
}
.color-opacity-45.color-snow {
  color: rgba(179, 188, 199, 0.45) !important;
}
.color-opacity-45.color-red {
  color: rgba(235, 52, 80, 0.45) !important;
}
.color-opacity-45.color-orange {
  color: rgba(255, 125, 81, 0.45) !important;
}
.color-opacity-45.color-blue {
  color: rgba(0, 104, 112, 0.45) !important;
}
.color-opacity-45.color-yellow {
  color: rgba(255, 194, 18, 0.45) !important;
}
.color-opacity-45.color-green {
  color: rgba(45, 202, 115, 0.45) !important;
}

.color-opacity-50.color-black {
  color: rgba(0, 0, 0, 0.5) !important;
}
.color-opacity-50.color-white {
  color: rgba(255, 255, 255, 0.5) !important;
}
.color-opacity-50.color-primary {
  color: rgba(0, 104, 112, 0.5) !important;
}
.color-opacity-50.color-secondary {
  color: rgba(28, 45, 65, 0.5) !important;
}
.color-opacity-50.color-snow {
  color: rgba(179, 188, 199, 0.5) !important;
}
.color-opacity-50.color-red {
  color: rgba(235, 52, 80, 0.5) !important;
}
.color-opacity-50.color-orange {
  color: rgba(255, 125, 81, 0.5) !important;
}
.color-opacity-50.color-blue {
  color: rgba(0, 104, 112, 0.5) !important;
}
.color-opacity-50.color-yellow {
  color: rgba(255, 194, 18, 0.5) !important;
}
.color-opacity-50.color-green {
  color: rgba(45, 202, 115, 0.5) !important;
}

.color-opacity-55.color-black {
  color: rgba(0, 0, 0, 0.55) !important;
}
.color-opacity-55.color-white {
  color: rgba(255, 255, 255, 0.55) !important;
}
.color-opacity-55.color-primary {
  color: rgba(0, 104, 112, 0.55) !important;
}
.color-opacity-55.color-secondary {
  color: rgba(28, 45, 65, 0.55) !important;
}
.color-opacity-55.color-snow {
  color: rgba(179, 188, 199, 0.55) !important;
}
.color-opacity-55.color-red {
  color: rgba(235, 52, 80, 0.55) !important;
}
.color-opacity-55.color-orange {
  color: rgba(255, 125, 81, 0.55) !important;
}
.color-opacity-55.color-blue {
  color: rgba(0, 104, 112, 0.55) !important;
}
.color-opacity-55.color-yellow {
  color: rgba(255, 194, 18, 0.55) !important;
}
.color-opacity-55.color-green {
  color: rgba(45, 202, 115, 0.55) !important;
}

.color-opacity-60.color-black {
  color: rgba(0, 0, 0, 0.6) !important;
}
.color-opacity-60.color-white {
  color: rgba(255, 255, 255, 0.6) !important;
}
.color-opacity-60.color-primary {
  color: rgba(0, 104, 112, 0.6) !important;
}
.color-opacity-60.color-secondary {
  color: rgba(28, 45, 65, 0.6) !important;
}
.color-opacity-60.color-snow {
  color: rgba(179, 188, 199, 0.6) !important;
}
.color-opacity-60.color-red {
  color: rgba(235, 52, 80, 0.6) !important;
}
.color-opacity-60.color-orange {
  color: rgba(255, 125, 81, 0.6) !important;
}
.color-opacity-60.color-blue {
  color: rgba(0, 104, 112, 0.6) !important;
}
.color-opacity-60.color-yellow {
  color: rgba(255, 194, 18, 0.6) !important;
}
.color-opacity-60.color-green {
  color: rgba(45, 202, 115, 0.6) !important;
}

.color-opacity-65.color-black {
  color: rgba(0, 0, 0, 0.65) !important;
}
.color-opacity-65.color-white {
  color: rgba(255, 255, 255, 0.65) !important;
}
.color-opacity-65.color-primary {
  color: rgba(0, 104, 112, 0.65) !important;
}
.color-opacity-65.color-secondary {
  color: rgba(28, 45, 65, 0.65) !important;
}
.color-opacity-65.color-snow {
  color: rgba(179, 188, 199, 0.65) !important;
}
.color-opacity-65.color-red {
  color: rgba(235, 52, 80, 0.65) !important;
}
.color-opacity-65.color-orange {
  color: rgba(255, 125, 81, 0.65) !important;
}
.color-opacity-65.color-blue {
  color: rgba(0, 104, 112, 0.65) !important;
}
.color-opacity-65.color-yellow {
  color: rgba(255, 194, 18, 0.65) !important;
}
.color-opacity-65.color-green {
  color: rgba(45, 202, 115, 0.65) !important;
}

.color-opacity-70.color-black {
  color: rgba(0, 0, 0, 0.7) !important;
}
.color-opacity-70.color-white {
  color: rgba(255, 255, 255, 0.7) !important;
}
.color-opacity-70.color-primary {
  color: rgba(0, 104, 112, 0.7) !important;
}
.color-opacity-70.color-secondary {
  color: rgba(28, 45, 65, 0.7) !important;
}
.color-opacity-70.color-snow {
  color: rgba(179, 188, 199, 0.7) !important;
}
.color-opacity-70.color-red {
  color: rgba(235, 52, 80, 0.7) !important;
}
.color-opacity-70.color-orange {
  color: rgba(255, 125, 81, 0.7) !important;
}
.color-opacity-70.color-blue {
  color: rgba(0, 104, 112, 0.7) !important;
}
.color-opacity-70.color-yellow {
  color: rgba(255, 194, 18, 0.7) !important;
}
.color-opacity-70.color-green {
  color: rgba(45, 202, 115, 0.7) !important;
}

.color-opacity-75.color-black {
  color: rgba(0, 0, 0, 0.75) !important;
}
.color-opacity-75.color-white {
  color: rgba(255, 255, 255, 0.75) !important;
}
.color-opacity-75.color-primary {
  color: rgba(0, 104, 112, 0.75) !important;
}
.color-opacity-75.color-secondary {
  color: rgba(28, 45, 65, 0.75) !important;
}
.color-opacity-75.color-snow {
  color: rgba(179, 188, 199, 0.75) !important;
}
.color-opacity-75.color-red {
  color: rgba(235, 52, 80, 0.75) !important;
}
.color-opacity-75.color-orange {
  color: rgba(255, 125, 81, 0.75) !important;
}
.color-opacity-75.color-blue {
  color: rgba(0, 104, 112, 0.75) !important;
}
.color-opacity-75.color-yellow {
  color: rgba(255, 194, 18, 0.75) !important;
}
.color-opacity-75.color-green {
  color: rgba(45, 202, 115, 0.75) !important;
}

.color-opacity-80.color-black {
  color: rgba(0, 0, 0, 0.8) !important;
}
.color-opacity-80.color-white {
  color: rgba(255, 255, 255, 0.8) !important;
}
.color-opacity-80.color-primary {
  color: rgba(0, 104, 112, 0.8) !important;
}
.color-opacity-80.color-secondary {
  color: rgba(28, 45, 65, 0.8) !important;
}
.color-opacity-80.color-snow {
  color: rgba(179, 188, 199, 0.8) !important;
}
.color-opacity-80.color-red {
  color: rgba(235, 52, 80, 0.8) !important;
}
.color-opacity-80.color-orange {
  color: rgba(255, 125, 81, 0.8) !important;
}
.color-opacity-80.color-blue {
  color: rgba(0, 104, 112, 0.8) !important;
}
.color-opacity-80.color-yellow {
  color: rgba(255, 194, 18, 0.8) !important;
}
.color-opacity-80.color-green {
  color: rgba(45, 202, 115, 0.8) !important;
}

.color-opacity-85.color-black {
  color: rgba(0, 0, 0, 0.85) !important;
}
.color-opacity-85.color-white {
  color: rgba(255, 255, 255, 0.85) !important;
}
.color-opacity-85.color-primary {
  color: rgba(0, 104, 112, 0.85) !important;
}
.color-opacity-85.color-secondary {
  color: rgba(28, 45, 65, 0.85) !important;
}
.color-opacity-85.color-snow {
  color: rgba(179, 188, 199, 0.85) !important;
}
.color-opacity-85.color-red {
  color: rgba(235, 52, 80, 0.85) !important;
}
.color-opacity-85.color-orange {
  color: rgba(255, 125, 81, 0.85) !important;
}
.color-opacity-85.color-blue {
  color: rgba(0, 104, 112, 0.85) !important;
}
.color-opacity-85.color-yellow {
  color: rgba(255, 194, 18, 0.85) !important;
}
.color-opacity-85.color-green {
  color: rgba(45, 202, 115, 0.85) !important;
}

.color-opacity-90.color-black {
  color: rgba(0, 0, 0, 0.9) !important;
}
.color-opacity-90.color-white {
  color: rgba(255, 255, 255, 0.9) !important;
}
.color-opacity-90.color-primary {
  color: rgba(0, 104, 112, 0.9) !important;
}
.color-opacity-90.color-secondary {
  color: rgba(28, 45, 65, 0.9) !important;
}
.color-opacity-90.color-snow {
  color: rgba(179, 188, 199, 0.9) !important;
}
.color-opacity-90.color-red {
  color: rgba(235, 52, 80, 0.9) !important;
}
.color-opacity-90.color-orange {
  color: rgba(255, 125, 81, 0.9) !important;
}
.color-opacity-90.color-blue {
  color: rgba(0, 104, 112, 0.9) !important;
}
.color-opacity-90.color-yellow {
  color: rgba(255, 194, 18, 0.9) !important;
}
.color-opacity-90.color-green {
  color: rgba(45, 202, 115, 0.9) !important;
}

.color-opacity-95.color-black {
  color: rgba(0, 0, 0, 0.95) !important;
}
.color-opacity-95.color-white {
  color: rgba(255, 255, 255, 0.95) !important;
}
.color-opacity-95.color-primary {
  color: rgba(0, 104, 112, 0.95) !important;
}
.color-opacity-95.color-secondary {
  color: rgba(28, 45, 65, 0.95) !important;
}
.color-opacity-95.color-snow {
  color: rgba(179, 188, 199, 0.95) !important;
}
.color-opacity-95.color-red {
  color: rgba(235, 52, 80, 0.95) !important;
}
.color-opacity-95.color-orange {
  color: rgba(255, 125, 81, 0.95) !important;
}
.color-opacity-95.color-blue {
  color: rgba(0, 104, 112, 0.95) !important;
}
.color-opacity-95.color-yellow {
  color: rgba(255, 194, 18, 0.95) !important;
}
.color-opacity-95.color-green {
  color: rgba(45, 202, 115, 0.95) !important;
}

/* ============
Background Color
==============*/
.bg-transparent {
  background-color: transparent !important;
}

.bg-black {
  background-color: var(--bg-black) !important;
}

.bg-white {
  background-color: var(--bg-white) !important;
}

.bg-primary {
  background-color: var(--bg-primary) !important;
}

.bg-secondary {
  background-color: var(--bg-secondary) !important;
}

.bg-snow {
  background-color: var(--bg-snow) !important;
}

.bg-red {
  background-color: var(--bg-red) !important;
}

.bg-orange {
  background-color: var(--bg-orange) !important;
}

.bg-blue {
  background-color: var(--bg-blue) !important;
}

.bg-yellow {
  background-color: var(--bg-yellow) !important;
}

.bg-green {
  background-color: var(--bg-green) !important;
}

/* ============
Background Opacity
==============*/
.bg-opacity-5.bg-black {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.bg-opacity-5.bg-white {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.bg-opacity-5.bg-primary {
  background-color: rgba(0, 104, 112, 0.05) !important;
}
.bg-opacity-5.bg-secondary {
  background-color: rgba(28, 45, 65, 0.05) !important;
}
.bg-opacity-5.bg-snow {
  background-color: rgba(249, 250, 252, 0.05) !important;
}
.bg-opacity-5.bg-red {
  background-color: rgba(235, 52, 80, 0.05) !important;
}
.bg-opacity-5.bg-orange {
  background-color: rgba(255, 125, 81, 0.05) !important;
}
.bg-opacity-5.bg-blue {
  background-color: rgba(0, 104, 112, 0.05) !important;
}
.bg-opacity-5.bg-yellow {
  background-color: rgba(255, 194, 18, 0.05) !important;
}
.bg-opacity-5.bg-green {
  background-color: rgba(45, 202, 115, 0.05) !important;
}

.bg-opacity-10.bg-black {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.bg-opacity-10.bg-white {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-opacity-10.bg-primary {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.bg-opacity-10.bg-secondary {
  background-color: rgba(28, 45, 65, 0.1) !important;
}
.bg-opacity-10.bg-snow {
  background-color: rgba(249, 250, 252, 0.1) !important;
}
.bg-opacity-10.bg-red {
  background-color: rgba(235, 52, 80, 0.1) !important;
}
.bg-opacity-10.bg-orange {
  background-color: rgba(255, 125, 81, 0.1) !important;
}
.bg-opacity-10.bg-blue {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.bg-opacity-10.bg-yellow {
  background-color: rgba(255, 194, 18, 0.1) !important;
}
.bg-opacity-10.bg-green {
  background-color: rgba(45, 202, 115, 0.1) !important;
}

.bg-opacity-15.bg-black {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.bg-opacity-15.bg-white {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.bg-opacity-15.bg-primary {
  background-color: rgba(0, 104, 112, 0.15) !important;
}
.bg-opacity-15.bg-secondary {
  background-color: rgba(28, 45, 65, 0.15) !important;
}
.bg-opacity-15.bg-snow {
  background-color: rgba(249, 250, 252, 0.15) !important;
}
.bg-opacity-15.bg-red {
  background-color: rgba(235, 52, 80, 0.15) !important;
}
.bg-opacity-15.bg-orange {
  background-color: rgba(255, 125, 81, 0.15) !important;
}
.bg-opacity-15.bg-blue {
  background-color: rgba(0, 104, 112, 0.15) !important;
}
.bg-opacity-15.bg-yellow {
  background-color: rgba(255, 194, 18, 0.15) !important;
}
.bg-opacity-15.bg-green {
  background-color: rgba(45, 202, 115, 0.15) !important;
}

.bg-opacity-20.bg-black {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.bg-opacity-20.bg-white {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.bg-opacity-20.bg-primary {
  background-color: rgba(0, 104, 112, 0.2) !important;
}
.bg-opacity-20.bg-secondary {
  background-color: rgba(28, 45, 65, 0.2) !important;
}
.bg-opacity-20.bg-snow {
  background-color: rgba(249, 250, 252, 0.2) !important;
}
.bg-opacity-20.bg-red {
  background-color: rgba(235, 52, 80, 0.2) !important;
}
.bg-opacity-20.bg-orange {
  background-color: rgba(255, 125, 81, 0.2) !important;
}
.bg-opacity-20.bg-blue {
  background-color: rgba(0, 104, 112, 0.2) !important;
}
.bg-opacity-20.bg-yellow {
  background-color: rgba(255, 194, 18, 0.2) !important;
}
.bg-opacity-20.bg-green {
  background-color: rgba(45, 202, 115, 0.2) !important;
}

.bg-opacity-25.bg-black {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.bg-opacity-25.bg-white {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.bg-opacity-25.bg-primary {
  background-color: rgba(0, 104, 112, 0.25) !important;
}
.bg-opacity-25.bg-secondary {
  background-color: rgba(28, 45, 65, 0.25) !important;
}
.bg-opacity-25.bg-snow {
  background-color: rgba(249, 250, 252, 0.25) !important;
}
.bg-opacity-25.bg-red {
  background-color: rgba(235, 52, 80, 0.25) !important;
}
.bg-opacity-25.bg-orange {
  background-color: rgba(255, 125, 81, 0.25) !important;
}
.bg-opacity-25.bg-blue {
  background-color: rgba(0, 104, 112, 0.25) !important;
}
.bg-opacity-25.bg-yellow {
  background-color: rgba(255, 194, 18, 0.25) !important;
}
.bg-opacity-25.bg-green {
  background-color: rgba(45, 202, 115, 0.25) !important;
}

.bg-opacity-30.bg-black {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.bg-opacity-30.bg-white {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.bg-opacity-30.bg-primary {
  background-color: rgba(0, 104, 112, 0.3) !important;
}
.bg-opacity-30.bg-secondary {
  background-color: rgba(28, 45, 65, 0.3) !important;
}
.bg-opacity-30.bg-snow {
  background-color: rgba(249, 250, 252, 0.3) !important;
}
.bg-opacity-30.bg-red {
  background-color: rgba(235, 52, 80, 0.3) !important;
}
.bg-opacity-30.bg-orange {
  background-color: rgba(255, 125, 81, 0.3) !important;
}
.bg-opacity-30.bg-blue {
  background-color: rgba(0, 104, 112, 0.3) !important;
}
.bg-opacity-30.bg-yellow {
  background-color: rgba(255, 194, 18, 0.3) !important;
}
.bg-opacity-30.bg-green {
  background-color: rgba(45, 202, 115, 0.3) !important;
}

.bg-opacity-35.bg-black {
  background-color: rgba(0, 0, 0, 0.35) !important;
}
.bg-opacity-35.bg-white {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.bg-opacity-35.bg-primary {
  background-color: rgba(0, 104, 112, 0.35) !important;
}
.bg-opacity-35.bg-secondary {
  background-color: rgba(28, 45, 65, 0.35) !important;
}
.bg-opacity-35.bg-snow {
  background-color: rgba(249, 250, 252, 0.35) !important;
}
.bg-opacity-35.bg-red {
  background-color: rgba(235, 52, 80, 0.35) !important;
}
.bg-opacity-35.bg-orange {
  background-color: rgba(255, 125, 81, 0.35) !important;
}
.bg-opacity-35.bg-blue {
  background-color: rgba(0, 104, 112, 0.35) !important;
}
.bg-opacity-35.bg-yellow {
  background-color: rgba(255, 194, 18, 0.35) !important;
}
.bg-opacity-35.bg-green {
  background-color: rgba(45, 202, 115, 0.35) !important;
}

.bg-opacity-40.bg-black {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.bg-opacity-40.bg-white {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.bg-opacity-40.bg-primary {
  background-color: rgba(0, 104, 112, 0.4) !important;
}
.bg-opacity-40.bg-secondary {
  background-color: rgba(28, 45, 65, 0.4) !important;
}
.bg-opacity-40.bg-snow {
  background-color: rgba(249, 250, 252, 0.4) !important;
}
.bg-opacity-40.bg-red {
  background-color: rgba(235, 52, 80, 0.4) !important;
}
.bg-opacity-40.bg-orange {
  background-color: rgba(255, 125, 81, 0.4) !important;
}
.bg-opacity-40.bg-blue {
  background-color: rgba(0, 104, 112, 0.4) !important;
}
.bg-opacity-40.bg-yellow {
  background-color: rgba(255, 194, 18, 0.4) !important;
}
.bg-opacity-40.bg-green {
  background-color: rgba(45, 202, 115, 0.4) !important;
}

.bg-opacity-45.bg-black {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
.bg-opacity-45.bg-white {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
.bg-opacity-45.bg-primary {
  background-color: rgba(0, 104, 112, 0.45) !important;
}
.bg-opacity-45.bg-secondary {
  background-color: rgba(28, 45, 65, 0.45) !important;
}
.bg-opacity-45.bg-snow {
  background-color: rgba(249, 250, 252, 0.45) !important;
}
.bg-opacity-45.bg-red {
  background-color: rgba(235, 52, 80, 0.45) !important;
}
.bg-opacity-45.bg-orange {
  background-color: rgba(255, 125, 81, 0.45) !important;
}
.bg-opacity-45.bg-blue {
  background-color: rgba(0, 104, 112, 0.45) !important;
}
.bg-opacity-45.bg-yellow {
  background-color: rgba(255, 194, 18, 0.45) !important;
}
.bg-opacity-45.bg-green {
  background-color: rgba(45, 202, 115, 0.45) !important;
}

.bg-opacity-50.bg-black {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-opacity-50.bg-white {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-opacity-50.bg-primary {
  background-color: rgba(0, 104, 112, 0.5) !important;
}
.bg-opacity-50.bg-secondary {
  background-color: rgba(28, 45, 65, 0.5) !important;
}
.bg-opacity-50.bg-snow {
  background-color: rgba(249, 250, 252, 0.5) !important;
}
.bg-opacity-50.bg-red {
  background-color: rgba(235, 52, 80, 0.5) !important;
}
.bg-opacity-50.bg-orange {
  background-color: rgba(255, 125, 81, 0.5) !important;
}
.bg-opacity-50.bg-blue {
  background-color: rgba(0, 104, 112, 0.5) !important;
}
.bg-opacity-50.bg-yellow {
  background-color: rgba(255, 194, 18, 0.5) !important;
}
.bg-opacity-50.bg-green {
  background-color: rgba(45, 202, 115, 0.5) !important;
}

.bg-opacity-55.bg-black {
  background-color: rgba(0, 0, 0, 0.55) !important;
}
.bg-opacity-55.bg-white {
  background-color: rgba(255, 255, 255, 0.55) !important;
}
.bg-opacity-55.bg-primary {
  background-color: rgba(0, 104, 112, 0.55) !important;
}
.bg-opacity-55.bg-secondary {
  background-color: rgba(28, 45, 65, 0.55) !important;
}
.bg-opacity-55.bg-snow {
  background-color: rgba(249, 250, 252, 0.55) !important;
}
.bg-opacity-55.bg-red {
  background-color: rgba(235, 52, 80, 0.55) !important;
}
.bg-opacity-55.bg-orange {
  background-color: rgba(255, 125, 81, 0.55) !important;
}
.bg-opacity-55.bg-blue {
  background-color: rgba(0, 104, 112, 0.55) !important;
}
.bg-opacity-55.bg-yellow {
  background-color: rgba(255, 194, 18, 0.55) !important;
}
.bg-opacity-55.bg-green {
  background-color: rgba(45, 202, 115, 0.55) !important;
}

.bg-opacity-60.bg-black {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.bg-opacity-60.bg-white {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.bg-opacity-60.bg-primary {
  background-color: rgba(0, 104, 112, 0.6) !important;
}
.bg-opacity-60.bg-secondary {
  background-color: rgba(28, 45, 65, 0.6) !important;
}
.bg-opacity-60.bg-snow {
  background-color: rgba(249, 250, 252, 0.6) !important;
}
.bg-opacity-60.bg-red {
  background-color: rgba(235, 52, 80, 0.6) !important;
}
.bg-opacity-60.bg-orange {
  background-color: rgba(255, 125, 81, 0.6) !important;
}
.bg-opacity-60.bg-blue {
  background-color: rgba(0, 104, 112, 0.6) !important;
}
.bg-opacity-60.bg-yellow {
  background-color: rgba(255, 194, 18, 0.6) !important;
}
.bg-opacity-60.bg-green {
  background-color: rgba(45, 202, 115, 0.6) !important;
}

.bg-opacity-65.bg-black {
  background-color: rgba(0, 0, 0, 0.65) !important;
}
.bg-opacity-65.bg-white {
  background-color: rgba(255, 255, 255, 0.65) !important;
}
.bg-opacity-65.bg-primary {
  background-color: rgba(0, 104, 112, 0.65) !important;
}
.bg-opacity-65.bg-secondary {
  background-color: rgba(28, 45, 65, 0.65) !important;
}
.bg-opacity-65.bg-snow {
  background-color: rgba(249, 250, 252, 0.65) !important;
}
.bg-opacity-65.bg-red {
  background-color: rgba(235, 52, 80, 0.65) !important;
}
.bg-opacity-65.bg-orange {
  background-color: rgba(255, 125, 81, 0.65) !important;
}
.bg-opacity-65.bg-blue {
  background-color: rgba(0, 104, 112, 0.65) !important;
}
.bg-opacity-65.bg-yellow {
  background-color: rgba(255, 194, 18, 0.65) !important;
}
.bg-opacity-65.bg-green {
  background-color: rgba(45, 202, 115, 0.65) !important;
}

.bg-opacity-70.bg-black {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.bg-opacity-70.bg-white {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.bg-opacity-70.bg-primary {
  background-color: rgba(0, 104, 112, 0.7) !important;
}
.bg-opacity-70.bg-secondary {
  background-color: rgba(28, 45, 65, 0.7) !important;
}
.bg-opacity-70.bg-snow {
  background-color: rgba(249, 250, 252, 0.7) !important;
}
.bg-opacity-70.bg-red {
  background-color: rgba(235, 52, 80, 0.7) !important;
}
.bg-opacity-70.bg-orange {
  background-color: rgba(255, 125, 81, 0.7) !important;
}
.bg-opacity-70.bg-blue {
  background-color: rgba(0, 104, 112, 0.7) !important;
}
.bg-opacity-70.bg-yellow {
  background-color: rgba(255, 194, 18, 0.7) !important;
}
.bg-opacity-70.bg-green {
  background-color: rgba(45, 202, 115, 0.7) !important;
}

.bg-opacity-75.bg-black {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.bg-opacity-75.bg-white {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.bg-opacity-75.bg-primary {
  background-color: rgba(0, 104, 112, 0.75) !important;
}
.bg-opacity-75.bg-secondary {
  background-color: rgba(28, 45, 65, 0.75) !important;
}
.bg-opacity-75.bg-snow {
  background-color: rgba(249, 250, 252, 0.75) !important;
}
.bg-opacity-75.bg-red {
  background-color: rgba(235, 52, 80, 0.75) !important;
}
.bg-opacity-75.bg-orange {
  background-color: rgba(255, 125, 81, 0.75) !important;
}
.bg-opacity-75.bg-blue {
  background-color: rgba(0, 104, 112, 0.75) !important;
}
.bg-opacity-75.bg-yellow {
  background-color: rgba(255, 194, 18, 0.75) !important;
}
.bg-opacity-75.bg-green {
  background-color: rgba(45, 202, 115, 0.75) !important;
}

.bg-opacity-80.bg-black {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.bg-opacity-80.bg-white {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-opacity-80.bg-primary {
  background-color: rgba(0, 104, 112, 0.8) !important;
}
.bg-opacity-80.bg-secondary {
  background-color: rgba(28, 45, 65, 0.8) !important;
}
.bg-opacity-80.bg-snow {
  background-color: rgba(249, 250, 252, 0.8) !important;
}
.bg-opacity-80.bg-red {
  background-color: rgba(235, 52, 80, 0.8) !important;
}
.bg-opacity-80.bg-orange {
  background-color: rgba(255, 125, 81, 0.8) !important;
}
.bg-opacity-80.bg-blue {
  background-color: rgba(0, 104, 112, 0.8) !important;
}
.bg-opacity-80.bg-yellow {
  background-color: rgba(255, 194, 18, 0.8) !important;
}
.bg-opacity-80.bg-green {
  background-color: rgba(45, 202, 115, 0.8) !important;
}

.bg-opacity-85.bg-black {
  background-color: rgba(0, 0, 0, 0.85) !important;
}
.bg-opacity-85.bg-white {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.bg-opacity-85.bg-primary {
  background-color: rgba(0, 104, 112, 0.85) !important;
}
.bg-opacity-85.bg-secondary {
  background-color: rgba(28, 45, 65, 0.85) !important;
}
.bg-opacity-85.bg-snow {
  background-color: rgba(249, 250, 252, 0.85) !important;
}
.bg-opacity-85.bg-red {
  background-color: rgba(235, 52, 80, 0.85) !important;
}
.bg-opacity-85.bg-orange {
  background-color: rgba(255, 125, 81, 0.85) !important;
}
.bg-opacity-85.bg-blue {
  background-color: rgba(0, 104, 112, 0.85) !important;
}
.bg-opacity-85.bg-yellow {
  background-color: rgba(255, 194, 18, 0.85) !important;
}
.bg-opacity-85.bg-green {
  background-color: rgba(45, 202, 115, 0.85) !important;
}

.bg-opacity-90.bg-black {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.bg-opacity-90.bg-white {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.bg-opacity-90.bg-primary {
  background-color: rgba(0, 104, 112, 0.9) !important;
}
.bg-opacity-90.bg-secondary {
  background-color: rgba(28, 45, 65, 0.9) !important;
}
.bg-opacity-90.bg-snow {
  background-color: rgba(249, 250, 252, 0.9) !important;
}
.bg-opacity-90.bg-red {
  background-color: rgba(235, 52, 80, 0.9) !important;
}
.bg-opacity-90.bg-orange {
  background-color: rgba(255, 125, 81, 0.9) !important;
}
.bg-opacity-90.bg-blue {
  background-color: rgba(0, 104, 112, 0.9) !important;
}
.bg-opacity-90.bg-yellow {
  background-color: rgba(255, 194, 18, 0.9) !important;
}
.bg-opacity-90.bg-green {
  background-color: rgba(45, 202, 115, 0.9) !important;
}

.bg-opacity-95.bg-black {
  background-color: rgba(0, 0, 0, 0.95) !important;
}
.bg-opacity-95.bg-white {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.bg-opacity-95.bg-primary {
  background-color: rgba(0, 104, 112, 0.95) !important;
}
.bg-opacity-95.bg-secondary {
  background-color: rgba(28, 45, 65, 0.95) !important;
}
.bg-opacity-95.bg-snow {
  background-color: rgba(249, 250, 252, 0.95) !important;
}
.bg-opacity-95.bg-red {
  background-color: rgba(235, 52, 80, 0.95) !important;
}
.bg-opacity-95.bg-orange {
  background-color: rgba(255, 125, 81, 0.95) !important;
}
.bg-opacity-95.bg-blue {
  background-color: rgba(0, 104, 112, 0.95) !important;
}
.bg-opacity-95.bg-yellow {
  background-color: rgba(255, 194, 18, 0.95) !important;
}
.bg-opacity-95.bg-green {
  background-color: rgba(45, 202, 115, 0.95) !important;
}

/* ============
Text Overflow
==============*/
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.overflow-ellipsis {
  text-overflow: ellipsis !important;
}

.overflow-clip {
  text-overflow: clip !important;
}

/* ============
Vertical Alignment
==============*/
.align-baseline {
  vertical-align: baseline !important;
}

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

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

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

.align-text-top {
  vertical-align: text-top !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

/* ============
Whitespace
==============*/
.whitespace-normal {
  white-space: normal !important;
}

.whitespace-nowrap {
  white-space: nowrap !important;
}

.whitespace-pre {
  white-space: pre !important;
}

.whitespace-pre-line {
  white-space: pre-line !important;
}

.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

/* ============
Word Break
==============*/
.break-normal {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.break-words {
  overflow-wrap: break-word !important;
}

.break-all {
  overflow-wrap: break-all !important;
}

/* ============
Background Attachment
==============*/
.bg-fixed {
  background-attachment: fixed !important;
}

.bg-local {
  background-attachment: local !important;
}

.bg-scroll {
  background-attachment: scroll !important;
}

/* ============
Background Position
==============*/
.bg-bottom {
  background-position: bottom !important;
}

.bg-center {
  background-position: center !important;
}

.bg-left {
  background-position: left !important;
}

.bg-left-bottom {
  background-position: left bottom !important;
}

.bg-left-top {
  background-position: left top !important;
}

.bg-right {
  background-position: right !important;
}

.bg-right-bottom {
  background-position: right bottom !important;
}

.bg-right-top {
  background-position: right top !important;
}

.bg-top {
  background-position: top !important;
}

/* ============
Background Repeat
==============*/
.bg-repeat {
  background-repeat: repeat !important;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.bg-repeat-x {
  background-repeat: repeat-x !important;
}

.bg-repeat-y {
  background-repeat: repeat-y !important;
}

.bg-repeat-round {
  background-repeat: round !important;
}

.bg-repeat-space {
  background-repeat: space !important;
}

/* ============
Background Repeat
==============*/
.bg-auto {
  background-size: auto !important;
}

.bg-cover {
  background-size: cover !important;
}

.bg-contain {
  background-size: contain !important;
}

.bg-full {
  background-size: 100% !important;
}

/* =============================
Background Color Social Network 
================================*/
.bg-android {
  background-color: var(--color-android) !important;
}

.bg-clarity {
  background-color: var(--color-clarity) !important;
}

.bg-dribbble {
  background-color: var(--color-dribbble) !important;
}

.bg-google-plus {
  background-color: var(--color-google-plus) !important;
}

.bg-instagram {
  background-color: var(--color-instagram) !important;
}

.bg-mastodon {
  background-color: var(--color-mastodon) !important;
}

.bg-periscope {
  background-color: var(--color-periscope) !important;
}

.bg-quora {
  background-color: var(--color-quora) !important;
}

.bg-slack {
  background-color: var(--color-slack) !important;
}

.bg-soundcloud {
  background-color: var(--color-soundcloud) !important;
}

.bg-stumbleupon {
  background-color: var(--color-stumbleupon) !important;
}

.bg-tiktok {
  background-color: var(--color-tiktok) !important;
}

.bg-twitter {
  background-color: var(--color-twitter) !important;
}

.bg-vk {
  background-color: var(--color-vk) !important;
}

.bg-yelp {
  background-color: var(--color-yelp) !important;
}

.bg-alexa {
  background-color: var(--color-alexa) !important;
}

.bg-deviantArt {
  background-color: var(--color-deviantArt) !important;
}

.bg-facebook {
  background-color: var(--color-facebook) !important;
}

.bg-linkedin {
  background-color: var(--color-linkedin) !important;
}

.bg-medium {
  background-color: var(--color-medium) !important;
}

.bg-pinterest {
  background-color: var(--color-pinterest) !important;
}

.bg-reddit {
  background-color: var(--color-reddit) !important;
}

.bg-slideshare {
  background-color: var(--color-slideshare) !important;
}

.bg-spotify {
  background-color: var(--color-spotify) !important;
}

.bg-tumblr {
  background-color: var(--color-tumblr) !important;
}

.bg-vimeo {
  background-color: var(--color-vimeo) !important;
}

.bg-whatsapp {
  background-color: var(--color-whatsapp) !important;
}

.bg-youtube {
  background-color: var(--color-youtube) !important;
}

.bg-amazon {
  background-color: var(--color-amazon) !important;
}

.bg-apple {
  background-color: var(--color-apple) !important;
}

.bg-flickr {
  background-color: var(--color-flickr) !important;
}

.bg-google {
  background-color: var(--color-google) !important;
}

.bg-houzz {
  background-color: var(--color-houzz) !important;
}

.bg-microsoft {
  background-color: var(--color-microsoft) !important;
}

.bg-snapchat {
  background-color: var(--color-snapchat) !important;
}

.bg-behance {
  background-color: var(--color-behance) !important;
}

/* =============================
Color Social Network 
================================*/
.color-android {
  color: var(--color-android) !important;
}

.color-clarity {
  color: var(--color-clarity) !important;
}

.color-dribbble {
  color: var(--color-dribbble) !important;
}

.color-google-plus {
  color: var(--color-google-plus) !important;
}

.color-instagram {
  color: var(--color-instagram) !important;
}

.color-mastodon {
  color: var(--color-mastodon) !important;
}

.color-periscope {
  color: var(--color-periscope) !important;
}

.color-quora {
  color: var(--color-quora) !important;
}

.color-slack {
  color: var(--color-slack) !important;
}

.color-soundcloud {
  color: var(--color-soundcloud) !important;
}

.color-stumbleupon {
  color: var(--color-stumbleupon) !important;
}

.color-tiktok {
  color: var(--color-tiktok) !important;
}

.color-twitter {
  color: var(--color-twitter) !important;
}

.color-vk {
  color: var(--color-vk) !important;
}

.color-yelp {
  color: var(--color-yelp) !important;
}

.color-alexa {
  color: var(--color-alexa) !important;
}

.color-deviantArt {
  color: var(--color-deviantArt) !important;
}

.color-facebook {
  color: var(--color-facebook) !important;
}

.color-linkedin {
  color: var(--color-linkedin) !important;
}

.color-medium {
  color: var(--color-medium) !important;
}

.color-pinterest {
  color: var(--color-pinterest) !important;
}

.color-reddit {
  color: var(--color-reddit) !important;
}

.color-slideshare {
  color: var(--color-slideshare) !important;
}

.color-spotify {
  color: var(--color-spotify) !important;
}

.color-tumblr {
  color: var(--color-tumblr) !important;
}

.color-vimeo {
  color: var(--color-vimeo) !important;
}

.color-whatsapp {
  color: var(--color-whatsapp) !important;
}

.color-youtube {
  color: var(--color-youtube) !important;
}

.color-amazon {
  color: var(--color-amazon) !important;
}

.color-apple {
  color: var(--color-apple) !important;
}

.color-flickr {
  color: var(--color-flickr) !important;
}

.color-google {
  color: var(--color-google) !important;
}

.color-houzz {
  color: var(--color-houzz) !important;
}

.color-microsoft {
  color: var(--color-microsoft) !important;
}

.color-snapchat {
  color: var(--color-snapchat) !important;
}

.color-behance {
  color: var(--color-behance) !important;
}

/* =============================
Border-color Social Network 
================================*/
.border-android {
  border-color: var(--color-android) !important;
}

.border-clarity {
  border-color: var(--color-clarity) !important;
}

.border-dribbble {
  border-color: var(--color-dribbble) !important;
}

.border-google-plus {
  border-color: var(--color-google-plus) !important;
}

.border-instagram {
  border-color: var(--color-instagram) !important;
}

.border-mastodon {
  border-color: var(--color-mastodon) !important;
}

.border-periscope {
  border-color: var(--color-periscope) !important;
}

.border-quora {
  border-color: var(--color-quora) !important;
}

.border-slack {
  border-color: var(--color-slack) !important;
}

.border-soundcloud {
  border-color: var(--color-soundcloud) !important;
}

.border-stumbleupon {
  border-color: var(--color-stumbleupon) !important;
}

.border-tiktok {
  border-color: var(--color-tiktok) !important;
}

.border-twitter {
  border-color: var(--color-twitter) !important;
}

.border-vk {
  border-color: var(--color-vk) !important;
}

.border-yelp {
  border-color: var(--color-yelp) !important;
}

.border-alexa {
  border-color: var(--color-alexa) !important;
}

.border-deviantArt {
  border-color: var(--color-deviantArt) !important;
}

.border-facebook {
  border-color: var(--color-facebook) !important;
}

.border-linkedin {
  border-color: var(--color-linkedin) !important;
}

.border-medium {
  border-color: var(--color-medium) !important;
}

.border-pinterest {
  border-color: var(--color-pinterest) !important;
}

.border-reddit {
  border-color: var(--color-reddit) !important;
}

.border-slideshare {
  border-color: var(--color-slideshare) !important;
}

.border-spotify {
  border-color: var(--color-spotify) !important;
}

.border-tumblr {
  border-color: var(--color-tumblr) !important;
}

.border-vimeo {
  border-color: var(--color-vimeo) !important;
}

.border-whatsapp {
  border-color: var(--color-whatsapp) !important;
}

.border-youtube {
  border-color: var(--color-youtube) !important;
}

.border-amazon {
  border-color: var(--color-amazon) !important;
}

.border-apple {
  border-color: var(--color-apple) !important;
}

.border-flickr {
  border-color: var(--color-flickr) !important;
}

.border-google {
  border-color: var(--color-google) !important;
}

.border-houzz {
  border-color: var(--color-houzz) !important;
}

.border-microsoft {
  border-color: var(--color-microsoft) !important;
}

.border-snapchat {
  border-color: var(--color-snapchat) !important;
}

.border-behance {
  border-color: var(--color-behance) !important;
}

/* ============
Border Radius
==============*/
.rounded-none {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 1px !important;
}

.rounded-2 {
  border-radius: 2px !important;
}

.rounded-3 {
  border-radius: 3px !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

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

.rounded-6 {
  border-radius: 6px !important;
}

.rounded-7 {
  border-radius: 7px !important;
}

.rounded-8 {
  border-radius: 8px !important;
}

.rounded-9 {
  border-radius: 9px !important;
}

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

.rounded-11 {
  border-radius: 11px !important;
}

.rounded-12 {
  border-radius: 12px !important;
}

.rounded-13 {
  border-radius: 13px !important;
}

.rounded-14 {
  border-radius: 14px !important;
}

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

.rounded-16 {
  border-radius: 16px !important;
}

.rounded-17 {
  border-radius: 17px !important;
}

.rounded-18 {
  border-radius: 18px !important;
}

.rounded-19 {
  border-radius: 19px !important;
}

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

.rounded-t-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded-b-none {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* ============
Border Width
==============*/
.border-0 {
  border-width: 0 !important;
}

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

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

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

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

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

.border-t-0 {
  border-top-width: 0 !important;
}

.border-t {
  border-top-width: 1px !important;
}

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

.border-t-3 {
  border-top-width: 3px !important;
}

.border-t-4 {
  border-top-width: 4px !important;
}

.border-t-5 {
  border-top-width: 5px !important;
}

.border-b-0 {
  border-bottom-width: 0 !important;
}

.border-b {
  border-bottom-width: 1px !important;
}

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

.border-b-3 {
  border-bottom-width: 3px !important;
}

.border-b-4 {
  border-bottom-width: 4px !important;
}

.border-b-5 {
  border-bottom-width: 5px !important;
}

.border-r-0 {
  border-right-width: 0 !important;
}

.border-r {
  border-right-width: 1px !important;
}

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

.border-r-3 {
  border-right-width: 3px !important;
}

.border-r-4 {
  border-right-width: 4px !important;
}

.border-r-5 {
  border-right-width: 5px !important;
}

.border-l-0 {
  border-left-width: 0 !important;
}

.border-l {
  border-left-width: 1px !important;
}

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

.border-l-3 {
  border-left-width: 3px !important;
}

.border-l-4 {
  border-left-width: 4px !important;
}

.border-l-5 {
  border-left-width: 5px !important;
}

/* ============
Border Color
==============*/
.border-transparent {
  border-color: transparent !important;
}

.border-black {
  border-color: var(--border-black) !important;
}

.border-white {
  border-color: var(--border-white) !important;
}

.border-primary {
  border-color: var(--border-primary) !important;
}

.border-snow {
  border-color: var(--border-snow) !important;
}

.border-red {
  border-color: var(--border-red) !important;
}

.border-orange {
  border-color: var(--border-orange) !important;
}

.border-blue {
  border-color: var(--border-blue) !important;
}

.border-yellow {
  border-color: var(--border-yellow) !important;
}

.border-green {
  border-color: var(--border-green) !important;
}

/* ============
border Opacity
==============*/
.border-opacity-5.border-black {
  border-color: rgba(0, 0, 0, 0.05) !important;
}
.border-opacity-5.border-white {
  border-color: rgba(255, 255, 255, 0.05) !important;
}
.border-opacity-5.border-primary {
  border-color: rgba(0, 104, 112, 0.05) !important;
}
.border-opacity-5.border-secondary {
  border-color: rgba(28, 45, 65, 0.05) !important;
}
.border-opacity-5.border-snow {
  border-color: rgba(236, 238, 243, 0.05) !important;
}
.border-opacity-5.border-red {
  border-color: rgba(235, 52, 80, 0.05) !important;
}
.border-opacity-5.border-orange {
  border-color: rgba(255, 125, 81, 0.05) !important;
}
.border-opacity-5.border-blue {
  border-color: rgba(0, 104, 112, 0.05) !important;
}
.border-opacity-5.border-yellow {
  border-color: rgba(255, 194, 18, 0.05) !important;
}
.border-opacity-5.border-green {
  border-color: rgba(45, 202, 115, 0.05) !important;
}

.border-opacity-10.border-black {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.border-opacity-10.border-white {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.border-opacity-10.border-primary {
  border-color: rgba(0, 104, 112, 0.1) !important;
}
.border-opacity-10.border-secondary {
  border-color: rgba(28, 45, 65, 0.1) !important;
}
.border-opacity-10.border-snow {
  border-color: rgba(236, 238, 243, 0.1) !important;
}
.border-opacity-10.border-red {
  border-color: rgba(235, 52, 80, 0.1) !important;
}
.border-opacity-10.border-orange {
  border-color: rgba(255, 125, 81, 0.1) !important;
}
.border-opacity-10.border-blue {
  border-color: rgba(0, 104, 112, 0.1) !important;
}
.border-opacity-10.border-yellow {
  border-color: rgba(255, 194, 18, 0.1) !important;
}
.border-opacity-10.border-green {
  border-color: rgba(45, 202, 115, 0.1) !important;
}

.border-opacity-15.border-black {
  border-color: rgba(0, 0, 0, 0.15) !important;
}
.border-opacity-15.border-white {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.border-opacity-15.border-primary {
  border-color: rgba(0, 104, 112, 0.15) !important;
}
.border-opacity-15.border-secondary {
  border-color: rgba(28, 45, 65, 0.15) !important;
}
.border-opacity-15.border-snow {
  border-color: rgba(236, 238, 243, 0.15) !important;
}
.border-opacity-15.border-red {
  border-color: rgba(235, 52, 80, 0.15) !important;
}
.border-opacity-15.border-orange {
  border-color: rgba(255, 125, 81, 0.15) !important;
}
.border-opacity-15.border-blue {
  border-color: rgba(0, 104, 112, 0.15) !important;
}
.border-opacity-15.border-yellow {
  border-color: rgba(255, 194, 18, 0.15) !important;
}
.border-opacity-15.border-green {
  border-color: rgba(45, 202, 115, 0.15) !important;
}

.border-opacity-20.border-black {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.border-opacity-20.border-white {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.border-opacity-20.border-primary {
  border-color: rgba(0, 104, 112, 0.2) !important;
}
.border-opacity-20.border-secondary {
  border-color: rgba(28, 45, 65, 0.2) !important;
}
.border-opacity-20.border-snow {
  border-color: rgba(236, 238, 243, 0.2) !important;
}
.border-opacity-20.border-red {
  border-color: rgba(235, 52, 80, 0.2) !important;
}
.border-opacity-20.border-orange {
  border-color: rgba(255, 125, 81, 0.2) !important;
}
.border-opacity-20.border-blue {
  border-color: rgba(0, 104, 112, 0.2) !important;
}
.border-opacity-20.border-yellow {
  border-color: rgba(255, 194, 18, 0.2) !important;
}
.border-opacity-20.border-green {
  border-color: rgba(45, 202, 115, 0.2) !important;
}

.border-opacity-25.border-black {
  border-color: rgba(0, 0, 0, 0.25) !important;
}
.border-opacity-25.border-white {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.border-opacity-25.border-primary {
  border-color: rgba(0, 104, 112, 0.25) !important;
}
.border-opacity-25.border-secondary {
  border-color: rgba(28, 45, 65, 0.25) !important;
}
.border-opacity-25.border-snow {
  border-color: rgba(236, 238, 243, 0.25) !important;
}
.border-opacity-25.border-red {
  border-color: rgba(235, 52, 80, 0.25) !important;
}
.border-opacity-25.border-orange {
  border-color: rgba(255, 125, 81, 0.25) !important;
}
.border-opacity-25.border-blue {
  border-color: rgba(0, 104, 112, 0.25) !important;
}
.border-opacity-25.border-yellow {
  border-color: rgba(255, 194, 18, 0.25) !important;
}
.border-opacity-25.border-green {
  border-color: rgba(45, 202, 115, 0.25) !important;
}

.border-opacity-30.border-black {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.border-opacity-30.border-white {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.border-opacity-30.border-primary {
  border-color: rgba(0, 104, 112, 0.3) !important;
}
.border-opacity-30.border-secondary {
  border-color: rgba(28, 45, 65, 0.3) !important;
}
.border-opacity-30.border-snow {
  border-color: rgba(236, 238, 243, 0.3) !important;
}
.border-opacity-30.border-red {
  border-color: rgba(235, 52, 80, 0.3) !important;
}
.border-opacity-30.border-orange {
  border-color: rgba(255, 125, 81, 0.3) !important;
}
.border-opacity-30.border-blue {
  border-color: rgba(0, 104, 112, 0.3) !important;
}
.border-opacity-30.border-yellow {
  border-color: rgba(255, 194, 18, 0.3) !important;
}
.border-opacity-30.border-green {
  border-color: rgba(45, 202, 115, 0.3) !important;
}

.border-opacity-35.border-black {
  border-color: rgba(0, 0, 0, 0.35) !important;
}
.border-opacity-35.border-white {
  border-color: rgba(255, 255, 255, 0.35) !important;
}
.border-opacity-35.border-primary {
  border-color: rgba(0, 104, 112, 0.35) !important;
}
.border-opacity-35.border-secondary {
  border-color: rgba(28, 45, 65, 0.35) !important;
}
.border-opacity-35.border-snow {
  border-color: rgba(236, 238, 243, 0.35) !important;
}
.border-opacity-35.border-red {
  border-color: rgba(235, 52, 80, 0.35) !important;
}
.border-opacity-35.border-orange {
  border-color: rgba(255, 125, 81, 0.35) !important;
}
.border-opacity-35.border-blue {
  border-color: rgba(0, 104, 112, 0.35) !important;
}
.border-opacity-35.border-yellow {
  border-color: rgba(255, 194, 18, 0.35) !important;
}
.border-opacity-35.border-green {
  border-color: rgba(45, 202, 115, 0.35) !important;
}

.border-opacity-40.border-black {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.border-opacity-40.border-white {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.border-opacity-40.border-primary {
  border-color: rgba(0, 104, 112, 0.4) !important;
}
.border-opacity-40.border-secondary {
  border-color: rgba(28, 45, 65, 0.4) !important;
}
.border-opacity-40.border-snow {
  border-color: rgba(236, 238, 243, 0.4) !important;
}
.border-opacity-40.border-red {
  border-color: rgba(235, 52, 80, 0.4) !important;
}
.border-opacity-40.border-orange {
  border-color: rgba(255, 125, 81, 0.4) !important;
}
.border-opacity-40.border-blue {
  border-color: rgba(0, 104, 112, 0.4) !important;
}
.border-opacity-40.border-yellow {
  border-color: rgba(255, 194, 18, 0.4) !important;
}
.border-opacity-40.border-green {
  border-color: rgba(45, 202, 115, 0.4) !important;
}

.border-opacity-45.border-black {
  border-color: rgba(0, 0, 0, 0.45) !important;
}
.border-opacity-45.border-white {
  border-color: rgba(255, 255, 255, 0.45) !important;
}
.border-opacity-45.border-primary {
  border-color: rgba(0, 104, 112, 0.45) !important;
}
.border-opacity-45.border-secondary {
  border-color: rgba(28, 45, 65, 0.45) !important;
}
.border-opacity-45.border-snow {
  border-color: rgba(236, 238, 243, 0.45) !important;
}
.border-opacity-45.border-red {
  border-color: rgba(235, 52, 80, 0.45) !important;
}
.border-opacity-45.border-orange {
  border-color: rgba(255, 125, 81, 0.45) !important;
}
.border-opacity-45.border-blue {
  border-color: rgba(0, 104, 112, 0.45) !important;
}
.border-opacity-45.border-yellow {
  border-color: rgba(255, 194, 18, 0.45) !important;
}
.border-opacity-45.border-green {
  border-color: rgba(45, 202, 115, 0.45) !important;
}

.border-opacity-50.border-black {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.border-opacity-50.border-white {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.border-opacity-50.border-primary {
  border-color: rgba(0, 104, 112, 0.5) !important;
}
.border-opacity-50.border-secondary {
  border-color: rgba(28, 45, 65, 0.5) !important;
}
.border-opacity-50.border-snow {
  border-color: rgba(236, 238, 243, 0.5) !important;
}
.border-opacity-50.border-red {
  border-color: rgba(235, 52, 80, 0.5) !important;
}
.border-opacity-50.border-orange {
  border-color: rgba(255, 125, 81, 0.5) !important;
}
.border-opacity-50.border-blue {
  border-color: rgba(0, 104, 112, 0.5) !important;
}
.border-opacity-50.border-yellow {
  border-color: rgba(255, 194, 18, 0.5) !important;
}
.border-opacity-50.border-green {
  border-color: rgba(45, 202, 115, 0.5) !important;
}

.border-opacity-55.border-black {
  border-color: rgba(0, 0, 0, 0.55) !important;
}
.border-opacity-55.border-white {
  border-color: rgba(255, 255, 255, 0.55) !important;
}
.border-opacity-55.border-primary {
  border-color: rgba(0, 104, 112, 0.55) !important;
}
.border-opacity-55.border-secondary {
  border-color: rgba(28, 45, 65, 0.55) !important;
}
.border-opacity-55.border-snow {
  border-color: rgba(236, 238, 243, 0.55) !important;
}
.border-opacity-55.border-red {
  border-color: rgba(235, 52, 80, 0.55) !important;
}
.border-opacity-55.border-orange {
  border-color: rgba(255, 125, 81, 0.55) !important;
}
.border-opacity-55.border-blue {
  border-color: rgba(0, 104, 112, 0.55) !important;
}
.border-opacity-55.border-yellow {
  border-color: rgba(255, 194, 18, 0.55) !important;
}
.border-opacity-55.border-green {
  border-color: rgba(45, 202, 115, 0.55) !important;
}

.border-opacity-60.border-black {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.border-opacity-60.border-white {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.border-opacity-60.border-primary {
  border-color: rgba(0, 104, 112, 0.6) !important;
}
.border-opacity-60.border-secondary {
  border-color: rgba(28, 45, 65, 0.6) !important;
}
.border-opacity-60.border-snow {
  border-color: rgba(236, 238, 243, 0.6) !important;
}
.border-opacity-60.border-red {
  border-color: rgba(235, 52, 80, 0.6) !important;
}
.border-opacity-60.border-orange {
  border-color: rgba(255, 125, 81, 0.6) !important;
}
.border-opacity-60.border-blue {
  border-color: rgba(0, 104, 112, 0.6) !important;
}
.border-opacity-60.border-yellow {
  border-color: rgba(255, 194, 18, 0.6) !important;
}
.border-opacity-60.border-green {
  border-color: rgba(45, 202, 115, 0.6) !important;
}

.border-opacity-65.border-black {
  border-color: rgba(0, 0, 0, 0.65) !important;
}
.border-opacity-65.border-white {
  border-color: rgba(255, 255, 255, 0.65) !important;
}
.border-opacity-65.border-primary {
  border-color: rgba(0, 104, 112, 0.65) !important;
}
.border-opacity-65.border-secondary {
  border-color: rgba(28, 45, 65, 0.65) !important;
}
.border-opacity-65.border-snow {
  border-color: rgba(236, 238, 243, 0.65) !important;
}
.border-opacity-65.border-red {
  border-color: rgba(235, 52, 80, 0.65) !important;
}
.border-opacity-65.border-orange {
  border-color: rgba(255, 125, 81, 0.65) !important;
}
.border-opacity-65.border-blue {
  border-color: rgba(0, 104, 112, 0.65) !important;
}
.border-opacity-65.border-yellow {
  border-color: rgba(255, 194, 18, 0.65) !important;
}
.border-opacity-65.border-green {
  border-color: rgba(45, 202, 115, 0.65) !important;
}

.border-opacity-70.border-black {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.border-opacity-70.border-white {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-opacity-70.border-primary {
  border-color: rgba(0, 104, 112, 0.7) !important;
}
.border-opacity-70.border-secondary {
  border-color: rgba(28, 45, 65, 0.7) !important;
}
.border-opacity-70.border-snow {
  border-color: rgba(236, 238, 243, 0.7) !important;
}
.border-opacity-70.border-red {
  border-color: rgba(235, 52, 80, 0.7) !important;
}
.border-opacity-70.border-orange {
  border-color: rgba(255, 125, 81, 0.7) !important;
}
.border-opacity-70.border-blue {
  border-color: rgba(0, 104, 112, 0.7) !important;
}
.border-opacity-70.border-yellow {
  border-color: rgba(255, 194, 18, 0.7) !important;
}
.border-opacity-70.border-green {
  border-color: rgba(45, 202, 115, 0.7) !important;
}

.border-opacity-75.border-black {
  border-color: rgba(0, 0, 0, 0.75) !important;
}
.border-opacity-75.border-white {
  border-color: rgba(255, 255, 255, 0.75) !important;
}
.border-opacity-75.border-primary {
  border-color: rgba(0, 104, 112, 0.75) !important;
}
.border-opacity-75.border-secondary {
  border-color: rgba(28, 45, 65, 0.75) !important;
}
.border-opacity-75.border-snow {
  border-color: rgba(236, 238, 243, 0.75) !important;
}
.border-opacity-75.border-red {
  border-color: rgba(235, 52, 80, 0.75) !important;
}
.border-opacity-75.border-orange {
  border-color: rgba(255, 125, 81, 0.75) !important;
}
.border-opacity-75.border-blue {
  border-color: rgba(0, 104, 112, 0.75) !important;
}
.border-opacity-75.border-yellow {
  border-color: rgba(255, 194, 18, 0.75) !important;
}
.border-opacity-75.border-green {
  border-color: rgba(45, 202, 115, 0.75) !important;
}

.border-opacity-80.border-black {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.border-opacity-80.border-white {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.border-opacity-80.border-primary {
  border-color: rgba(0, 104, 112, 0.8) !important;
}
.border-opacity-80.border-secondary {
  border-color: rgba(28, 45, 65, 0.8) !important;
}
.border-opacity-80.border-snow {
  border-color: rgba(236, 238, 243, 0.8) !important;
}
.border-opacity-80.border-red {
  border-color: rgba(235, 52, 80, 0.8) !important;
}
.border-opacity-80.border-orange {
  border-color: rgba(255, 125, 81, 0.8) !important;
}
.border-opacity-80.border-blue {
  border-color: rgba(0, 104, 112, 0.8) !important;
}
.border-opacity-80.border-yellow {
  border-color: rgba(255, 194, 18, 0.8) !important;
}
.border-opacity-80.border-green {
  border-color: rgba(45, 202, 115, 0.8) !important;
}

.border-opacity-85.border-black {
  border-color: rgba(0, 0, 0, 0.85) !important;
}
.border-opacity-85.border-white {
  border-color: rgba(255, 255, 255, 0.85) !important;
}
.border-opacity-85.border-primary {
  border-color: rgba(0, 104, 112, 0.85) !important;
}
.border-opacity-85.border-secondary {
  border-color: rgba(28, 45, 65, 0.85) !important;
}
.border-opacity-85.border-snow {
  border-color: rgba(236, 238, 243, 0.85) !important;
}
.border-opacity-85.border-red {
  border-color: rgba(235, 52, 80, 0.85) !important;
}
.border-opacity-85.border-orange {
  border-color: rgba(255, 125, 81, 0.85) !important;
}
.border-opacity-85.border-blue {
  border-color: rgba(0, 104, 112, 0.85) !important;
}
.border-opacity-85.border-yellow {
  border-color: rgba(255, 194, 18, 0.85) !important;
}
.border-opacity-85.border-green {
  border-color: rgba(45, 202, 115, 0.85) !important;
}

.border-opacity-90.border-black {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.border-opacity-90.border-white {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.border-opacity-90.border-primary {
  border-color: rgba(0, 104, 112, 0.9) !important;
}
.border-opacity-90.border-secondary {
  border-color: rgba(28, 45, 65, 0.9) !important;
}
.border-opacity-90.border-snow {
  border-color: rgba(236, 238, 243, 0.9) !important;
}
.border-opacity-90.border-red {
  border-color: rgba(235, 52, 80, 0.9) !important;
}
.border-opacity-90.border-orange {
  border-color: rgba(255, 125, 81, 0.9) !important;
}
.border-opacity-90.border-blue {
  border-color: rgba(0, 104, 112, 0.9) !important;
}
.border-opacity-90.border-yellow {
  border-color: rgba(255, 194, 18, 0.9) !important;
}
.border-opacity-90.border-green {
  border-color: rgba(45, 202, 115, 0.9) !important;
}

.border-opacity-95.border-black {
  border-color: rgba(0, 0, 0, 0.95) !important;
}
.border-opacity-95.border-white {
  border-color: rgba(255, 255, 255, 0.95) !important;
}
.border-opacity-95.border-primary {
  border-color: rgba(0, 104, 112, 0.95) !important;
}
.border-opacity-95.border-secondary {
  border-color: rgba(28, 45, 65, 0.95) !important;
}
.border-opacity-95.border-snow {
  border-color: rgba(236, 238, 243, 0.95) !important;
}
.border-opacity-95.border-red {
  border-color: rgba(235, 52, 80, 0.95) !important;
}
.border-opacity-95.border-orange {
  border-color: rgba(255, 125, 81, 0.95) !important;
}
.border-opacity-95.border-blue {
  border-color: rgba(0, 104, 112, 0.95) !important;
}
.border-opacity-95.border-yellow {
  border-color: rgba(255, 194, 18, 0.95) !important;
}
.border-opacity-95.border-green {
  border-color: rgba(45, 202, 115, 0.95) !important;
}

/* ============
Border Style
==============*/
.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-dotted {
  border-style: dotted !important;
}

.border-double {
  border-style: double !important;
}

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

/* ============
Border Top Style
==============*/
.border-t-solid {
  border-top-style: solid !important;
}

.border-t-dashed {
  border-top-style: dashed !important;
}

.border-t-dotted {
  border-top-style: dotted !important;
}

.border-t-double {
  border-top-style: double !important;
}

.border-t-none {
  border-top-style: none !important;
}

/* ============
Border Bottom Style
==============*/
.border-b-solid {
  border-bottom-style: solid !important;
}

.border-b-dashed {
  border-bottom-style: dashed !important;
}

.border-b-dotted {
  border-bottom-style: dotted !important;
}

.border-b-double {
  border-bottom-style: double !important;
}

.border-b-none {
  border-bottom-style: none !important;
}

/* ============
Border right Style
==============*/
.border-r-solid {
  border-right-style: solid !important;
}

.border-r-dashed {
  border-right-style: dashed !important;
}

.border-r-dotted {
  border-right-style: dotted !important;
}

.border-r-double {
  border-right-style: double !important;
}

.border-r-none {
  border-right-style: none !important;
}

/* ============
Border left Style
==============*/
.border-l-solid {
  border-left-style: solid !important;
}

.border-l-dashed {
  border-left-style: dashed !important;
}

.border-l-dotted {
  border-left-style: dotted !important;
}

.border-l-double {
  border-left-style: double !important;
}

.border-l-none {
  border-left-style: none !important;
}

/* ============
Transition Property
==============*/
.transition-none {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  -ms-transition-property: none;
  transition-property: none;
}

.transition-all {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

/* ============
Transition Duration
==============*/
.duration-75 {
  -webkit-transition-duration: 75ms;
  -moz-transition-duration: 75ms;
  -o-transition-duration: 75ms;
  -ms-transition-duration: 75ms;
  transition-duration: 75ms;
}

.duration-100 {
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  -ms-transition-duration: 100ms;
  transition-duration: 100ms;
}

.duration-150 {
  -webkit-transition-duration: 150ms;
  -moz-transition-duration: 150ms;
  -o-transition-duration: 150ms;
  -ms-transition-duration: 150ms;
  transition-duration: 150ms;
}

.duration-200 {
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  transition-duration: 200ms;
}

.duration-300 {
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  transition-duration: 300ms;
}

.duration-500 {
  -webkit-transition-duration: 500ms;
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -ms-transition-duration: 500ms;
  transition-duration: 500ms;
}

.duration-700 {
  -webkit-transition-duration: 700ms;
  -moz-transition-duration: 700ms;
  -o-transition-duration: 700ms;
  -ms-transition-duration: 700ms;
  transition-duration: 700ms;
}

.duration-1000 {
  -webkit-transition-duration: 1000ms;
  -moz-transition-duration: 1000ms;
  -o-transition-duration: 1000ms;
  -ms-transition-duration: 1000ms;
  transition-duration: 1000ms;
}

/* ============
Transition Timing Function
==============*/
.ease-linear {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  transition-timing-function: linear;
}

.ease-in {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  -ms-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  -ms-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============
Transition Delay
==============*/
.delay-75 {
  -webkit-transition-delay: 75ms;
  -moz-transition-delay: 75ms;
  -o-transition-delay: 75ms;
  -ms-transition-delay: 75ms;
  transition-delay: 75ms;
}

.delay-100 {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  -ms-transition-delay: 100ms;
  transition-delay: 100ms;
}

.delay-150 {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  transition-delay: 150ms;
}

.delay-200 {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  transition-delay: 200ms;
}

.delay-300 {
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  transition-delay: 300ms;
}

.delay-500 {
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  transition-delay: 500ms;
}

.delay-700 {
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  transition-delay: 700ms;
}

.delay-1000 {
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

/* ============
Transition Delay
==============*/
.animate-none {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
}

.animate-spin {
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-ping {
  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  -moz-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  -o-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  -ms-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@-webkit-keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%,
    100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%,
    100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  75%,
    100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  -moz-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  -o-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  -ms-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@-webkit-keyframes pulse {
  0%,
    100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@-moz-keyframes pulse {
  0%,
    100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes pulse {
  0%,
    100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.animate-bounce {
  -webkit-animation: bounce 1s infinite;
  -moz-animation: bounce 1s infinite;
  -o-animation: bounce 1s infinite;
  -ms-animation: bounce 1s infinite;
  animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0%,
    100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
@-moz-keyframes bounce {
  0%,
    100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes bounce {
  0%,
    100% {
    transform: translateY(-25%);
    animationtimingfunction: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animationtimingfunction: cubic-bezier(0, 0, 0.2, 1);
  }
}
/* ============
Cursor
==============*/
.cursor-auto {
  cursor: auto !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

/* ============
Pointer Events
==============*/
.pointer-events-none {
  pointer-events: none !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

/* ============
Resize
==============*/
.resize-none {
  resize: none !important;
}

.resize-y {
  resize: vertical !important;
}

.resize-x {
  resize: horizontal !important;
}

.resize-y {
  resize: vertical !important;
}

.resize {
  resize: both !important;
}

/* ============
User Select
==============*/
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  -o-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.select-auto {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -o-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

/* ============
Hover
==============*/
.hover\:bg-black:hover {
  background-color: var(--bg-black) !important;
}

.hover\:bg-white:hover {
  background-color: var(--bg-white) !important;
}

.hover\:bg-primary:hover {
  background-color: var(--bg-primary) !important;
}

.hover\:bg-secondary:hover {
  background-color: var(--bg-secondary) !important;
}

.hover\:bg-snow:hover {
  background-color: var(--bg-snow) !important;
}

.hover\:bg-red:hover {
  background-color: var(--bg-red) !important;
}

.hover\:bg-orange:hover {
  background-color: var(--bg-orange) !important;
}

.hover\:bg-blue:hover {
  background-color: var(--bg-blue) !important;
}

.hover\:bg-yellow:hover {
  background-color: var(--bg-yellow) !important;
}

.hover\:bg-green:hover {
  background-color: var(--bg-green) !important;
}

.hover\:color-black:hover {
  color: var(--color-black) !important;
}

.hover\:color-white:hover {
  color: var(--color-white) !important;
}

.hover\:color-primary:hover {
  color: var(--color-primary) !important;
}

.hover\:color-secondary:hover {
  color: var(--color-secondary) !important;
}

.hover\:color-snow:hover {
  color: var(--color-snow) !important;
}

.hover\:color-red:hover {
  color: var(--color-red) !important;
}

.hover\:color-orange:hover {
  color: var(--color-orange) !important;
}

.hover\:color-blue:hover {
  color: var(--color-blue) !important;
}

.hover\:color-yellow:hover {
  color: var(--color-yellow) !important;
}

.hover\:color-green:hover {
  color: var(--color-green) !important;
}

.hover\:border-black:hover {
  border-color: var(--border-black) !important;
}

.hover\:border-white:hover {
  border-color: var(--border-white) !important;
}

.hover\:border-primary:hover {
  border-color: var(--border-primary) !important;
}

.hover\:border-secondary:hover {
  border-color: var(--border-secondary) !important;
}

.hover\:border-snow:hover {
  border-color: var(--border-snow) !important;
}

.hover\:border-red:hover {
  border-color: var(--border-red) !important;
}

.hover\:border-orange:hover {
  border-color: var(--border-orange) !important;
}

.hover\:border-blue:hover {
  border-color: var(--border-blue) !important;
}

.hover\:border-yellow:hover {
  border-color: var(--border-yellow) !important;
}

.hover\:border-green:hover {
  border-color: var(--border-green) !important;
}

.hover\:bg-opacity-5:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.05) !important;
}
.hover\:bg-opacity-5:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.05) !important;
}

.hover\:bg-opacity-10:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.1) !important;
}
.hover\:bg-opacity-10:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.1) !important;
}

.hover\:bg-opacity-15:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.15) !important;
}
.hover\:bg-opacity-15:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.15) !important;
}

.hover\:bg-opacity-20:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.2) !important;
}
.hover\:bg-opacity-20:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.2) !important;
}

.hover\:bg-opacity-25:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.25) !important;
}
.hover\:bg-opacity-25:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.25) !important;
}

.hover\:bg-opacity-30:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.3) !important;
}
.hover\:bg-opacity-30:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.3) !important;
}

.hover\:bg-opacity-35:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.35) !important;
}
.hover\:bg-opacity-35:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.35) !important;
}

.hover\:bg-opacity-40:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.4) !important;
}
.hover\:bg-opacity-40:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.4) !important;
}

.hover\:bg-opacity-45:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.45) !important;
}
.hover\:bg-opacity-45:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.45) !important;
}

.hover\:bg-opacity-50:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.5) !important;
}
.hover\:bg-opacity-50:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.5) !important;
}

.hover\:bg-opacity-55:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.55) !important;
}
.hover\:bg-opacity-55:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.55) !important;
}

.hover\:bg-opacity-60:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.6) !important;
}
.hover\:bg-opacity-60:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.6) !important;
}

.hover\:bg-opacity-65:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.65) !important;
}
.hover\:bg-opacity-65:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.65) !important;
}

.hover\:bg-opacity-70:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.7) !important;
}
.hover\:bg-opacity-70:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.7) !important;
}

.hover\:bg-opacity-75:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.75) !important;
}
.hover\:bg-opacity-75:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.75) !important;
}

.hover\:bg-opacity-80:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.8) !important;
}
.hover\:bg-opacity-80:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.8) !important;
}

.hover\:bg-opacity-85:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.85) !important;
}
.hover\:bg-opacity-85:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.85) !important;
}

.hover\:bg-opacity-90:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.9) !important;
}
.hover\:bg-opacity-90:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.9) !important;
}

.hover\:bg-opacity-95:hover.bg-black {
  background-color: rgba(0, 0, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-white {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-primary {
  background-color: rgba(0, 104, 112, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-secondary {
  background-color: rgba(28, 45, 65, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-snow {
  background-color: rgba(249, 250, 252, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-red {
  background-color: rgba(235, 52, 80, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-orange {
  background-color: rgba(255, 125, 81, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-blue {
  background-color: rgba(0, 104, 112, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-yellow {
  background-color: rgba(255, 194, 18, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-green {
  background-color: rgba(45, 202, 115, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-android {
  background-color: rgba(164, 198, 57, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-clarity {
  background-color: rgba(97, 190, 217, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-dribbble {
  background-color: rgba(234, 76, 137, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-google-plus {
  background-color: rgba(219, 68, 55, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-instagram {
  background-color: rgba(195, 42, 163, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-mastodon {
  background-color: rgba(43, 144, 217, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-periscope {
  background-color: rgba(64, 164, 196, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-quora {
  background-color: rgba(170, 34, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-slack {
  background-color: rgba(74, 21, 75, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-soundcloud {
  background-color: rgba(255, 85, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-stumbleupon {
  background-color: rgba(233, 72, 38, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-tiktok {
  background-color: rgba(1, 1, 1, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-twitter {
  background-color: rgba(29, 161, 242, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-vk {
  background-color: rgba(74, 118, 168, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-yelp {
  background-color: rgba(211, 35, 35, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-alexa {
  background-color: rgba(0, 167, 206, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-deviantArt {
  background-color: rgba(5, 204, 71, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-facebook {
  background-color: rgba(24, 119, 242, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-linkedin {
  background-color: rgba(0, 123, 181, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-medium {
  background-color: rgba(2, 184, 117, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-pinterest {
  background-color: rgba(189, 8, 28, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-reddit {
  background-color: rgba(255, 69, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-slideshare {
  background-color: rgba(230, 133, 35, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-spotify {
  background-color: rgba(30, 215, 96, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-tumblr {
  background-color: rgba(53, 70, 93, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-vimeo {
  background-color: rgba(26, 183, 234, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-whatsapp {
  background-color: rgba(37, 211, 102, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-youtube {
  background-color: rgba(255, 0, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-amazon {
  background-color: rgba(255, 153, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-apple {
  background-color: rgba(0, 0, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-flickr {
  background-color: rgba(244, 0, 131, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-google {
  background-color: rgba(66, 133, 244, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-houzz {
  background-color: rgba(77, 188, 21, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-microsoft {
  background-color: rgba(243, 80, 34, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-snapchat {
  background-color: rgba(255, 252, 0, 0.95) !important;
}
.hover\:bg-opacity-95:hover.bg-behance {
  background-color: rgba(0, 86, 255, 0.95) !important;
}

/* ============
Opacity Color Text 
==============*/
.hover\:color-opacity-5:hover.color-black {
  color: rgba(0, 0, 0, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-white {
  color: rgba(255, 255, 255, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-primary {
  color: rgba(0, 104, 112, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-secondary {
  color: rgba(28, 45, 65, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-snow {
  color: rgba(179, 188, 199, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-red {
  color: rgba(235, 52, 80, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-orange {
  color: rgba(255, 125, 81, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-blue {
  color: rgba(0, 104, 112, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-yellow {
  color: rgba(255, 194, 18, 0.05) !important;
}
.hover\:color-opacity-5:hover.color-green {
  color: rgba(45, 202, 115, 0.05) !important;
}

.hover\:color-opacity-10:hover.color-black {
  color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-white {
  color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-primary {
  color: rgba(0, 104, 112, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-secondary {
  color: rgba(28, 45, 65, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-snow {
  color: rgba(179, 188, 199, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-red {
  color: rgba(235, 52, 80, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-orange {
  color: rgba(255, 125, 81, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-blue {
  color: rgba(0, 104, 112, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-yellow {
  color: rgba(255, 194, 18, 0.1) !important;
}
.hover\:color-opacity-10:hover.color-green {
  color: rgba(45, 202, 115, 0.1) !important;
}

.hover\:color-opacity-15:hover.color-black {
  color: rgba(0, 0, 0, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-white {
  color: rgba(255, 255, 255, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-primary {
  color: rgba(0, 104, 112, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-secondary {
  color: rgba(28, 45, 65, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-snow {
  color: rgba(179, 188, 199, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-red {
  color: rgba(235, 52, 80, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-orange {
  color: rgba(255, 125, 81, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-blue {
  color: rgba(0, 104, 112, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-yellow {
  color: rgba(255, 194, 18, 0.15) !important;
}
.hover\:color-opacity-15:hover.color-green {
  color: rgba(45, 202, 115, 0.15) !important;
}

.hover\:color-opacity-20:hover.color-black {
  color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-white {
  color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-primary {
  color: rgba(0, 104, 112, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-secondary {
  color: rgba(28, 45, 65, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-snow {
  color: rgba(179, 188, 199, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-red {
  color: rgba(235, 52, 80, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-orange {
  color: rgba(255, 125, 81, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-blue {
  color: rgba(0, 104, 112, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-yellow {
  color: rgba(255, 194, 18, 0.2) !important;
}
.hover\:color-opacity-20:hover.color-green {
  color: rgba(45, 202, 115, 0.2) !important;
}

.hover\:color-opacity-25:hover.color-black {
  color: rgba(0, 0, 0, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-white {
  color: rgba(255, 255, 255, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-primary {
  color: rgba(0, 104, 112, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-secondary {
  color: rgba(28, 45, 65, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-snow {
  color: rgba(179, 188, 199, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-red {
  color: rgba(235, 52, 80, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-orange {
  color: rgba(255, 125, 81, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-blue {
  color: rgba(0, 104, 112, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-yellow {
  color: rgba(255, 194, 18, 0.25) !important;
}
.hover\:color-opacity-25:hover.color-green {
  color: rgba(45, 202, 115, 0.25) !important;
}

.hover\:color-opacity-30:hover.color-black {
  color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-white {
  color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-primary {
  color: rgba(0, 104, 112, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-secondary {
  color: rgba(28, 45, 65, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-snow {
  color: rgba(179, 188, 199, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-red {
  color: rgba(235, 52, 80, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-orange {
  color: rgba(255, 125, 81, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-blue {
  color: rgba(0, 104, 112, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-yellow {
  color: rgba(255, 194, 18, 0.3) !important;
}
.hover\:color-opacity-30:hover.color-green {
  color: rgba(45, 202, 115, 0.3) !important;
}

.hover\:color-opacity-35:hover.color-black {
  color: rgba(0, 0, 0, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-white {
  color: rgba(255, 255, 255, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-primary {
  color: rgba(0, 104, 112, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-secondary {
  color: rgba(28, 45, 65, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-snow {
  color: rgba(179, 188, 199, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-red {
  color: rgba(235, 52, 80, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-orange {
  color: rgba(255, 125, 81, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-blue {
  color: rgba(0, 104, 112, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-yellow {
  color: rgba(255, 194, 18, 0.35) !important;
}
.hover\:color-opacity-35:hover.color-green {
  color: rgba(45, 202, 115, 0.35) !important;
}

.hover\:color-opacity-40:hover.color-black {
  color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-white {
  color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-primary {
  color: rgba(0, 104, 112, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-secondary {
  color: rgba(28, 45, 65, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-snow {
  color: rgba(179, 188, 199, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-red {
  color: rgba(235, 52, 80, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-orange {
  color: rgba(255, 125, 81, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-blue {
  color: rgba(0, 104, 112, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-yellow {
  color: rgba(255, 194, 18, 0.4) !important;
}
.hover\:color-opacity-40:hover.color-green {
  color: rgba(45, 202, 115, 0.4) !important;
}

.hover\:color-opacity-45:hover.color-black {
  color: rgba(0, 0, 0, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-white {
  color: rgba(255, 255, 255, 0.45) !important;
}
.hover\:color-opacity-45:hover.bg-primary {
  color: rgba(0, 104, 112, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-secondary {
  color: rgba(28, 45, 65, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-snow {
  color: rgba(179, 188, 199, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-red {
  color: rgba(235, 52, 80, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-orange {
  color: rgba(255, 125, 81, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-blue {
  color: rgba(0, 104, 112, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-yellow {
  color: rgba(255, 194, 18, 0.45) !important;
}
.hover\:color-opacity-45:hover.color-green {
  color: rgba(45, 202, 115, 0.45) !important;
}

.hover\:color-opacity-50:hover.color-black {
  color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-white {
  color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-primary {
  color: rgba(0, 104, 112, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-secondary {
  color: rgba(28, 45, 65, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-snow {
  color: rgba(179, 188, 199, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-red {
  color: rgba(235, 52, 80, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-orange {
  color: rgba(255, 125, 81, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-blue {
  color: rgba(0, 104, 112, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-yellow {
  color: rgba(255, 194, 18, 0.5) !important;
}
.hover\:color-opacity-50:hover.color-green {
  color: rgba(45, 202, 115, 0.5) !important;
}

.hover\:color-opacity-55:hover.color-black {
  color: rgba(0, 0, 0, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-white {
  color: rgba(255, 255, 255, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-primary {
  color: rgba(0, 104, 112, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-secondary {
  color: rgba(28, 45, 65, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-snow {
  color: rgba(179, 188, 199, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-red {
  color: rgba(235, 52, 80, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-orange {
  color: rgba(255, 125, 81, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-blue {
  color: rgba(0, 104, 112, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-yellow {
  color: rgba(255, 194, 18, 0.55) !important;
}
.hover\:color-opacity-55:hover.color-green {
  color: rgba(45, 202, 115, 0.55) !important;
}

.hover\:color-opacity-60:hover.color-black {
  color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-white {
  color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-primary {
  color: rgba(0, 104, 112, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-secondary {
  color: rgba(28, 45, 65, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-snow {
  color: rgba(179, 188, 199, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-red {
  color: rgba(235, 52, 80, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-orange {
  color: rgba(255, 125, 81, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-blue {
  color: rgba(0, 104, 112, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-yellow {
  color: rgba(255, 194, 18, 0.6) !important;
}
.hover\:color-opacity-60:hover.color-green {
  color: rgba(45, 202, 115, 0.6) !important;
}

.hover\:color-opacity-65:hover.color-black {
  color: rgba(0, 0, 0, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-white {
  color: rgba(255, 255, 255, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-primary {
  color: rgba(0, 104, 112, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-secondary {
  color: rgba(28, 45, 65, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-snow {
  color: rgba(179, 188, 199, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-red {
  color: rgba(235, 52, 80, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-orange {
  color: rgba(255, 125, 81, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-blue {
  color: rgba(0, 104, 112, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-yellow {
  color: rgba(255, 194, 18, 0.65) !important;
}
.hover\:color-opacity-65:hover.color-green {
  color: rgba(45, 202, 115, 0.65) !important;
}

.hover\:color-opacity-70:hover.color-black {
  color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-white {
  color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-primary {
  color: rgba(0, 104, 112, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-secondary {
  color: rgba(28, 45, 65, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-snow {
  color: rgba(179, 188, 199, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-red {
  color: rgba(235, 52, 80, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-orange {
  color: rgba(255, 125, 81, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-blue {
  color: rgba(0, 104, 112, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-yellow {
  color: rgba(255, 194, 18, 0.7) !important;
}
.hover\:color-opacity-70:hover.color-green {
  color: rgba(45, 202, 115, 0.7) !important;
}

.hover\:color-opacity-75:hover.color-black {
  color: rgba(0, 0, 0, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-white {
  color: rgba(255, 255, 255, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-primary {
  color: rgba(0, 104, 112, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-secondary {
  color: rgba(28, 45, 65, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-snow {
  color: rgba(179, 188, 199, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-red {
  color: rgba(235, 52, 80, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-orange {
  color: rgba(255, 125, 81, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-blue {
  color: rgba(0, 104, 112, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-yellow {
  color: rgba(255, 194, 18, 0.75) !important;
}
.hover\:color-opacity-75:hover.color-green {
  color: rgba(45, 202, 115, 0.75) !important;
}

.hover\:color-opacity-80:hover.color-black {
  color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-white {
  color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-primary {
  color: rgba(0, 104, 112, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-secondary {
  color: rgba(28, 45, 65, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-snow {
  color: rgba(179, 188, 199, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-red {
  color: rgba(235, 52, 80, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-orange {
  color: rgba(255, 125, 81, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-blue {
  color: rgba(0, 104, 112, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-yellow {
  color: rgba(255, 194, 18, 0.8) !important;
}
.hover\:color-opacity-80:hover.color-green {
  color: rgba(45, 202, 115, 0.8) !important;
}

.hover\:color-opacity-85:hover.color-black {
  color: rgba(0, 0, 0, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-white {
  color: rgba(255, 255, 255, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-primary {
  color: rgba(0, 104, 112, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-secondary {
  color: rgba(28, 45, 65, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-snow {
  color: rgba(179, 188, 199, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-red {
  color: rgba(235, 52, 80, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-orange {
  color: rgba(255, 125, 81, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-blue {
  color: rgba(0, 104, 112, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-yellow {
  color: rgba(255, 194, 18, 0.85) !important;
}
.hover\:color-opacity-85:hover.color-green {
  color: rgba(45, 202, 115, 0.85) !important;
}

.hover\:color-opacity-90:hover.color-black {
  color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-white {
  color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-primary {
  color: rgba(0, 104, 112, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-secondary {
  color: rgba(28, 45, 65, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-snow {
  color: rgba(179, 188, 199, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-red {
  color: rgba(235, 52, 80, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-orange {
  color: rgba(255, 125, 81, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-blue {
  color: rgba(0, 104, 112, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-yellow {
  color: rgba(255, 194, 18, 0.9) !important;
}
.hover\:color-opacity-90:hover.color-green {
  color: rgba(45, 202, 115, 0.9) !important;
}

.hover\:color-opacity-95:hover.color-black {
  color: rgba(0, 0, 0, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-white {
  color: rgba(255, 255, 255, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-primary {
  color: rgba(0, 104, 112, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-secondary {
  color: rgba(28, 45, 65, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-snow {
  color: rgba(179, 188, 199, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-red {
  color: rgba(235, 52, 80, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-orange {
  color: rgba(255, 125, 81, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-blue {
  color: rgba(0, 104, 112, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-yellow {
  color: rgba(255, 194, 18, 0.95) !important;
}
.hover\:color-opacity-95:hover.color-green {
  color: rgba(45, 202, 115, 0.95) !important;
}

.hover\:z-1:hover {
  z-index: 1 !important;
}

.hover\:z-10:hover {
  z-index: 10 !important;
}

.hover\:z-20:hover {
  z-index: 20 !important;
}

.hover\:z-30:hover {
  z-index: 30 !important;
}

.hover\:z-40:hover {
  z-index: 40 !important;
}

.hover\:z-50:hover {
  z-index: 50 !important;
}

.hover\:z-auto:hover {
  z-index: auto !important;
}

/* ============
Pointer Events
==============*/
.hover\:pointer-events-none:hover {
  pointer-events: none !important;
}

.hover\:pointer-events-auto:hover {
  pointer-events: auto !important;
}

.hover\:bg-android:hover {
  background-color: var(--color-android) !important;
}

.hover\:bg-clarity:hover {
  background-color: var(--color-clarity) !important;
}

.hover\:bg-dribbble:hover {
  background-color: var(--color-dribbble) !important;
}

.hover\:bg-google-plus:hover {
  background-color: var(--color-google-plus) !important;
}

.hover\:bg-instagram:hover {
  background-color: var(--color-instagram) !important;
}

.hover\:bg-mastodon:hover {
  background-color: var(--color-mastodon) !important;
}

.hover\:bg-periscope:hover {
  background-color: var(--color-periscope) !important;
}

.hover\:bg-quora:hover {
  background-color: var(--color-quora) !important;
}

.hover\:bg-slack:hover {
  background-color: var(--color-slack) !important;
}

.hover\:bg-soundcloud:hover {
  background-color: var(--color-soundcloud) !important;
}

.hover\:bg-stumbleupon:hover {
  background-color: var(--color-stumbleupon) !important;
}

.hover\:bg-tiktok:hover {
  background-color: var(--color-tiktok) !important;
}

.hover\:bg-twitter:hover {
  background-color: var(--color-twitter) !important;
}

.hover\:bg-vk:hover {
  background-color: var(--color-vk) !important;
}

.hover\:bg-yelp:hover {
  background-color: var(--color-yelp) !important;
}

.hover\:bg-alexa:hover {
  background-color: var(--color-alexa) !important;
}

.hover\:bg-deviantArt:hover {
  background-color: var(--color-deviantArt) !important;
}

.hover\:bg-facebook:hover {
  background-color: var(--color-facebook) !important;
}

.hover\:bg-linkedin:hover {
  background-color: var(--color-linkedin) !important;
}

.hover\:bg-medium:hover {
  background-color: var(--color-medium) !important;
}

.hover\:bg-pinterest:hover {
  background-color: var(--color-pinterest) !important;
}

.hover\:bg-reddit:hover {
  background-color: var(--color-reddit) !important;
}

.hover\:bg-slideshare:hover {
  background-color: var(--color-slideshare) !important;
}

.hover\:bg-spotify:hover {
  background-color: var(--color-spotify) !important;
}

.hover\:bg-tumblr:hover {
  background-color: var(--color-tumblr) !important;
}

.hover\:bg-vimeo:hover {
  background-color: var(--color-vimeo) !important;
}

.hover\:bg-whatsapp:hover {
  background-color: var(--color-whatsapp) !important;
}

.hover\:bg-youtube:hover {
  background-color: var(--color-youtube) !important;
}

.hover\:bg-amazon:hover {
  background-color: var(--color-amazon) !important;
}

.hover\:bg-apple:hover {
  background-color: var(--color-apple) !important;
}

.hover\:bg-flickr:hover {
  background-color: var(--color-flickr) !important;
}

.hover\:bg-google:hover {
  background-color: var(--color-google) !important;
}

.hover\:bg-houzz:hover {
  background-color: var(--color-houzz) !important;
}

.hover\:bg-microsoft:hover {
  background-color: var(--color-microsoft) !important;
}

.hover\:bg-snapchat:hover {
  background-color: var(--color-snapchat) !important;
}

.hover\:bg-behance:hover {
  background-color: var(--color-behance) !important;
}

.hover\:color-android:hover {
  color: var(--color-android) !important;
}

.hover\:color-clarity:hover {
  color: var(--color-clarity) !important;
}

.hover\:color-dribbble:hover {
  color: var(--color-dribbble) !important;
}

.hover\:color-google-plus:hover {
  color: var(--color-google-plus) !important;
}

.hover\:color-instagram:hover {
  color: var(--color-instagram) !important;
}

.hover\:color-mastodon:hover {
  color: var(--color-mastodon) !important;
}

.hover\:color-periscope:hover {
  color: var(--color-periscope) !important;
}

.hover\:color-quora:hover {
  color: var(--color-quora) !important;
}

.hover\:color-slack:hover {
  color: var(--color-slack) !important;
}

.hover\:color-soundcloud:hover {
  color: var(--color-soundcloud) !important;
}

.hover\:color-stumbleupon:hover {
  color: var(--color-stumbleupon) !important;
}

.hover\:color-tiktok:hover {
  color: var(--color-tiktok) !important;
}

.hover\:color-twitter:hover {
  color: var(--color-twitter) !important;
}

.hover\:color-vk:hover {
  color: var(--color-vk) !important;
}

.hover\:color-yelp:hover {
  color: var(--color-yelp) !important;
}

.hover\:color-alexa:hover {
  color: var(--color-alexa) !important;
}

.hover\:color-deviantArt:hover {
  color: var(--color-deviantArt) !important;
}

.hover\:color-facebook:hover {
  color: var(--color-facebook) !important;
}

.hover\:color-linkedin:hover {
  color: var(--color-linkedin) !important;
}

.hover\:color-medium:hover {
  color: var(--color-medium) !important;
}

.hover\:color-pinterest:hover {
  color: var(--color-pinterest) !important;
}

.hover\:color-reddit:hover {
  color: var(--color-reddit) !important;
}

.hover\:color-slideshare:hover {
  color: var(--color-slideshare) !important;
}

.hover\:color-spotify:hover {
  color: var(--color-spotify) !important;
}

.hover\:color-tumblr:hover {
  color: var(--color-tumblr) !important;
}

.hover\:color-vimeo:hover {
  color: var(--color-vimeo) !important;
}

.hover\:color-whatsapp:hover {
  color: var(--color-whatsapp) !important;
}

.hover\:color-youtube:hover {
  color: var(--color-youtube) !important;
}

.hover\:color-amazon:hover {
  color: var(--color-amazon) !important;
}

.hover\:color-apple:hover {
  color: var(--color-apple) !important;
}

.hover\:color-flickr:hover {
  color: var(--color-flickr) !important;
}

.hover\:color-google:hover {
  color: var(--color-google) !important;
}

.hover\:color-houzz:hover {
  color: var(--color-houzz) !important;
}

.hover\:color-microsoft:hover {
  color: var(--color-microsoft) !important;
}

.hover\:color-snapchat:hover {
  color: var(--color-snapchat) !important;
}

.hover\:color-behance:hover {
  color: var(--color-behance) !important;
}

.hover\:border-android:hover {
  border-color: var(--color-android) !important;
}

.hover\:border-clarity:hover {
  border-color: var(--color-clarity) !important;
}

.hover\:border-dribbble:hover {
  border-color: var(--color-dribbble) !important;
}

.hover\:border-google-plus:hover {
  border-color: var(--color-google-plus) !important;
}

.hover\:border-instagram:hover {
  border-color: var(--color-instagram) !important;
}

.hover\:border-mastodon:hover {
  border-color: var(--color-mastodon) !important;
}

.hover\:border-periscope:hover {
  border-color: var(--color-periscope) !important;
}

.hover\:border-quora:hover {
  border-color: var(--color-quora) !important;
}

.hover\:border-slack:hover {
  border-color: var(--color-slack) !important;
}

.hover\:border-soundcloud:hover {
  border-color: var(--color-soundcloud) !important;
}

.hover\:border-stumbleupon:hover {
  border-color: var(--color-stumbleupon) !important;
}

.hover\:border-tiktok:hover {
  border-color: var(--color-tiktok) !important;
}

.hover\:border-twitter:hover {
  border-color: var(--color-twitter) !important;
}

.hover\:border-vk:hover {
  border-color: var(--color-vk) !important;
}

.hover\:border-yelp:hover {
  border-color: var(--color-yelp) !important;
}

.hover\:border-alexa:hover {
  border-color: var(--color-alexa) !important;
}

.hover\:border-deviantArt:hover {
  border-color: var(--color-deviantArt) !important;
}

.hover\:border-facebook:hover {
  border-color: var(--color-facebook) !important;
}

.hover\:border-linkedin:hover {
  border-color: var(--color-linkedin) !important;
}

.hover\:border-medium:hover {
  border-color: var(--color-medium) !important;
}

.hover\:border-pinterest:hover {
  border-color: var(--color-pinterest) !important;
}

.hover\:border-reddit:hover {
  border-color: var(--color-reddit) !important;
}

.hover\:border-slideshare:hover {
  border-color: var(--color-slideshare) !important;
}

.hover\:border-spotify:hover {
  border-color: var(--color-spotify) !important;
}

.hover\:border-tumblr:hover {
  border-color: var(--color-tumblr) !important;
}

.hover\:border-vimeo:hover {
  border-color: var(--color-vimeo) !important;
}

.hover\:border-whatsapp:hover {
  border-color: var(--color-whatsapp) !important;
}

.hover\:border-youtube:hover {
  border-color: var(--color-youtube) !important;
}

.hover\:border-amazon:hover {
  border-color: var(--color-amazon) !important;
}

.hover\:border-apple:hover {
  border-color: var(--color-apple) !important;
}

.hover\:border-flickr:hover {
  border-color: var(--color-flickr) !important;
}

.hover\:border-google:hover {
  border-color: var(--color-google) !important;
}

.hover\:border-houzz:hover {
  border-color: var(--color-houzz) !important;
}

.hover\:border-microsoft:hover {
  border-color: var(--color-microsoft) !important;
}

.hover\:border-snapchat:hover {
  border-color: var(--color-snapchat) !important;
}

.hover\:border-behance:hover {
  border-color: var(--color-behance) !important;
}

/* ============
Focus
==============*/
.focus\:bg-black:focus {
  background-color: var(--bg-black) !important;
}

.focus\:bg-white:focus {
  background-color: var(--bg-white) !important;
}

.focus\:bg-primary:focus {
  background-color: var(--bg-primary) !important;
}

.focus\:bg-secondary:focus {
  background-color: var(--bg-secondary) !important;
}

.focus\:bg-snow:focus {
  background-color: var(--bg-snow) !important;
}

.focus\:bg-red:focus {
  background-color: var(--bg-red) !important;
}

.focus\:bg-orange:focus {
  background-color: var(--bg-orange) !important;
}

.focus\:bg-blue:focus {
  background-color: var(--bg-blue) !important;
}

.focus\:bg-yellow:focus {
  background-color: var(--bg-yellow) !important;
}

.focus\:bg-green:focus {
  background-color: var(--bg-green) !important;
}

.focus\:color-black:focus {
  color: var(--color-black) !important;
}

.focus\:color-white:focus {
  color: var(--color-white) !important;
}

.focus\:color-primary:focus {
  color: var(--color-primary) !important;
}

.focus\:color-secondary:focus {
  color: var(--color-secondary) !important;
}

.focus\:color-snow:focus {
  color: var(--color-snow) !important;
}

.focus\:color-red:focus {
  color: var(--color-red) !important;
}

.focus\:color-orange:focus {
  color: var(--color-orange) !important;
}

.focus\:color-blue:focus {
  color: var(--color-blue) !important;
}

.focus\:color-yellow:focus {
  color: var(--color-yellow) !important;
}

.focus\:color-green:focus {
  color: var(--color-green) !important;
}

.focus\:border-black:focus {
  border-color: var(--border-black) !important;
}

.focus\:border-white:focus {
  border-color: var(--border-white) !important;
}

.focus\:border-primary:focus {
  border-color: var(--border-primary) !important;
}

.focus\:border-secondary:focus {
  border-color: var(--border-secondary) !important;
}

.focus\:border-snow:focus {
  border-color: var(--border-snow) !important;
}

.focus\:border-red:focus {
  border-color: var(--border-red) !important;
}

.focus\:border-orange:focus {
  border-color: var(--border-orange) !important;
}

.focus\:border-blue:focus {
  border-color: var(--border-blue) !important;
}

.focus\:border-yellow:focus {
  border-color: var(--border-yellow) !important;
}

.focus\:border-green:focus {
  border-color: var(--border-green) !important;
}

.focus\:bg-opacity-5:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.05) !important;
}
.focus\:bg-opacity-5:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.05) !important;
}

.focus\:bg-opacity-10:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.1) !important;
}
.focus\:bg-opacity-10:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.1) !important;
}

.focus\:bg-opacity-15:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.15) !important;
}
.focus\:bg-opacity-15:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.15) !important;
}

.focus\:bg-opacity-20:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.2) !important;
}
.focus\:bg-opacity-20:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.2) !important;
}

.focus\:bg-opacity-25:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.25) !important;
}
.focus\:bg-opacity-25:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.25) !important;
}

.focus\:bg-opacity-30:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.3) !important;
}
.focus\:bg-opacity-30:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.3) !important;
}

.focus\:bg-opacity-35:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.35) !important;
}
.focus\:bg-opacity-35:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.35) !important;
}

.focus\:bg-opacity-40:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.4) !important;
}
.focus\:bg-opacity-40:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.4) !important;
}

.focus\:bg-opacity-45:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.45) !important;
}
.focus\:bg-opacity-45:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.45) !important;
}

.focus\:bg-opacity-50:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.5) !important;
}
.focus\:bg-opacity-50:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.5) !important;
}

.focus\:bg-opacity-55:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.55) !important;
}
.focus\:bg-opacity-55:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.55) !important;
}

.focus\:bg-opacity-60:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.6) !important;
}
.focus\:bg-opacity-60:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.6) !important;
}

.focus\:bg-opacity-65:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.65) !important;
}
.focus\:bg-opacity-65:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.65) !important;
}

.focus\:bg-opacity-70:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.7) !important;
}
.focus\:bg-opacity-70:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.7) !important;
}

.focus\:bg-opacity-75:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.75) !important;
}
.focus\:bg-opacity-75:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.75) !important;
}

.focus\:bg-opacity-80:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.8) !important;
}
.focus\:bg-opacity-80:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.8) !important;
}

.focus\:bg-opacity-85:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.85) !important;
}
.focus\:bg-opacity-85:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.85) !important;
}

.focus\:bg-opacity-90:focus.bg-black {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-white {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-primary {
  background-color: rgba(0, 104, 112, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-secondary {
  background-color: rgba(28, 45, 65, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-snow {
  background-color: rgba(249, 250, 252, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-red {
  background-color: rgba(235, 52, 80, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-orange {
  background-color: rgba(255, 125, 81, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-blue {
  background-color: rgba(0, 104, 112, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-yellow {
  background-color: rgba(255, 194, 18, 0.9) !important;
}
.focus\:bg-opacity-90:focus.bg-green {
  background-color: rgba(45, 202, 115, 0.9) !important;
}

/* ============
Opacity Color Text 
==============*/
.focus\:color-opacity-5:focus.color-black {
  color: rgba(0, 0, 0, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-white {
  color: rgba(255, 255, 255, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-primary {
  color: rgba(0, 104, 112, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-secondary {
  color: rgba(28, 45, 65, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-snow {
  color: rgba(179, 188, 199, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-red {
  color: rgba(235, 52, 80, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-orange {
  color: rgba(255, 125, 81, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-blue {
  color: rgba(0, 104, 112, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-yellow {
  color: rgba(255, 194, 18, 0.05) !important;
}
.focus\:color-opacity-5:focus.color-green {
  color: rgba(45, 202, 115, 0.05) !important;
}

.focus\:color-opacity-10:focus.color-black {
  color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-white {
  color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-primary {
  color: rgba(0, 104, 112, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-secondary {
  color: rgba(28, 45, 65, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-snow {
  color: rgba(179, 188, 199, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-red {
  color: rgba(235, 52, 80, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-orange {
  color: rgba(255, 125, 81, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-blue {
  color: rgba(0, 104, 112, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-yellow {
  color: rgba(255, 194, 18, 0.1) !important;
}
.focus\:color-opacity-10:focus.color-green {
  color: rgba(45, 202, 115, 0.1) !important;
}

.focus\:color-opacity-15:focus.color-black {
  color: rgba(0, 0, 0, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-white {
  color: rgba(255, 255, 255, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-primary {
  color: rgba(0, 104, 112, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-secondary {
  color: rgba(28, 45, 65, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-snow {
  color: rgba(179, 188, 199, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-red {
  color: rgba(235, 52, 80, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-orange {
  color: rgba(255, 125, 81, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-blue {
  color: rgba(0, 104, 112, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-yellow {
  color: rgba(255, 194, 18, 0.15) !important;
}
.focus\:color-opacity-15:focus.color-green {
  color: rgba(45, 202, 115, 0.15) !important;
}

.focus\:color-opacity-20:focus.color-black {
  color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-white {
  color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-primary {
  color: rgba(0, 104, 112, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-secondary {
  color: rgba(28, 45, 65, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-snow {
  color: rgba(179, 188, 199, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-red {
  color: rgba(235, 52, 80, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-orange {
  color: rgba(255, 125, 81, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-blue {
  color: rgba(0, 104, 112, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-yellow {
  color: rgba(255, 194, 18, 0.2) !important;
}
.focus\:color-opacity-20:focus.color-green {
  color: rgba(45, 202, 115, 0.2) !important;
}

.focus\:color-opacity-25:focus.color-black {
  color: rgba(0, 0, 0, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-white {
  color: rgba(255, 255, 255, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-primary {
  color: rgba(0, 104, 112, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-secondary {
  color: rgba(28, 45, 65, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-snow {
  color: rgba(179, 188, 199, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-red {
  color: rgba(235, 52, 80, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-orange {
  color: rgba(255, 125, 81, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-blue {
  color: rgba(0, 104, 112, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-yellow {
  color: rgba(255, 194, 18, 0.25) !important;
}
.focus\:color-opacity-25:focus.color-green {
  color: rgba(45, 202, 115, 0.25) !important;
}

.focus\:color-opacity-30:focus.color-black {
  color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-white {
  color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-primary {
  color: rgba(0, 104, 112, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-secondary {
  color: rgba(28, 45, 65, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-snow {
  color: rgba(179, 188, 199, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-red {
  color: rgba(235, 52, 80, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-orange {
  color: rgba(255, 125, 81, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-blue {
  color: rgba(0, 104, 112, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-yellow {
  color: rgba(255, 194, 18, 0.3) !important;
}
.focus\:color-opacity-30:focus.color-green {
  color: rgba(45, 202, 115, 0.3) !important;
}

.focus\:color-opacity-35:focus.color-black {
  color: rgba(0, 0, 0, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-white {
  color: rgba(255, 255, 255, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-primary {
  color: rgba(0, 104, 112, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-secondary {
  color: rgba(28, 45, 65, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-snow {
  color: rgba(179, 188, 199, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-red {
  color: rgba(235, 52, 80, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-orange {
  color: rgba(255, 125, 81, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-blue {
  color: rgba(0, 104, 112, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-yellow {
  color: rgba(255, 194, 18, 0.35) !important;
}
.focus\:color-opacity-35:focus.color-green {
  color: rgba(45, 202, 115, 0.35) !important;
}

.focus\:color-opacity-40:focus.color-black {
  color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-white {
  color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-primary {
  color: rgba(0, 104, 112, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-secondary {
  color: rgba(28, 45, 65, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-snow {
  color: rgba(179, 188, 199, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-red {
  color: rgba(235, 52, 80, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-orange {
  color: rgba(255, 125, 81, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-blue {
  color: rgba(0, 104, 112, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-yellow {
  color: rgba(255, 194, 18, 0.4) !important;
}
.focus\:color-opacity-40:focus.color-green {
  color: rgba(45, 202, 115, 0.4) !important;
}

.focus\:color-opacity-45:focus.color-black {
  color: rgba(0, 0, 0, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-white {
  color: rgba(255, 255, 255, 0.45) !important;
}
.focus\:color-opacity-45:focus.bg-primary {
  color: rgba(0, 104, 112, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-secondary {
  color: rgba(28, 45, 65, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-snow {
  color: rgba(179, 188, 199, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-red {
  color: rgba(235, 52, 80, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-orange {
  color: rgba(255, 125, 81, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-blue {
  color: rgba(0, 104, 112, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-yellow {
  color: rgba(255, 194, 18, 0.45) !important;
}
.focus\:color-opacity-45:focus.color-green {
  color: rgba(45, 202, 115, 0.45) !important;
}

.focus\:color-opacity-50:focus.color-black {
  color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-white {
  color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-primary {
  color: rgba(0, 104, 112, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-secondary {
  color: rgba(28, 45, 65, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-snow {
  color: rgba(179, 188, 199, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-red {
  color: rgba(235, 52, 80, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-orange {
  color: rgba(255, 125, 81, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-blue {
  color: rgba(0, 104, 112, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-yellow {
  color: rgba(255, 194, 18, 0.5) !important;
}
.focus\:color-opacity-50:focus.color-green {
  color: rgba(45, 202, 115, 0.5) !important;
}

.focus\:color-opacity-55:focus.color-black {
  color: rgba(0, 0, 0, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-white {
  color: rgba(255, 255, 255, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-primary {
  color: rgba(0, 104, 112, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-secondary {
  color: rgba(28, 45, 65, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-snow {
  color: rgba(179, 188, 199, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-red {
  color: rgba(235, 52, 80, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-orange {
  color: rgba(255, 125, 81, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-blue {
  color: rgba(0, 104, 112, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-yellow {
  color: rgba(255, 194, 18, 0.55) !important;
}
.focus\:color-opacity-55:focus.color-green {
  color: rgba(45, 202, 115, 0.55) !important;
}

.focus\:color-opacity-60:focus.color-black {
  color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-white {
  color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-primary {
  color: rgba(0, 104, 112, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-secondary {
  color: rgba(28, 45, 65, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-snow {
  color: rgba(179, 188, 199, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-red {
  color: rgba(235, 52, 80, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-orange {
  color: rgba(255, 125, 81, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-blue {
  color: rgba(0, 104, 112, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-yellow {
  color: rgba(255, 194, 18, 0.6) !important;
}
.focus\:color-opacity-60:focus.color-green {
  color: rgba(45, 202, 115, 0.6) !important;
}

.focus\:color-opacity-65:focus.color-black {
  color: rgba(0, 0, 0, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-white {
  color: rgba(255, 255, 255, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-primary {
  color: rgba(0, 104, 112, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-secondary {
  color: rgba(28, 45, 65, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-snow {
  color: rgba(179, 188, 199, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-red {
  color: rgba(235, 52, 80, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-orange {
  color: rgba(255, 125, 81, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-blue {
  color: rgba(0, 104, 112, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-yellow {
  color: rgba(255, 194, 18, 0.65) !important;
}
.focus\:color-opacity-65:focus.color-green {
  color: rgba(45, 202, 115, 0.65) !important;
}

.focus\:color-opacity-70:focus.color-black {
  color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-white {
  color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-primary {
  color: rgba(0, 104, 112, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-secondary {
  color: rgba(28, 45, 65, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-snow {
  color: rgba(179, 188, 199, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-red {
  color: rgba(235, 52, 80, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-orange {
  color: rgba(255, 125, 81, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-blue {
  color: rgba(0, 104, 112, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-yellow {
  color: rgba(255, 194, 18, 0.7) !important;
}
.focus\:color-opacity-70:focus.color-green {
  color: rgba(45, 202, 115, 0.7) !important;
}

.focus\:color-opacity-75:focus.color-black {
  color: rgba(0, 0, 0, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-white {
  color: rgba(255, 255, 255, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-primary {
  color: rgba(0, 104, 112, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-secondary {
  color: rgba(28, 45, 65, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-snow {
  color: rgba(179, 188, 199, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-red {
  color: rgba(235, 52, 80, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-orange {
  color: rgba(255, 125, 81, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-blue {
  color: rgba(0, 104, 112, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-yellow {
  color: rgba(255, 194, 18, 0.75) !important;
}
.focus\:color-opacity-75:focus.color-green {
  color: rgba(45, 202, 115, 0.75) !important;
}

.focus\:color-opacity-80:focus.color-black {
  color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-white {
  color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-primary {
  color: rgba(0, 104, 112, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-secondary {
  color: rgba(28, 45, 65, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-snow {
  color: rgba(179, 188, 199, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-red {
  color: rgba(235, 52, 80, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-orange {
  color: rgba(255, 125, 81, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-blue {
  color: rgba(0, 104, 112, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-yellow {
  color: rgba(255, 194, 18, 0.8) !important;
}
.focus\:color-opacity-80:focus.color-green {
  color: rgba(45, 202, 115, 0.8) !important;
}

.focus\:color-opacity-85:focus.color-black {
  color: rgba(0, 0, 0, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-white {
  color: rgba(255, 255, 255, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-primary {
  color: rgba(0, 104, 112, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-secondary {
  color: rgba(28, 45, 65, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-snow {
  color: rgba(179, 188, 199, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-red {
  color: rgba(235, 52, 80, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-orange {
  color: rgba(255, 125, 81, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-blue {
  color: rgba(0, 104, 112, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-yellow {
  color: rgba(255, 194, 18, 0.85) !important;
}
.focus\:color-opacity-85:focus.color-green {
  color: rgba(45, 202, 115, 0.85) !important;
}

.focus\:color-opacity-90:focus.color-black {
  color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-white {
  color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-primary {
  color: rgba(0, 104, 112, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-secondary {
  color: rgba(28, 45, 65, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-snow {
  color: rgba(179, 188, 199, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-red {
  color: rgba(235, 52, 80, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-orange {
  color: rgba(255, 125, 81, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-blue {
  color: rgba(0, 104, 112, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-yellow {
  color: rgba(255, 194, 18, 0.9) !important;
}
.focus\:color-opacity-90:focus.color-green {
  color: rgba(45, 202, 115, 0.9) !important;
}

.focus\:color-opacity-95:focus.color-black {
  color: rgba(0, 0, 0, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-white {
  color: rgba(255, 255, 255, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-primary {
  color: rgba(0, 104, 112, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-secondary {
  color: rgba(28, 45, 65, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-snow {
  color: rgba(179, 188, 199, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-red {
  color: rgba(235, 52, 80, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-orange {
  color: rgba(255, 125, 81, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-blue {
  color: rgba(0, 104, 112, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-yellow {
  color: rgba(255, 194, 18, 0.95) !important;
}
.focus\:color-opacity-95:focus.color-green {
  color: rgba(45, 202, 115, 0.95) !important;
}

.focus\:z-1:focus {
  z-index: 1 !important;
}

.focus\:z-10:focus {
  z-index: 10 !important;
}

.focus\:z-20:focus {
  z-index: 20 !important;
}

.focus\:z-30:focus {
  z-index: 30 !important;
}

.focus\:z-40:focus {
  z-index: 40 !important;
}

.focus\:z-50:focus {
  z-index: 50 !important;
}

.focus\:z-auto:focus {
  z-index: auto !important;
}

/* ============
Pointer Events
==============*/
.focus\:pointer-events-none:focus {
  pointer-events: none !important;
}

.focus\:pointer-events-auto:focus {
  pointer-events: auto !important;
}

/* ============
Fill
==============*/
.fill-black path,
.fill-black rect {
  fill: var(--color-black) !important;
}

.fill-white path,
.fill-white rect {
  fill: var(--color-white) !important;
}

.fill-primary path,
.fill-primary rect {
  fill: var(--color-primary) !important;
}

.fill-secondary path,
.fill-secondary rect {
  fill: var(--color-secondary) !important;
}

.fill-snow path,
.fill-snow rect {
  fill: var(--color-snow) !important;
}

.fill-red path,
.fill-red rect {
  fill: var(--color-red) !important;
}

.fill-orange path,
.fill-orange rect {
  fill: var(--color-orange) !important;
}

.fill-blue path,
.fill-blue rect {
  fill: var(--color-blue) !important;
}

.fill-yellow path,
.fill-yellow rect {
  fill: var(--color-yellow) !important;
}

.fill-green path,
.fill-green rect {
  fill: var(--color-green) !important;
}

/* ============
Stroke Width
==============*/
.stroke-0 {
  stroke-width: 0 !important;
}

.stroke-1 {
  stroke-width: 1 !important;
}

.stroke-2 {
  stroke-width: 2 !important;
}

.tooltip .arrow {
  display: none;
}
.tooltip .tooltip-inner {
  background-color: var(--color-secondary);
  border-radius: 6px;
  padding: 0.4rem 0.85rem;
  color: var(--color-white);
  font-family: "SSTArabic", arial;
}

.main_header .navbar {
  padding: 0;
}
.main_header .navbar .navbar-toggler {
  border: 0;
  font-size: 24px;
  color: var(--color-white);
  padding-inline: 0;
  margin-left: 20px;
  margin-bottom: 15px;
}
.main_header .navbar .navbar-brand img {
  width: 150px;
  object-fit: contain;
}
.main_header .navbar .navbar-brand.-mobile {
  display: none;
}
@media (max-width: 991px) {
  .main_header .navbar {
    background-color: var(--bg-secondary);
    padding: 15px 0 0 0;
  }
  .main_header .navbar .navbar-brand {
    display: none;
  }
  .main_header .navbar .navbar-brand.-mobile {
    display: block;
    padding: 0;
    margin-right: 20px;
    margin-bottom: 15px;
  }
  .main_header .navbar .navbar-brand.-mobile img {
    width: 50px;
  }
}
@media (min-width: 992px) {
  .main_header .collapse_header {
    display: block !important;
  }
}
.main_header .collapse_header .head_top {
  background-color: var(--bg-secondary);
  padding: 10px 0;
}
@media (max-width: 991px) {
  .main_header .collapse_header .head_top {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .main_header .collapse_header .head_top .container {
    padding-inline: 0;
  }
}
@media (max-width: 991px) {
  .main_header .collapse_header .head_top .navbar-nav {
    display: flex;
    width: 100%;
  }
  .main_header .collapse_header .head_top .navbar-nav .drop_profile {
    margin-right: 20px;
    margin-block: 15px;
  }
  .main_header .collapse_header .head_top .navbar-nav .icons_actions {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 6px 0;
    text-align: center;
  }
  .main_header .collapse_header .head_top .navbar-nav .icons_actions .nav-item {
    width: calc(100% / 3);
    margin: 0;
  }
}
.main_header .collapse_header .head_top .dropButton {
  margin-right: 15px;
}
.main_header .collapse_header .head_top .dropButton .nav-link {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: var(--color-white);
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0);
  position: relative;
  padding: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.main_header .collapse_header .head_top .dropButton .nav-link::after {
  display: none;
}
.main_header .collapse_header .head_top .dropButton .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.main_header .collapse_header .head_top .dropButton .nav-link .bulls {
  width: 22px;
  height: 22px;
  background-color: var(--bg-red);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
  border: 2px solid var(--border-secondary);
}
.main_header .collapse_header .head_top .dropButton .nav-link .bulls span {
  display: block;
  margin-top: -2px;
}
.main_header .collapse_header .head_top .dropButton .nav-link .pull_doot {
  width: 10px;
  height: 10px;
  border: 2px solid var(--border-secondary);
  position: absolute;
  background-color: var(--bg-orange);
  top: 0;
  right: 0;
  border-radius: 50%;
}
.main_header .collapse_header .head_top .darkMode_menu {
  position: relative;
  overflow: hidden;
}
.main_header .collapse_header .head_top .darkMode_menu input {
  position: absolute;
  width: 40px;
  height: 40px;
  opacity: 0;
  cursor: pointer;
}
.main_header .collapse_header .head_top .darkMode_menu i {
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.main_header .collapse_header .head_top .drop_profile {
  margin-right: 20px;
  width: 200px;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-toggle::after {
  content: "\EA50";
  border: 0;
  font-family: remixicon !important;
  color: var(--color-snow);
  font-size: 24px;
  position: absolute;
  left: 0;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  transition: transform 0.3s;
}
.main_header .collapse_header .head_top .drop_profile .pk_user .img_avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
}
.main_header .collapse_header .head_top .drop_profile .pk_user .txt {
  margin-right: 12px;
}
.main_header .collapse_header .head_top .drop_profile .pk_user .txt h2 {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-white);
  margin-bottom: 3px;
}
.main_header .collapse_header .head_top .drop_profile .pk_user .txt p {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu {
  background-color: var(--bg-white);
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  min-width: 13rem;
  padding: 10px 0 20px 0;
  -webkit-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .item_user {
  padding: 8px 15px;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .item_user .img_avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .item_user .txt {
  margin-right: 12px;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .item_user .txt h2 {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .item_user .txt p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .dropdown-divider {
  border-top: 1px solid var(--border-snow);
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .dropdown-item {
  padding: 10px 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .dropdown-item .icon {
  margin-left: 15px;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .dropdown-item .icon i {
  font-size: 18px;
  color: var(--color-text);
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .dropdown-item .txt h3 {
  font-size: 13px;
  margin-bottom: 4px;
  font-weight: 500;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .dropdown-item .txt p {
  font-size: 11px;
  color: var(--color-text);
  font-weight: 500;
  margin: 0;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-snow);
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .btn_logout {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(235, 52, 80, 0.1);
  color: var(--color-red);
  border-radius: 10px;
  font-weight: 500;
  font-size: 13px;
  -webkit-text-stroke: 0.2px var(--color-red);
  margin-top: 15px;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .btn_logout span {
  margin-top: -3px;
}
.main_header .collapse_header .head_top .drop_profile .dropdown-menu .btn_logout:hover {
  background-color: #eb3450;
  color: var(--color-white);
  -webkit-text-stroke: 0.2px var(--color-white);
}
.main_header .collapse_header .head_top .drop_profile:hover .nav-link::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  padding: 0;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-toggle::after {
  content: "\EA50";
  border: 0;
  font-family: remixicon !important;
  color: var(--color-snow);
  font-size: 24px;
  position: absolute;
  left: 0;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  transition: transform 0.3s;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu {
  background-color: var(--bg-white);
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  min-width: 16rem;
  padding: 10px 0 20px 0;
  -webkit-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .title {
  padding: 10px 30px;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item {
  position: relative;
  padding: 8px 30px;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item .media {
  align-items: center;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item .media .attend {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: 14px;
  background-color: var(--bg-primary);
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item .media .txt {
  margin-right: 15px;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item .media .txt p {
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 2px;
  color: var(--color-secondary);
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item .media .txt p span {
  font-weight: 600;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item .media .txt .date {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text);
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-snow) !important;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .see_all {
  background-color: var(--bg-white);
  color: var(--color-primary);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding: 8px;
}
.main_header .collapse_header .head_top .drop_inbox .dropdown-menu .see_all:hover {
  background-color: var(--bg-white) !important;
}
.main_header .collapse_header .head_menu {
  background-color: var(--bg-white);
  border-bottom: 1px solid var(--border-snow);
}
@media (max-width: 991px) {
  .main_header .collapse_header .head_menu .nav_menu_icon {
    display: block;
    width: 100%;
  }
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .nav-link {
  display: inline-flex;
  align-items: center;
  margin-left: 35px;
  padding-inline: 0;
  padding-block: 16px;
  position: relative;
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .nav-link span {
  font-size: 15px;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.3px var(--color-secondary);
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .nav-link i {
  color: var(--color-text);
  font-size: 20px;
  margin-left: 6px;
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .nav-link::after {
  display: none;
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .nav-link::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: var(--color-primary);
  bottom: 0;
  opacity: 0;
  right: 2px;
}
@media (max-width: 991px) {
  .main_header .collapse_header .head_menu .nav_menu_icon .nav-item .nav-link::before {
    width: 3px;
    height: 15px;
    bottom: inherit;
    right: -15px;
  }
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item.active .nav-link span {
  color: var(--color-primary);
  -webkit-text-stroke: 0.3px var(--color-primary);
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item.active .nav-link i {
  color: var(--color-primary);
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item.active .nav-link::before {
  opacity: 1;
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .dropdown-menu {
  padding: 12px 10px;
  margin-top: 0;
  background-color: var(--bg-white);
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  min-width: 12rem;
  -webkit-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .dropdown-menu .dropdown-item {
  border-radius: 10px;
  color: var(--color-secondary);
  font-weight: 500;
  padding: 10px 18px;
  font-size: 15px;
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-bottom: 5px;
  height: 42px;
  display: flex;
  align-items: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .dropdown-menu .dropdown-item span {
  margin-top: -3px;
  display: block;
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-snow);
}
.main_header .collapse_header .head_menu .nav_menu_icon .nav-item .dropdown-menu .dropdown-item.active {
  background-color: var(--bg-primary);
  color: var(--color-white);
  -webkit-text-stroke: 0.2px var(--color-white);
}
.main_header .collapse_header .head_menu .search_header .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.main_header .collapse_header .head_menu .search_header .input_group i {
  font-size: 18px;
  position: absolute;
  right: 20px;
  color: var(--color-placeholder);
}
.main_header .collapse_header .head_menu .search_header .input_group input {
  padding-left: 20px;
  padding-right: 50px;
  border: 0;
  height: 50px;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .main_header .collapse_header .head_menu .search_header .input_group input {
    width: 313px;
  }
}

.dropdown.onhover .dropdown-menu {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  display: block;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .dropdown.onhover .dropdown-menu {
    display: none;
  }
}
.dropdown.onhover:hover .dropdown-menu {
  display: block;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
@media (max-width: 991px) {
  .dropdown.onhover.show .dropdown-menu {
    width: 100%;
    display: inline-block;
  }
}

.breadcrumb_main {
  background-color: var(--bg-snow);
  border-bottom: 1px solid var(--border-snow);
  padding: 22px 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.breadcrumb_main .breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.breadcrumb_main .breadcrumb .breadcrumb-item a {
  color: var(--color-secondary);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
}
.breadcrumb_main .breadcrumb .breadcrumb-item.active {
  color: var(--color-text);
  font-size: 15px;
  font-weight: 500;
  opacity: 1;
}
.breadcrumb_main .breadcrumb .breadcrumb-item::before {
  content: "\EA52";
  font-family: remixicon !important;
  font-size: 20px;
  color: var(--color-text);
}
.breadcrumb_main .breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}
@media (min-width: 992px) {
  .breadcrumb_main.sticky-item {
    position: absolute;
    width: 100%;
    z-index: 99;
    left: 0 !important;
    right: 0;
  }
}
.breadcrumb_main.resize_height {
  padding: 10px 0;
}

.btn_default {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 125px;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-white) !important;
  -webkit-text-stroke: 0.2px var(--color-white);
  background-color: var(--bg-primary);
  border-radius: 10px;
  padding-inline: 15px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.btn_default span {
  margin-top: -3px;
}
.btn_default:hover {
  background-color: rgba(0, 104, 112, 0.9);
}

.item_text_icon .icon {
  border-radius: 10px;
  width: 45px;
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}
.item_text_icon .icon i {
  font-size: 24px;
}
.item_text_icon .icon i.color-pink {
  color: var(--color-pink);
}
.item_text_icon .icon i.color-purple {
  color: var(--color-purple);
}
.item_text_icon .icon.bg-pink {
  background-color: var(--bg-pink);
}
.item_text_icon .icon.bg-pink.bg-opacity-10 {
  background-color: rgba(237, 99, 210, 0.1);
}
.item_text_icon .icon.bg-purple {
  background-color: var(--bg-purple);
}
.item_text_icon .icon.bg-purple.bg-opacity-10 {
  background-color: rgba(117, 81, 233, 0.1);
}
.item_text_icon .txt h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 5px;
}
.item_text_icon .txt p {
  font-size: 14px;
  color: var(--color-text);
  margin: 0;
  -webkit-text-stroke: 0.2px var(--color-text);
}

.dividar {
  border-bottom: 2px solid var(--border-snow);
}

.cm_section_pp .body_pp {
  padding: 40px 0;
}
.cm_section_pp.sticky_top {
  margin-top: 50px;
}
@media (min-width: 992px) {
  .cm_section_pp.sticky_top {
    margin-top: 130px;
  }
}

.navTab_style {
  border: 2px solid var(--border-snow);
  background-color: rgba(249, 250, 252, 0.5);
  border-radius: 10px;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .navTab_style {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    flex-wrap: inherit;
    overflow-y: hidden;
  }
}
.navTab_style .nav-item .nav-link {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.3px var(--color-secondary);
  background-color: transparent;
  padding: 15px 10px;
  border-radius: 0;
  display: inline-flex;
  justify-content: center;
  margin-left: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .navTab_style .nav-item .nav-link {
    width: max-content;
  }
  .navTab_style .nav-item .nav-link::before {
    bottom: inherit;
    top: 0;
  }
}
.navTab_style .nav-item .nav-link::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: var(--bg-primary);
  bottom: -1px;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.navTab_style .nav-item .nav-link.active {
  color: var(--color-primary);
  -webkit-text-stroke: 0.3px var(--color-primary);
}
.navTab_style .nav-item .nav-link.active::before {
  opacity: 1;
}

.tabFull_head {
  background-color: rgba(249, 250, 252, 0.4);
  margin-top: -1px;
  border-bottom: 2px solid var(--border-snow);
  border-top: 2px solid var(--border-snow);
}
.tabFull_head .navTab_style {
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent !important;
}

.google_map.-border {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 10px;
}
.google_map .iframe_map {
  border-radius: 10px;
  height: 170px;
}

.inputUploda {
  position: relative;
}
.inputUploda .input_group {
  display: flex;
  align-items: center;
}
.inputUploda label {
  font-size: 14px;
  display: block;
  color: var(--color-text);
  margin-bottom: 8px;
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-text);
}
.inputUploda .form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 52px;
  outline: none;
  visibility: hidden;
  cursor: pointer;
}
.inputUploda .form-control-file::after {
  content: attr(data-title);
  position: absolute;
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text);
  font-weight: 400;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  top: -1px;
}
.inputUploda .form-control-file:before {
  content: "";
  position: absolute;
  width: 100%;
  min-height: 52px;
  opacity: 1;
  visibility: visible;
  border-radius: 10px;
  text-align: center;
  border: 2px dashed rgba(28, 45, 65, 0.15);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
  overflow: hidden;
}
.inputUploda .form-control-file:hover::before {
  border-color: var(--color-text);
}
.inputUploda i {
  position: absolute;
  color: var(--color-placeholder);
  font-size: 20px;
  left: 20px;
}

@media (max-width: 991px) {
  .txt_grid {
    margin-bottom: 15px;
  }
}
.txt_grid h3 {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 500;
}
.txt_grid p, .txt_grid a {
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--color-secondary);
  font-size: 16px;
  text-decoration: none !important;
}
.txt_grid.--image {
  display: flex;
  align-items: center;
}
.txt_grid.--image .coev_img {
  margin-left: 20px;
}
.txt_grid.--image .coev_img img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.txt_grid.--image h3 {
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--color-secondary);
  font-size: 16px;
}
.txt_grid.--image p {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 500;
  margin: 0;
}
.txt_grid .svg-text path {
  fill: var(--color-text);
  stroke: var(--color-text);
}

.btn-default {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 125px;
  height: 45px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  padding-inline: 15px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.btn-default span {
  margin-top: -3px;
}
.btn-default.--md {
  min-width: 100px;
  height: 40px;
}
.btn-default.--more {
  border: 2px dashed var(--color-primary);
  background-color: rgba(0, 104, 112, 0.05);
  color: var(--color-primary);
}
.btn-default.outline {
  border: 2px solid var(--border-snow);
  background-color: transparent;
}

.action_procces .btn {
  margin-right: 15px;
}
@media (max-width: 991px) {
  .action_procces .btn {
    margin-right: 0;
    margin-left: 3px;
  }
}
.action_procces .btn_customeDate {
  width: 100px;
}
.action_procces .btn_customeDate::placeholder {
  font-weight: 600;
  color: var(--color-text);
  font-size: 14px;
}

.effect-slide {
  position: relative;
  overflow: hidden;
}
.effect-slide::after {
  content: "";
  top: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  -webkit-animation: slide 1.5s infinite;
  animation: slide 1.5s infinite;
  background: linear-gradient(135deg, transparent 44%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.1) 66%, transparent 69%);
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-moz-keyframes slide {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.drop-more {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 104, 112, 0);
}
.drop-more i {
  color: var(--color-primary);
  font-size: 18px;
}
.drop-more::after {
  display: none;
}
.drop-more:hover {
  background-color: rgba(0, 104, 112, 0.1);
}

.dropdown.--style .dropdown-menu {
  background-color: var(--bg-white);
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  padding: 12px 10px;
  -webkit-box-shadow: 0px 35px 50px -30px rgba(28, 45, 65, 0.2);
  -moz-box-shadow: 0px 35px 50px -30px rgba(28, 45, 65, 0.2);
  -o-box-shadow: 0px 35px 50px -30px rgba(28, 45, 65, 0.2);
  -ms-box-shadow: 0px 35px 50px -30px rgba(28, 45, 65, 0.2);
  box-shadow: 0px 35px 50px -30px rgba(28, 45, 65, 0.2);
}
.dropdown.--style .dropdown-menu .dropdown-item {
  border-radius: 10px;
  color: var(--color-secondary);
  font-weight: 500;
  padding: 10px 18px;
  font-size: 15px;
  margin-bottom: 5px;
  height: 38px;
  display: flex;
  align-items: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.dropdown.--style .dropdown-menu .dropdown-item span {
  margin-top: -3px;
  display: block;
  -webkit-text-stroke: 0.2px var(--color-secondary);
}
.dropdown.--style .dropdown-menu .dropdown-item i {
  margin-left: 10px;
  font-size: 18px;
}
.dropdown.--style .dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-snow);
}
.dropdown.--style .dropdown-menu .dropdown-item.active {
  background-color: var(--bg-primary);
  color: var(--color-white);
  -webkit-text-stroke: 0.2px var(--color-white);
}
.dropdown.--style .dropdown-menu .dropdown-item.--remove {
  color: var(--color-red);
}
.dropdown.--style .dropdown-menu .dropdown-item.--remove span {
  color: var(--color-red);
  -webkit-text-stroke: 0.2px var(--color-red);
}
.dropdown.--style .dropdown-menu .dropdown-item__upload {
  position: relative;
  overflow: hidden;
}
.dropdown.--style .dropdown-menu .dropdown-item__upload input {
  font-size: 25px;
  position: absolute;
  opacity: 0;
}

.itemFile_download {
  text-align: right;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  width: 100%;
  padding: 0;
  cursor: auto;
  background-color: var(--bg-white);
}
.itemFile_download .media {
  padding: 12px 20px;
}
@media (max-width: 767px) {
  .itemFile_download .media {
    display: block;
  }
}
.itemFile_download .media .ico {
  margin-left: 15px;
}
.itemFile_download .media .ico i {
  font-size: 24px;
}
.itemFile_download .media .ico i.color-purple {
  color: var(--color-purple);
}
.itemFile_download .media .txt h3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 1px;
}
.itemFile_download .media .txt .info_file span {
  display: inline-block;
  font-size: 12px;
  -webkit-text-stroke: 0.2px var(--color-text);
  color: var(--color-text);
  margin-left: 8px;
}
.itemFile_download .media .txt .info_file span::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--color-placeholder);
  border-radius: 50px;
  margin-left: 8px;
}
.itemFile_download .media .txt .info_file span:first-child::before {
  display: none;
}
.itemFile_download .user_uploaded {
  border-top: 2px solid var(--border-snow);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--bg-snow);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
}
.itemFile_download .user_uploaded span {
  display: inline-block;
  font-size: 12px;
  -webkit-text-stroke: 0.2px var(--color-text);
  color: var(--color-text);
  margin-left: 8px;
}
.itemFile_download .ico_upload {
  position: absolute;
  font-size: 18px;
  color: var(--color-placeholder);
  left: 20px;
  top: 15px;
  width: 32px;
  height: 32px;
  background-color: var(--bg-primary);
  border-radius: 8px;
  color: var(--color-white);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.itemFile_download .ico_upload_view {
  position: absolute;
  font-size: 18px;
  color: var(--color-placeholder);
  left: 15px;
  top: 12px;
}
.itemFile_download.afterUpload {
  pointer-events: none;
  display: flex;
  align-items: center;
}
.itemFile_download.afterUpload .media {
  opacity: .5;
}
.itemFile_download.afterUpload .number_upload {
  position: absolute;
  font-size: 14px;
  color: var(--color-green);
  font-weight: 600;
  left: 50px;
}
.itemFile_download.afterUpload .progress {
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--border-snow);
}
.itemFile_download.afterUpload .progress .progress-bar {
  background-color: var(--bg-green);
}
.itemFile_download.afterUpload .ico_upload {
  color: var(--color-green);
  -webkit-animation: flash-simple 2s Infinite both;
  -moz-animation: flash-simple 2s Infinite both;
  -o-animation: flash-simple 2s Infinite both;
  -ms-animation: flash-simple 2s Infinite both;
  animation: flash-simple 2s Infinite both;
}
.itemFile_download.edit-title .title-file input {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 1px;
  border: 0;
  height: 29px;
  background-color: var(--bg-white);
}
.itemFile_download .btn_remove {
  background-color: rgba(235, 52, 80, 0.1);
  color: var(--color-red);
  border-radius: 8px;
  width: 32px;
  height: 32px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.itemFile_download .btn_remove i {
  font-size: 16px;
}
.itemFile_download .btn_remove:hover {
  background-color: rgba(235, 52, 80, 0.15);
}

.insides_images img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  object-fit: cover;
  -webkit-box-shadow: 0px 0px 0px 3px var(--border-white);
  -moz-box-shadow: 0px 0px 0px 3px var(--border-white);
  -o-box-shadow: 0px 0px 0px 3px var(--border-white);
  -ms-box-shadow: 0px 0px 0px 3px var(--border-white);
  box-shadow: 0px 0px 0px 3px var(--border-white);
  margin-right: -12px;
}
.insides_images img:first-child {
  margin-right: 0;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
}

.simplebar-track {
  background-color: rgba(28, 45, 65, 0.1);
  left: 0;
  right: inherit;
}
.simplebar-track.simplebar-vertical {
  width: 5px;
  border-radius: 10px;
}
.simplebar-track .simplebar-scrollbar {
  background: rgba(28, 45, 65, 0.4);
  border-radius: 10px;
}
.simplebar-track .simplebar-scrollbar::before {
  display: none;
}

.simplebar-content-wrapper {
  overflow: auto;
}

@-webkit-keyframes flash-simple {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes flash-simple {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash-simple {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
.box_borderinline {
  border: 2px solid var(--border-snow);
  padding: 20px 30px;
  border-radius: 15px;
}

.box_more_txt .btnmore {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary);
}
.box_more_txt .hide_content {
  display: inline;
}

.list_meeting {
  list-style: style;
}
.list_meeting li {
  padding: 10px 15px;
  border: 2px solid transparent;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.list_meeting li:hover {
  border-color: var(--border-snow);
}
.list_meeting .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list_meeting .item .txt {
  font-weight: 500;
  font-size: 16px;
  display: block;
  padding-left: 10px;
}
.list_meeting .item .actions {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  column-gap: 10px;
}

.item_news .txt_status {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  height: 26px;
  margin-bottom: 5px;
}
.item_news .txt_status span {
  margin-top: -1px;
  display: block;
}
.item_news .footer_txt p {
  border-bottom: 1px solid var(--border-snow);
  padding: 10px 10px;
  margin: 0 -10px !important;
}

.notification_section .item_list {
  text-decoration: none !important;
  border-bottom: 2px solid var(--border-snow);
  display: block;
  padding: 25px 0px;
}
.notification_section .item_list:first-child {
  padding-top: 0;
}
.notification_section .item_list .icon {
  margin-left: 15px;
}
.notification_section .item_list .txt p {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 2px;
  color: var(--color-secondary);
}
.notification_section .item_list .txt .date {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text);
}
.notification_section .block_checks {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 25px;
}

.invoicePage {
  background-color: var(--bg-white);
  border-radius: 10px;
  padding: 50px;
}
@media (max-width: 767px) {
  .invoicePage {
    padding: 20px;
  }
}
.invoicePage .header_invoice {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .invoicePage .header_invoice {
    display: block;
  }
}
@media (max-width: 767px) {
  .invoicePage .header_invoice .logo_ahya {
    margin-bottom: 10px;
  }
}
.invoicePage .header_invoice .logo_ahya img {
  height: 55px;
}
.invoicePage .header_invoice .title h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
}
.invoicePage .body_invoice .info_customer .info_user {
  position: relative;
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  padding: 20px 25px;
  margin-bottom: 40px;
  padding-top: 30px;
}
.invoicePage .body_invoice .info_customer .info_user .sub_title {
  position: absolute;
  top: -16px;
  background-color: var(--bg-white);
  padding: 0 15px;
  right: 13px;
}
.invoicePage .body_invoice .info_customer .info_user .sub_title h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
}
.invoicePage .body_invoice .info_customer .info_user .data_user p {
  color: var(--color-secondary);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.invoicePage .body_invoice .info_customer .info_user .data_user p span {
  color: var(--color-text);
}
.invoicePage .body_invoice .info_customer .qr_code {
  padding-bottom: 40px;
}
.invoicePage .body_invoice .info_customer .qr_code img {
  width: 150px;
  height: 100%;
  object-fit: contain;
  border: 1px solid var(--border-snow);
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 767px) {
  .invoicePage .body_invoice .info_customer .qr_code img {
    width: 100%;
    height: 180px;
  }
}
@media (max-width: 991px) {
  .invoicePage .body_invoice .location_data .data_user {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .invoicePage .body_invoice .location_data .map_location {
    margin: 20px 0;
  }
}
.invoicePage .body_invoice .location_data .map_location .google_map {
  width: 100%;
  height: 150px;
}
.invoicePage .body_invoice .location_data .gr_code {
  display: grid;
  justify-content: center;
}
.invoicePage .body_invoice .location_data .gr_code img {
  display: block;
  width: 130px;
  height: 130px;
  padding: 5px;
}
.invoicePage .body_invoice .location_data .gr_code span {
  display: block;
  font-size: 14px;
  color: var(--color-orange);
  font-weight: 500;
  text-align: center;
}
.invoicePage .body_invoice .table td,
.invoicePage .body_invoice .table th {
  border: 0;
}
.invoicePage .body_invoice .table td span,
.invoicePage .body_invoice .table th span {
  width: max-content;
  display: -webkit-box;
}
.invoicePage .footer_invoice {
  display: grid;
  justify-content: center;
  text-align: center;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .invoicePage .footer_invoice {
    padding-top: 0;
  }
}
.invoicePage .footer_invoice p {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text);
}
.invoicePage .footer_invoice a {
  color: var(--color-secondary);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.page_content_text p {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-text);
}

.cs_dataTableSection .form-group {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .cs_dataTableSection .form-group {
    margin-bottom: 15px;
  }
}
.cs_dataTableSection .buttons_filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 135px;
  height: 52px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-primary) !important;
  -webkit-text-stroke: 0.2px var(--color-primary);
  background-color: transparent;
  border-radius: 10px;
  border: 2px solid var(--border-primary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.cs_dataTableSection .buttons_filter span {
  margin-top: -3px;
}
.cs_dataTableSection .buttons_filter:hover {
  background-color: rgba(0, 104, 112, 0.05);
}
.cs_dataTableSection .table td, .cs_dataTableSection .table th {
  padding: 15px 20px;
  vertical-align: middle;
  border-top: 2px solid var(--border-snow);
}
.cs_dataTableSection .table tr:first-child td, .cs_dataTableSection .table tr:first-child th {
  border-top: 0;
}
.cs_dataTableSection .table thead th {
  border: 0;
  background-color: var(--bg-snow);
}
.cs_dataTableSection .table thead th span {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  -webkit-text-stroke: 0.2px var(--color-text);
}
@media (max-width: 991px) {
  .cs_dataTableSection .table thead th span {
    width: max-content;
    display: inline-block;
  }
}
.cs_dataTableSection .table thead th:first-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.cs_dataTableSection .table thead th:last-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.cs_dataTableSection .table tbody td span {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}
.cs_dataTableSection .table tbody td span.color-text {
  color: var(--color-text) !important;
}
@media (max-width: 991px) {
  .cs_dataTableSection .table tbody td span {
    width: max-content;
    display: inline-block;
  }
}
.cs_dataTableSection .table .status_txt {
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 18px;
  text-align: center;
  display: inline-block;
}
.cs_dataTableSection .table .status_txt.--green {
  border: 2px solid rgba(45, 202, 115, 0.2);
  color: var(--color-green);
  background-color: rgba(45, 202, 115, 0.1);
}
.cs_dataTableSection .table .status_txt.--red {
  border: 2px solid rgba(235, 52, 80, 0.2);
  color: var(--color-red);
  background-color: rgba(235, 52, 80, 0.1);
}
.cs_dataTableSection .table .status_txt.--snow {
  border: 2px solid var(--border-snow);
  color: var(--color-text);
  background-color: var(--bg-snow);
}
.cs_dataTableSection .table .itemCheck {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 2px solid var(--border-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.cs_dataTableSection .table .itemCheck i {
  font-size: 14px;
  color: var(--color-white);
  font-weight: 600;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.cs_dataTableSection .table .itemCheck.added {
  background-color: var(--bg-primary);
  border-color: var(--border-primary);
}
.cs_dataTableSection .table .itemCheck.added i {
  opacity: 1;
}
.cs_dataTableSection .table .itemCheck.added ~ .title_task {
  color: var(--color-text);
}
.cs_dataTableSection .table .title_task {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.cs_dataTableSection .table .buttons_action .btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.cs_dataTableSection .dataTables_info {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  -webkit-text-stroke: 0.2px var(--color-text);
  padding-top: 0 !important;
}
.cs_dataTableSection .dataTables_paginate .paginate_button {
  min-width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.cs_dataTableSection .dataTables_paginate .paginate_button .page-link {
  box-shadow: none !important;
  outline: 0 !important;
  background-color: transparent;
  border: 0;
  color: var(--color-text);
  font-weight: 600;
  font-size: 15px;
  margin-top: -3px;
}
.cs_dataTableSection .dataTables_paginate .paginate_button.active {
  background-color: rgba(0, 104, 112, 0.1);
}
.cs_dataTableSection .dataTables_paginate .paginate_button.active .page-link {
  color: var(--color-primary);
}
.cs_dataTableSection .dataTables_paginate .paginate_button.previous, .cs_dataTableSection .dataTables_paginate .paginate_button.next {
  display: none;
}
.cs_dataTableSection .dataTables_length,
.cs_dataTableSection .dataTables_filter {
  display: none;
}
.cs_dataTableSection .filters_cs {
  padding: 40px 0;
}
.cs_dataTableSection .dataTables_wrapper div.row:last-of-type {
  background-color: var(--bg-snow);
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 6px 10px;
}
@media (max-width: 991px) {
  .cs_dataTableSection .dataTables_wrapper div.row:last-of-type {
    background-color: transparent;
    display: block;
  }
}
.cs_dataTableSection .dataTables_wrapper div.row:last-of-type div:last-child {
  padding-left: 0;
}
@media (max-width: 991px) {
  .cs_dataTableSection .dataTables_wrapper div.row:last-of-type div:last-child {
    margin-top: 10px;
  }
}

.table-striped.--simple tr:nth-of-type(odd) {
  background-color: var(--bg-snow);
}
.table-striped.--simple tr td:first-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.table-striped.--simple tr td:last-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table-striped.--simple td {
  border: 0;
}
.table-striped.--simple td span {
  font-size: 16px;
  font-weight: 600;
  columns: var(--color-secondary);
  margin-top: -3px;
}
@media (max-width: 767px) {
  .table-striped.--simple td span {
    width: max-content;
    display: inline-block;
  }
}
.table-striped.--simple td:first-child span {
  color: var(--color-text);
}
.table-striped.--simple td, .table-striped.--simple th {
  padding: 12px 20px;
  vertical-align: middle;
}
.table-striped.--simple tr:first-child td, .table-striped.--simple tr:first-child th {
  border-top: 0;
}
.table-striped.--simple thead th {
  border: 0;
  background-color: var(--bg-snow);
}
.table-striped.--simple thead th span {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  -webkit-text-stroke: 0.2px var(--color-text);
}
@media (max-width: 991px) {
  .table-striped.--simple thead th span {
    width: max-content;
    display: inline-block;
  }
}
.table-striped.--simple thead th:first-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.table-striped.--simple thead th:last-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table-striped.--simple tbody td span {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}
.table-striped.--simple tbody td span.color-text {
  color: var(--color-text) !important;
}
@media (max-width: 991px) {
  .table-striped.--simple tbody td span {
    width: max-content;
    display: inline-block;
  }
}
.table-striped.--simple .status_txt {
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 18px;
  text-align: center;
  display: inline-block;
}
.table-striped.--simple .status_txt.--green {
  border: 2px solid rgba(45, 202, 115, 0.2);
  color: var(--color-green);
  background-color: rgba(45, 202, 115, 0.1);
}
.table-striped.--simple .status_txt.--red {
  border: 2px solid rgba(235, 52, 80, 0.2);
  color: var(--color-red);
  background-color: rgba(235, 52, 80, 0.1);
}
.table-striped.--simple .status_txt.--snow {
  border: 2px solid var(--border-snow);
  color: var(--color-text);
  background-color: var(--bg-snow);
}
.table-striped.--simple .itemCheck {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 2px solid var(--border-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.table-striped.--simple .itemCheck i {
  font-size: 14px;
  color: var(--color-white);
  font-weight: 600;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.table-striped.--simple .itemCheck.added {
  background-color: var(--bg-primary);
  border-color: var(--border-primary);
}
.table-striped.--simple .itemCheck.added i {
  opacity: 1;
}
.table-striped.--simple .itemCheck.added ~ .title_task {
  color: var(--color-text);
}
.table-striped.--simple .title_task {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.table-striped.--simple .buttons_action .btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.table-striped.none-border thead tr {
  background-color: transparent !important;
}
.table-striped.none-border thead tr th {
  background-color: transparent;
}
.table-striped.none-border th, .table-striped.none-border td {
  border: 0;
}

.table.lined td, .table.lined th {
  padding: 15px 20px;
  vertical-align: middle;
  border-top: 2px solid var(--border-snow);
}
.table.lined tr:first-child td, .table.lined tr:first-child th {
  border-top: 0;
}
.table.lined thead th {
  border-color: var(--border-snow);
}
.table.lined thead th span {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  -webkit-text-stroke: 0.2px var(--color-text);
}
@media (max-width: 991px) {
  .table.lined thead th span {
    width: max-content;
    display: inline-block;
  }
}
.table.lined thead th:first-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.table.lined thead th:last-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table.lined tbody td span {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}
.table.lined tbody td span.color-text {
  color: var(--color-text) !important;
}
@media (max-width: 991px) {
  .table.lined tbody td span {
    width: max-content;
    display: inline-block;
  }
}
.table.lined .status_txt {
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 18px;
  text-align: center;
  display: inline-block;
}
.table.lined .status_txt.--green {
  border: 2px solid rgba(45, 202, 115, 0.2);
  color: var(--color-green);
  background-color: rgba(45, 202, 115, 0.1);
}
.table.lined .status_txt.--red {
  border: 2px solid rgba(235, 52, 80, 0.2);
  color: var(--color-red);
  background-color: rgba(235, 52, 80, 0.1);
}
.table.lined .status_txt.--snow {
  border: 2px solid var(--border-snow);
  color: var(--color-text);
  background-color: var(--bg-snow);
}
.table.lined .itemCheck {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 2px solid var(--border-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.table.lined .itemCheck i {
  font-size: 14px;
  color: var(--color-white);
  font-weight: 600;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.table.lined .itemCheck.added {
  background-color: var(--bg-primary);
  border-color: var(--border-primary);
}
.table.lined .itemCheck.added i {
  opacity: 1;
}
.table.lined .itemCheck.added ~ .title_task {
  color: var(--color-text);
}
.table.lined .title_task {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.table.lined .buttons_action .btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.cm_tableDetails {
  border-radius: 15px;
  border: 2px solid var(--border-snow);
}
.cm_tableDetails thead tr th {
  padding: 22px 20px !important;
  text-align: center;
  border-bottom: 2px solid var(--border-snow) !important;
}
.cm_tableDetails thead tr th:first-child {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 0 !important;
}
.cm_tableDetails thead tr th:last-child {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 0 !important;
}
.cm_tableDetails tbody tr {
  margin: 0 5px;
}
.cm_tableDetails tbody tr td {
  text-align: center;
  padding: 20px 20px !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--border-snow) !important;
}
.cm_tableDetails tbody tr:last-child td {
  border: 0 !important;
}

.status_txt {
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 12px;
  text-align: center;
  display: inline-block;
}
.status_txt.--green {
  border: 2px solid rgba(45, 202, 115, 0.2);
  color: var(--color-green);
  background-color: rgba(45, 202, 115, 0.1);
}
.status_txt.--red {
  border: 2px solid rgba(235, 52, 80, 0.2);
  color: var(--color-red);
  background-color: rgba(235, 52, 80, 0.1);
}
.status_txt.--orange {
  border: 2px solid rgba(255, 125, 81, 0.2);
  color: var(--color-orange);
  background-color: rgba(255, 125, 81, 0.1);
}

.bg-skype {
  background-color: #0078d7;
}

.tagify {
  --tags-disabled-bg:#F1F1F1;
  --tags-border-color:#DDD;
  --tags-hover-border-color:var(--border-snow);
  --tags-focus-border-color:var(--color-text);
  --tag-bg:var(--bg-snow);
  --tag-hover:var(--border-snow);
  --tag-text-color:var(--color-secondary);
  --tag-text-color--edit:var(---color-primary);
  --tag-pad:0.3em 0.5em;
  --tag-inset-shadow-size:1.5em;
  --tag-invalid-color:#F695A3;
  --tag-invalid-bg:#F695A3;
  --tag-remove-bg:#F695A3;
  --tag-remove-btn-color:var(--bg-secondary);
  --tag-remove-btn-bg:none;
  --tag-remove-btn-bg--hover:var(--bg-red);
  --input-color:inherit;
  --tag--min-width:1ch;
  --tag--max-width:auto;
  --tag-hide-transition:0.3s;
  --placeholder-color:var(--color-placeholder);
  --placeholder-color-focus:var(--color-placeholder);
  --loader-size:.8em;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 2px solid var(--border-snow);
  padding: 0;
  line-height: normal;
  cursor: text;
  outline: 0;
  position: relative;
  box-sizing: border-box;
  transition: .1s;
  min-height: 52px;
  border-radius: 10px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
}

.tagify__tag {
  margin: 8px 2px;
}
.tagify__tag > div {
  border-radius: 8px;
  padding: 3px 7px;
}
.tagify__tag > * {
  margin-top: -2px;
}

.tagify__input {
  padding: 0;
  padding-top: 10px;
}

.tagify__tag__removeBtn {
  margin-left: 6px;
  padding-top: 3px;
}

.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  outline: 0 !important;
  -webkit-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
}

.tagify__dropdown[position=text] {
  box-shadow: none !important;
  font-weight: 500;
}

.tagify__dropdown__wrapper {
  border: 0;
  padding: 10px 20px;
  background: var(--bg-white);
}
.tagify__dropdown__wrapper .tagify__dropdown__item {
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  padding: 10px 10px;
}
.tagify__dropdown__wrapper .tagify__dropdown__item:hover {
  background-color: var(--bg-snow);
}
.tagify__dropdown__wrapper .tagify__dropdown__item.tagify__dropdown__item--active {
  background: var(--bg-snow);
  color: var(--color-secondary);
}

.datepicker {
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  direction: ltr;
  border: 2px solid var(--border-snow);
  background-color: var(--bg-white);
  -webkit-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
}
.datepicker.datepicker-orient-top {
  z-index: 999 !important;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}
@media (max-width: 767px) {
  .datepicker-rtl.dropdown-menu {
    right: auto !important;
    width: 100%;
  }
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  display: none;
}

.datepicker-dropdown:after {
  display: none;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  .datepicker table {
    width: 100%;
  }
}

.datepicker th {
  color: var(--color-text);
  font-weight: 600 !important;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: var(--bg-snow);
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: var(--color-text);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: var(--color-text);
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: transparent;
  -webkit-box-shadow: inset 0px 0px 0px 1px var(--border-primary);
  -moz-box-shadow: inset 0px 0px 0px 1px var(--border-primary);
  -o-box-shadow: inset 0px 0px 0px 1px var(--border-primary);
  -ms-box-shadow: inset 0px 0px 0px 1px var(--border-primary);
  box-shadow: inset 0px 0px 0px 1px var(--border-primary);
  background-image: none !important;
  color: var(--color-secondary);
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: transparent;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td.today:hover:hover {
  color: var(--color-secondary);
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: var(--bg-primary);
  color: var(--color-white);
  text-shadow: none;
  background-image: none;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: var(--bg-primary);
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: var(--bg-primary);
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.35s all;
  -moz-transition: 0.35s all;
  -o-transition: 0.35s all;
  -ms-transition: 0.35s all;
  transition: 0.35s all;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: var(--bg-primary);
  color: var(--color-white);
  text-shadow: none;
  background-image: none;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: var(--bg-primary);
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: var(--bg-primary);
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 170px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: var(--bg-snow);
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.ui-timepicker::-webkit-scrollbar,
.ui-timepicker-viewport::-webkit-scrollbar {
  width: 5px;
  border-radius: 20px;
}
.ui-timepicker::-webkit-scrollbar-thumb,
.ui-timepicker-viewport::-webkit-scrollbar-thumb {
  background-color: var(--border-snow);
}

.ui-timepicker-standard {
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  padding: 0 6px;
  z-index: 90 !important;
}

.ui-timepicker-standard a {
  border: 0 !important;
  font-size: 16px;
}
.ui-timepicker-standard a:hover, .ui-timepicker-standard a:focus {
  background-color: var(--bg-snow);
  border-radius: 5px;
}
.ui-timepicker-standard a.ui-state-hover {
  background-color: var(--bg-snow);
}

.wickedpicker {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  width: 230px;
  min-height: 150px;
  z-index: 99999;
  background-color: var(--bg-white);
  -webkit-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
}
.wickedpicker .wickedpicker__title {
  display: none;
}
.wickedpicker .wickedpicker__controls__control {
  margin-inline: 10px;
}
.wickedpicker .wickedpicker__controls__control-up {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
  padding: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.wickedpicker .wickedpicker__controls__control-up::before {
  content: "\EA56";
  background-image: none;
  font-family: remixicon !important;
  font-size: 22px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.wickedpicker .wickedpicker__controls__control-up:hover {
  background-color: var(--bg-secondary);
}
.wickedpicker .wickedpicker__controls__control-up:hover::before {
  color: var(--color-white);
}
.wickedpicker .wickedpicker__controls__control-down {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-snow);
  padding: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.wickedpicker .wickedpicker__controls__control-down::before {
  content: "\EA50";
  background-image: none;
  font-family: remixicon !important;
  font-size: 22px;
  color: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.wickedpicker .wickedpicker__controls__control-down::after {
  display: none;
}
.wickedpicker .wickedpicker__controls__control-down:hover {
  background-color: var(--bg-secondary);
}
.wickedpicker .wickedpicker__controls__control-down:hover::before {
  color: var(--color-white);
}
.wickedpicker .wickedpicker__controls__control--hours,
.wickedpicker .wickedpicker__controls__control--minutes,
.wickedpicker .wickedpicker__controls__control--meridiem,
.wickedpicker .wickedpicker__controls__control--separator-inner {
  color: var(--color-secondary);
  font-weight: 600;
  font-size: 16px;
}

.form_mobile .form-control {
  width: 100%;
  direction: ltr;
  padding-left: 120px !important;
}
.form_mobile .iti--allow-dropdown {
  width: 100%;
}
.form_mobile .iti__selected-flag {
  outline: 0 !important;
}
.form_mobile .iti__country-list {
  border-radius: 8px;
  border: 0;
  background-color: var(--bg-white);
  left: 0;
  padding: 0 10px;
  border: 2px solid var(--border-snow);
  -webkit-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05);
  -moz-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05);
  -o-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05);
  -ms-box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05);
  box-shadow: 0px 10px 50px 0px rgba(27, 38, 44, 0.05);
}
.form_mobile .iti__country-list::-webkit-scrollbar {
  width: 5px;
}
.form_mobile .iti__country-list::-webkit-scrollbar-track {
  border-radius: 10px;
}
.form_mobile .iti__country-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--bg-secondary);
}
.form_mobile .iti__country {
  direction: ltr;
}
.form_mobile .iti__country.iti__highlight {
  background-color: var(--bg-snow);
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.form_mobile .iti__country {
  padding: 8px 20px;
}
.form_mobile .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.form_mobile .input_group .verified {
  position: absolute;
  z-index: 1;
  right: 10px;
  display: flex;
  align-items: center;
}
.form_mobile .input_group .verified span {
  color: var(--color-green);
}
.form_mobile .input_group .verified .btn_verify {
  color: var(--color-primary);
  padding: 0;
  margin-right: 10px;
  font-size: 15px;
}
.form_mobile .iti__selected-flag {
  padding: 0 35px 0 16px;
  direction: ltr;
}
.form_mobile .iti__selected-flag .iti__selected-dial-code {
  font-size: 13px;
  margin-top: -3px;
  font-weight: 600;
  color: var(--color-text);
}
.form_mobile .iti__arrow {
  border: 0;
  position: absolute;
  right: 26px;
  top: 10px;
}
.form_mobile .iti__arrow::before {
  content: "\EA50";
  font-family: remixicon !important;
  font-size: 20px;
  color: var(--color-text);
}

.cm_projects .item_pro {
  border-radius: 15px;
  border: 2px solid var(--border-snow);
  padding: 25px 20px;
  text-decoration: none !important;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.cm_projects .item_pro .cover_ptofile {
  margin-left: 20px;
}
.cm_projects .item_pro .cover_ptofile img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.cm_projects .item_pro .txt h2 {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-bottom: 8px;
}
.cm_projects .item_pro .txt p {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 500;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100vw - 85vw);
}
@media (max-width: 991px) {
  .cm_projects .item_pro .txt p {
    width: calc(100vw - 78vw);
  }
}
@media (max-width: 767px) {
  .cm_projects .item_pro .txt p {
    width: calc(100vw - 45vw);
  }
}
.cm_projects .item_pro .txt .users_pro {
  margin-top: 15px;
}
.cm_projects .item_pro .txt .users_pro img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 3px var(--border-white);
  -moz-box-shadow: 0px 0px 0px 3px var(--border-white);
  -o-box-shadow: 0px 0px 0px 3px var(--border-white);
  -ms-box-shadow: 0px 0px 0px 3px var(--border-white);
  box-shadow: 0px 0px 0px 3px var(--border-white);
  object-fit: cover;
  margin-right: -15px;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.cm_projects .item_pro .txt .users_pro img:first-child {
  margin-right: 0;
}
.cm_projects .item_pro:hover {
  -webkit-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
}
.cm_projects .item_pro:hover .users_pro img {
  margin-left: 10px;
}

.cm_planning .item_pll {
  border-radius: 15px;
  border: 2px solid var(--border-snow);
  padding: 30px;
  text-decoration: none !important;
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.cm_planning .item_pll .cover_img {
  margin-bottom: 12px;
}
.cm_planning .item_pll .cover_img img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.cm_planning .item_pll .title {
  padding-bottom: 20px;
}
.cm_planning .item_pll .title h2 {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-secondary);
  font-weight: 600;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 25px;
}
.cm_planning .item_pll .title P {
  margin: 0;
  font-size: 12px;
  -webkit-text-stroke: 0.2px var(--color-text);
  color: var(--color-text);
  margin-top: -3px;
}
.cm_planning .item_pll .date {
  border-top: 1px solid var(--border-snow);
  border-bottom: 1px solid var(--border-snow);
  padding: 15px 0;
}
.cm_planning .item_pll .date .txt_grid {
  text-align: right;
}
.cm_planning .item_pll .date .txt_grid h3 {
  font-size: 14px;
}
.cm_planning .item_pll .date .txt_grid p {
  font-size: 15px;
  margin: 0;
}
.cm_planning .item_pll .re_progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.cm_planning .item_pll .re_progress .progress {
  width: 100px;
  height: 6px;
  border-radius: 50px;
  background-color: var(--border-snow);
}
.cm_planning .item_pll .re_progress .progress .progress-bar {
  background-color: var(--bg-green);
  border-radius: 50px;
}
.cm_planning .item_pll .re_progress .txt {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
}
.cm_planning .item_pll .re_progress .txt span {
  color: var(--color-green);
}
.cm_planning .item_pll:hover {
  -webkit-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 40px 70px -50px rgba(28, 45, 65, 0.25);
}
.cm_planning .item_pll .prog_circle {
  position: absolute;
  height: 0;
  top: 20px;
  left: 20px;
  pointer-events: none;
}
.cm_planning .item_pll .prog_circle .circleFull {
  font-family: "SSTArabic", arial !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  margin-top: 14px !important;
  margin-right: -39px;
}

@media (max-width: 767px) {
  .repeaterMobile {
    background-color: var(--bg-snow);
    padding-block: 15px;
    border-top: 2px solid var(--border-snow);
    border-bottom: 2px solid var(--border-snow);
  }
}

.repeater_addPlanning .form-group {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .repeater_addPlanning .form-group {
    margin-bottom: 20px;
  }
}
.repeater_addPlanning .group_items .data_item {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .repeater_addPlanning .group_items .data_item {
    margin-bottom: 0;
  }
}
.repeater_addPlanning .group_items .data_item:first-child .btn_remove {
  background-color: rgba(28, 45, 65, 0.05);
  color: var(--color-text);
  pointer-events: none;
}
@media (max-width: 991px) {
  .repeater_addPlanning .item_remove {
    margin-bottom: 20px;
  }
}
.repeater_addPlanning .btn_remove {
  width: 35px;
  height: 35px;
  background-color: rgba(235, 52, 80, 0.1);
  color: var(--color-red);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}
.repeater_addPlanning .btn_remove:hover {
  background-color: rgba(235, 52, 80, 0.15);
}
.repeater_addPlanning .inner-repeater .lesson_item .btn_remove_inner {
  width: 35px;
  height: 35px;
  background-color: rgba(235, 52, 80, 0.1);
  color: var(--color-red);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
}
.repeater_addPlanning .inner-repeater .lesson_item .btn_remove_inner:hover {
  background-color: rgba(235, 52, 80, 0.15);
}
.repeater_addPlanning .inner-repeater .lesson_item:first-child .btn_remove_inner {
  background-color: rgba(28, 45, 65, 0.05);
  color: var(--color-text);
  pointer-events: none;
}

.blok__tasks {
  padding: 40px 0;
}
.blok__tasks .progress__results .item_task .prog_circle {
  height: 0;
  position: relative;
}
.blok__tasks .progress__results .item_task .prog_circle .circleFull {
  font-family: "SSTArabic", arial !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  margin-top: 14px !important;
  margin-right: -39px;
}
.blok__tasks .progress__results .item_task .prog_circle .percent {
  position: absolute;
  right: 8px;
  font-size: 10px;
  font-weight: 600;
  top: 13px;
}
.blok__tasks .progress__results .item_task .txt {
  margin-right: 20px;
}
.blok__tasks .progress__results .item_task .txt h3 {
  font-weight: 600;
  color: var(--color-secondary);
  font-size: 16px;
  margin-bottom: 5px;
}
.blok__tasks .progress__results .item_task .txt p {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-text);
}

.table_numbers {
  border-radius: 15px;
  border: 2px solid var(--border-snow);
  position: relative;
  overflow: hidden;
}
.table_numbers .col {
  padding: 0;
}
.table_numbers .col:last-child .item_no {
  border: 0;
}
.table_numbers .item_no {
  position: relative;
  border-left: 2px solid var(--border-snow);
  padding: 10px 20px;
  text-align: center;
  height: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .table_numbers .item_no {
    border-left: 0;
    border-bottom: 2px solid var(--border-snow);
  }
}
.table_numbers .item_no .number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bg-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.table_numbers .item_no .number span {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text);
  margin-top: -3px;
}
.table_numbers .item_no .txt {
  display: flex;
  justify-content: center;
}
.table_numbers .item_no .txt span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
}
.table_numbers .item_no .txt.-goals h4 {
  margin-top: 35px;
  margin-bottom: 0;
}
.table_numbers .item_no .txt.-goals span {
  color: var(--color-red);
  margin-bottom: 10px;
  top: 10px;
}
.table_numbers .item_no .txt.-result h4 {
  margin-bottom: 35px;
}
.table_numbers .item_no .txt.-result span {
  color: var(--color-green);
  margin-bottom: 0;
  bottom: 10px;
}
.table_numbers .item_no h4 {
  color: var(--color-secondary);
  font-size: 14px;
  font-weight: 600;
}
.table_numbers .item_no:hover {
  background-color: var(--bg-snow);
}
.table_numbers .item_no:hover .number {
  background-color: var(--border-snow);
}
.table_numbers .item_no::before {
  content: "";
  width: 100%;
  height: 35px;
  background-color: rgba(235, 52, 80, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.table_numbers .item_no::after {
  content: "";
  width: 100%;
  height: 35px;
  background-color: rgba(45, 202, 115, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.block_infoTask .content_center {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .block_infoTask .content_center {
    display: block;
  }
}
.block_infoTask .content_center .status {
  margin-right: 40px;
}
@media (max-width: 767px) {
  .block_infoTask .content_center .status {
    margin-right: 0;
  }
}
.block_infoTask .content_center .arrow_txt {
  display: block;
  text-align: center;
  margin-right: 40px;
}
@media (max-width: 767px) {
  .block_infoTask .content_center .arrow_txt {
    margin-right: 0;
  }
}
.block_infoTask .content_center .arrow_txt i {
  font-size: 18px;
  color: var(--color-text);
}
@media (max-width: 767px) {
  .block_infoTask .content_center .arrow_txt i {
    transform: rotate(-95deg);
  }
}
.block_infoTask .content_center .arrow_txt span {
  font-size: 12px;
  display: block;
  color: var(--color-text);
  -webkit-text-stroke: 0.2px var(--color-text);
}

.blockSteps_items {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .blockSteps_items {
    display: block;
    border: 0;
  }
}
.blockSteps_items .contentSteps {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 991px) {
  .blockSteps_items .contentSteps {
    width: 100%;
    flex-wrap: wrap;
  }
}
.blockSteps_items .item {
  width: calc(100% / 4.5);
  position: relative;
  display: flex;
  align-items: center;
  padding: 25px;
}
@media (max-width: 991px) {
  .blockSteps_items .item {
    width: 100%;
  }
  .blockSteps_items .item::before {
    display: none;
  }
}
.blockSteps_items .item::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45' height='83' viewBox='0 0 45 83'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_598' data-name='Rectangle 598' width='45' height='83' transform='translate(652 288)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_5' data-name='Mask Group 5' transform='translate(-652 -288)' clip-path='url(%23clip-path)'%3E%3Cg id='Rectangle_596' data-name='Rectangle 596' transform='translate(652.29 329.137) rotate(-45)' fill='%23fff' stroke='%23eef0f5' stroke-width='1.5'%3E%3Crect width='160' height='160' rx='9' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='158.5' height='158.5' rx='8.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 47px;
  height: 100%;
  background-size: 100%;
  left: 0;
}
.blockSteps_items .item .media {
  position: relative;
}
.blockSteps_items .item .media .--no {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--bg-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.blockSteps_items .item .media .--no span {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-top: -3px;
}
.blockSteps_items .item .media .txt {
  margin-right: 12px;
}
.blockSteps_items .item .media .txt span {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}
.blockSteps_items .item .btn_info {
  position: absolute;
  left: 15px;
  color: var(--color-primary);
  font-size: 18px;
}
.blockSteps_items .item.finished .--no {
  background-color: rgba(255, 255, 255, 0.1);
}
.blockSteps_items .item.finished .--no span {
  color: var(--color-white);
}
.blockSteps_items .item.finished .txt span {
  color: var(--color-white);
}
.blockSteps_items .item.finished .btn_info i {
  color: var(--color-white);
}
.blockSteps_items .item.finished::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45' height='83' viewBox='0 0 45 83'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_598' data-name='Rectangle 598' width='45' height='83' transform='translate(652 288)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_5' data-name='Mask Group 5' transform='translate(-652 -288)' clip-path='url(%23clip-path)'%3E%3Cg id='Rectangle_596' data-name='Rectangle 596' transform='translate(652.29 329.137) rotate(-45)' fill='%232dca73' stroke='%232dca73' stroke-width='1.5'%3E%3Crect width='160' height='160' rx='9' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='158.5' height='158.5' rx='8.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.blockSteps_items .item.finished::after {
  content: "";
  background-color: var(--bg-green);
  height: 100%;
  width: 100%;
  position: absolute;
  right: -42px;
  z-index: -1;
}
@media (max-width: 991px) {
  .blockSteps_items .item.finished::after {
    right: 0;
  }
}
.blockSteps_items .item.active .--no {
  background-color: var(--border-snow);
}
.blockSteps_items .item.active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45' height='83' viewBox='0 0 45 83'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_598' data-name='Rectangle 598' width='45' height='83' transform='translate(652 288)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_5' data-name='Mask Group 5' transform='translate(-652 -288)' clip-path='url(%23clip-path)'%3E%3Cg id='Rectangle_596' data-name='Rectangle 596' transform='translate(652.29 329.137) rotate(-45)' fill='%23f9fafc' stroke='%23eef0f5' stroke-width='1.5'%3E%3Crect width='160' height='160' rx='9' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='158.5' height='158.5' rx='8.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.blockSteps_items .item.active::after {
  content: "";
  background-color: var(--bg-snow);
  height: 100%;
  width: 100%;
  position: absolute;
  right: -42px;
  z-index: -1;
}
@media (max-width: 991px) {
  .blockSteps_items .item.active::after {
    right: 0;
  }
}

.section_chatTask .body_taks .title_sub {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 20px;
}

.accordingLine .card {
  border-radius: 10px !important;
  border: 2px solid var(--border-snow) !important;
  margin-bottom: 12px;
  overflow: inherit;
  background-color: var(--bg-white);
}
.accordingLine .card .card-header {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-bottom: 0;
}
.accordingLine .card .card-header .btn-block {
  padding: 17px 20px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: 10px;
}
.accordingLine .card .card-header .btn-block span {
  font-size: 14px;
  color: var(--color-secondary);
  font-weight: 600;
  margin-top: -3px;
  display: block;
}
.accordingLine .card .card-header .btn-block i {
  position: absolute;
  font-size: 22px;
  color: var(--color-text);
  position: absolute;
  left: 15px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.accordingLine .card .card-header .btn-block[aria-expanded="true"] i {
  transform: rotate(180deg);
}
.accordingLine .card .card-body {
  background-color: transparent;
  border-radius: 10px;
  padding: 10px 0;
}
.accordingLine .card .card-body .list_users {
  list-style: none;
  padding: 0;
}
.accordingLine .card .card-body .list_users .item {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.accordingLine .card .card-body .list_users .item .cov_user {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 10px;
}
.accordingLine .card .card-body .list_users .item .txt h4 {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 4px;
}
.accordingLine .card .card-body .list_users .item .txt p {
  font-size: 12px;
  -webkit-text-stroke: 0.2px var(--color-text);
  color: var(--color-text);
  margin: 0;
}
.accordingLine .card .card-body .list_users .item:hover {
  background-color: var(--bg-snow);
}

.block_historyTimeline {
  border-radius: 10px;
  border: 2px solid rgba(255, 194, 18, 0.06);
  background-color: rgba(255, 194, 18, 0.05);
  padding: 20px 15px;
}
.block_historyTimeline .content {
  max-height: 250px;
  position: relative;
  padding-left: 5px;
}
.block_historyTimeline .content::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #F2EDE3;
  position: absolute;
  margin-top: 10px;
  right: 3.5px;
  height: 84%;
}
.block_historyTimeline .item_line {
  margin-bottom: 15px;
}
.block_historyTimeline .item_line .iconCircle {
  border-radius: 50%;
  display: block;
  width: 9px;
  height: 9px;
  margin-top: 8px;
  border: 3px solid #E3D0A2;
  margin-left: 8px;
  background-color: #FFFBF2;
  -webkit-box-shadow: 0px 0px 0px 2px #FFFBF2;
  -moz-box-shadow: 0px 0px 0px 2px #FFFBF2;
  -o-box-shadow: 0px 0px 0px 2px #FFFBF2;
  -ms-box-shadow: 0px 0px 0px 2px #FFFBF2;
  box-shadow: 0px 0px 0px 2px #FFFBF2;
}
.block_historyTimeline .item_line .txt h4 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
}
.block_historyTimeline .item_line .txt h4 span {
  color: var(--color-secondary);
}
.block_historyTimeline .item_line .txt p {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text);
  margin: 0;
  display: flex;
  align-items: center;
}
.block_historyTimeline .item_line .txt p span {
  margin-right: 5px;
}
.block_historyTimeline .item_line .txt p i {
  font-size: 14px;
}
.block_historyTimeline .simplebar-track {
  background-color: transparent;
}
.block_historyTimeline .simplebar-track .simplebar-scrollbar {
  background: #E2DAC7;
}

.block_Checkboxs .list_cchebo {
  list-style: none;
  margin-top: 20px;
  position: relative;
  max-height: 150px;
}
.block_Checkboxs .list_cchebo li {
  list-style: none;
  margin-bottom: 12px;
}

.co_comments {
  border-radius: 15px;
  border: 2px solid var(--border-snow);
  padding: 30px;
  height: calc(100vh - 50px);
  position: relative;
}
.co_comments .item_user {
  margin-bottom: 30px;
}
.co_comments .item_user .cover_pp {
  position: relative;
}
.co_comments .item_user .cover_pp img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}
.co_comments .item_user .cover_pp .icon_attach {
  position: absolute;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: var(--bg-green);
  border: 2px solid var(--border-white);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 30px;
  right: 20px;
}
.co_comments .item_user .cover_pp .icon_attach i {
  font-size: 13px;
  color: var(--color-white);
}
.co_comments .item_user .txt {
  margin-right: 15px;
}
.co_comments .item_user .txt .user_info {
  margin-bottom: 10px;
}
.co_comments .item_user .txt .user_info h2 {
  font-weight: 600;
  font-size: 15px;
  color: var(--color-secondary);
  margin-bottom: 4px;
}
.co_comments .item_user .txt .user_info h2 .tag_manage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 26px;
  background-color: rgba(28, 45, 65, 0.2);
  color: var(--color-white);
  border-radius: 6px;
  font-size: 13px;
  padding: 0 10px;
}
.co_comments .item_user .txt .user_info h2 .tag_manage span {
  display: block;
  margin-top: -5px;
}
.co_comments .item_user .txt .user_info p {
  font-size: 13px;
  color: var(--color-text);
  -webkit-text-stroke: 0.2px var(--color-text);
  margin-bottom: 0;
}
.co_comments .item_user .txt .text_cc {
  font-size: 15px;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
}
.co_comments .box_commtent {
  position: absolute;
  padding: 30px;
  width: 100%;
  bottom: 0;
  right: 0;
}
.co_comments .box_commtent .input_textarea {
  margin-bottom: 15px;
}
.co_comments .box_commtent .input_textarea textarea {
  background-color: var(--bg-snow);
}
.co_comments .box_commtent .footer_comment {
  display: flex;
  justify-content: space-between;
}

.co_invitation {
  border-radius: 15px;
  border: 2px solid var(--border-snow);
  padding: 30px;
  position: relative;
}
.co_invitation .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.co_invitation .title h2 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}
.co_invitation .bk_users .list_users {
  padding: 0;
  margin: 0;
  list-style: none;
}
.co_invitation .bk_users .list_users .item {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border: 2px solid transparent;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.co_invitation .bk_users .list_users .item span {
  font-size: 16px;
  margin-top: -5px;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
}
.co_invitation .bk_users .list_users .item:hover {
  border-color: var(--border-snow);
}

.cs_dataTableSection .txt_details_meeting {
  padding-inline: 20px;
}
.cs_dataTableSection .txt_details_meeting h3 {
  color: var(--color-text);
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 16px;
}
.cs_dataTableSection .txt_details_meeting p {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
}
.cs_dataTableSection.--answers {
  position: relative;
  background-color: var(--bg-snow);
  border-top: 2px solid var(--border-snow);
  border-bottom: 2px solid var(--border-snow);
  padding-block: 60px;
}
.cs_dataTableSection.--answers .arrow_bttom {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -85px;
  z-index: 20;
  right: 0;
  font-size: 20px;
  color: var(--color-secondary);
  background-color: var(--bg-white);
  border: 2px solid var(--border-snow);
}

.links-socialsWorks .link-works {
  position: relative;
  width: 100%;
  min-height: 45px;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  background-color: transparent;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  text-align: right;
  padding-right: 55px;
  padding-left: 30px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.links-socialsWorks .link-works span {
  margin-top: -5px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.links-socialsWorks .link-works .icon {
  position: absolute;
  right: 15px;
  object-fit: contain;
}
.links-socialsWorks .link-works .icon.zoom {
  width: 21px;
  height: 21px;
}
.links-socialsWorks .link-works .icon.teams {
  width: 30px;
  height: 20px;
}
.links-socialsWorks .link-works .input_link {
  width: 90%;
  border: 0;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  margin-top: -3px;
}
.links-socialsWorks .link-works .btn_copy {
  background-color: transparent;
  height: 100%;
  position: absolute;
  left: 0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary);
  min-width: 70px;
  display: flex;
  justify-content: center;
}
.links-socialsWorks .link-works .btn_copy span {
  margin-top: -3px;
}
.links-socialsWorks .link-works .btn_copy .txt-copied {
  position: absolute;
  top: -15px;
  font-size: 13px;
  color: var(--color-white);
  border-radius: 7px;
  background-color: rgba(28, 45, 65, 0.9);
  display: block;
  padding: 3px 7px;
  opacity: 0;
  font-weight: 500;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 29px;
  min-width: 65px;
  font-weight: 500;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.links-socialsWorks .link-works .btn_copy .txt-copied span {
  margin-top: -3px;
  display: block;
}
.links-socialsWorks .link-works .btn_copy.copied .txt-copied {
  opacity: 1;
  top: -25px;
  pointer-events: all;
}
.links-socialsWorks .link-works:hover {
  border-color: var(--border-primary);
}
.links-socialsWorks .group-link {
  display: flex;
  align-items: center;
}

.btn-upload-attach {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 125px;
  height: 45px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  padding-inline: 15px;
  position: relative;
  overflow: hidden;
  background-color: transparent;
  color: var(--color-primary);
  border: 2px dashed rgba(0, 104, 112, 0.3);
  -webkit-text-stroke: inherit;
  cursor: pointer;
}
.btn-upload-attach i {
  font-weight: normal;
  color: var(--color-primary);
}
.btn-upload-attach span {
  margin-top: -3px;
  color: var(--color-primary);
}
.btn-upload-attach input {
  font-size: 30px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.btn-upload-attach:hover {
  background-color: rgba(0, 104, 112, 0.1);
}

.group_byuser .txt_grid p {
  color: var(--color-text) !important;
  font-weight: 500 !important;
}

.chartpolarArea.-margin {
  margin-top: -60px;
}
@media (min-width: 1200px) {
  .chartpolarArea.w-lg-80 {
    width: 80%;
  }
}

.cm_guides {
  height: 50vh;
}
.cm_guides .item_text_icon {
  margin-bottom: 30px;
  border-radius: 15px;
  border: 2px solid transparent;
  background-color: var(--bg-snow);
  padding: 20px 25px;
  display: block;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.cm_guides .item_text_icon:hover {
  border-color: var(--border-snow);
  background-color: var(--bg-white);
}

.bx_infoProfile {
  padding: 20px 0;
  background-color: rgba(249, 250, 252, 0.35);
  border-bottom: 2px solid var(--border-snow);
  border-top: 2px solid var(--border-snow);
  margin-top: -1px;
}

.cm_section_pp.--box-numbers {
  height: 100%;
}
.cm_section_pp.--box-numbers .item_text_icon {
  border-color: var(--border-snow);
  background-color: transparent;
}
.cm_section_pp.--box-numbers .item_text_icon .icon {
  width: 50px;
  height: 50px;
  margin: 0;
}
.cm_section_pp.--box-numbers .item_text_icon .txt h3 {
  font-size: 30px;
  font-weight: 700;
}

.cs_dataTableSection.chartProfile_user .contentChart_simple {
  border-radius: 15px;
  border: 2px solid var(--border-snow);
  padding: 30px;
  position: relative;
}
@media (min-width: 1200px) {
  .cs_dataTableSection.chartProfile_user .contentChart_simple {
    height: 100%;
  }
}
.cs_dataTableSection.chartProfile_user .contentChart_simple .title_txt h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
}
.cs_dataTableSection.chartProfile_user .contentChart_simple .title_txt .nav_days {
  margin-top: 20px;
}
.cs_dataTableSection.chartProfile_user .contentChart_simple .title_txt .nav_days .nav-item .nav-link {
  padding: 0 10px;
  min-width: 60px;
  height: 32px;
  border-radius: 8px;
  border: 2px solid transparent;
  color: var(--color-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cs_dataTableSection.chartProfile_user .contentChart_simple .title_txt .nav_days .nav-item .nav-link span {
  margin-top: -6px;
  display: block;
}
.cs_dataTableSection.chartProfile_user .contentChart_simple .title_txt .nav_days .nav-item .nav-link.active {
  color: var(--color-secondary);
  border-color: var(--border-snow);
}
.cs_dataTableSection.chartProfile_user .contentChart_simple .boxNumber {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background-color: rgba(0, 104, 112, 0.08);
  border: 1px solid var(--border-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cs_dataTableSection.chartProfile_user .contentChart_simple .boxNumber h1 {
  margin: 0;
  margin-top: -30px;
}
@media (max-width: 991px) {
  .cs_dataTableSection.chartProfile_user .contentChart_simple.height_sm {
    min-height: 400px;
  }
}

/*========================
  upload_avatar
==========================*/
.upload_avatar {
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 12px 15px;
}
.upload_avatar .upload_file .input_group {
  width: 65px;
}
.upload_avatar .upload_file .input_group img {
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 55px;
}
.upload_avatar .upload_file .input_group .group_btn {
  position: relative;
  overflow: hidden;
}
.upload_avatar .upload_file .input_group .group_btn .input-upload {
  position: absolute;
  opacity: 0;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.upload_avatar .upload_file .input_group .group_btn .input-upload:hover ~ .btn_upload {
  background-color: var(--bg-secondary);
  cursor: pointer;
}
.upload_avatar .upload_file .input_group .group_btn .btn_upload {
  background-color: var(--bg-blue);
  color: var(--color-white);
  border-radius: 8px;
  padding: 0;
  height: 27px;
  width: 100%;
  text-align: center;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 12px;
  font-weight: 500;
  padding: 1px;
  margin-top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.upload_avatar .txt {
  margin-right: 20px;
}
.upload_avatar .txt p {
  color: var(--color-secondary);
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 500;
}
.upload_avatar .txt span {
  color: var(--color-text);
  font-size: 12px;
}

.sidemenu_list .menu_list {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  background-color: transparent;
  padding: 20px;
}
.sidemenu_list .menu_list .card {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.sidemenu_list .menu_list .card .card-header {
  background-color: transparent;
  padding: 0;
  border: 0;
}
.sidemenu_list .menu_list .card .card-header .btn-link {
  width: 100%;
  padding: 10px 15px;
  text-align: right;
  display: flex;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 8px;
  text-decoration: none !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.sidemenu_list .menu_list .card .card-header .btn-link span {
  margin-right: 15px;
  margin-top: -3px;
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-secondary);
  color: var(--color-secondary);
}
.sidemenu_list .menu_list .card .card-header .btn-link .--icon {
  color: var(--color-text);
  font-size: 18px;
}
.sidemenu_list .menu_list .card .card-header .btn-link .--arrow {
  position: absolute;
  left: 16px;
  color: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.sidemenu_list .menu_list .card .card-header .btn-link[aria-expanded='true'] {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.sidemenu_list .menu_list .card .card-header .btn-link[aria-expanded='true'] span {
  color: var(--color-primary);
  -webkit-text-stroke: 0.2px var(--color-primary);
}
.sidemenu_list .menu_list .card .card-header .btn-link[aria-expanded='true'] .--icon {
  color: var(--color-primary) !important;
}
.sidemenu_list .menu_list .card .card-header .btn-link[aria-expanded='true'] .--arrow {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidemenu_list .menu_list .card .card-header .btn-link:hover {
  background-color: var(--bg-snow);
}
.sidemenu_list .menu_list .card .card-header .btn-link.active {
  background-color: rgba(0, 104, 112, 0.1) !important;
}
.sidemenu_list .menu_list .card .card-header .btn-link.active span {
  color: var(--color-primary);
  -webkit-text-stroke: 0.2px var(--color-primary);
}
.sidemenu_list .menu_list .card .card-header .btn-link.active .--icon {
  color: var(--color-primary) !important;
}
.sidemenu_list .menu_list .card .card-body {
  padding: 0 10px;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu {
  padding: 0;
  list-style: none;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link {
  padding: 12px 15px;
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link .circle {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  border: 3px solid var(--border-secondary);
  margin-left: 10px;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link .txt {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-top: -5px;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link::before {
  content: "\EA52";
  font-family: remixicon !important;
  position: absolute;
  left: 20px;
  font-size: 20px;
  color: var(--color-text);
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link:hover::before {
  opacity: 1;
  left: 10px;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link.active .txt {
  color: var(--color-primary) !important;
  -webkit-text-stroke-color: var(--color-primary) !important;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link.active .circle {
  border-color: var(--border-primary) !important;
}
.sidemenu_list .menu_list .card .card-body .sublist_menu .item_link.active::before {
  opacity: 1;
  left: 10px;
}

.wrapper_img {
  position: relative;
  min-height: 100vh;
}
.wrapper_img::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg.jpg");
  /* background-repeat: no-repeat; */
  background-position: 100%;
  z-index: -1;
}
.wrapper_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: -1;
}
.wrapper_img .content_account {
  padding: 40px 0;
}
@media (min-width: 992px) {
  .wrapper_img .content_account {
    padding-bottom: 100px;
  }
}
.wrapper_img .content_form {
  position: relative;
  background-color: var(--bg-white);
  border-radius: 15px;
  padding: 50px 30px;
}
.wrapper_img .content_form .title h1 {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-secondary);
  margin: 0;
  margin-bottom: 10px;
}
.wrapper_img .content_form .title p {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text);
  margin: 0;
}
.wrapper_img .content_form .title p a {
  color: var(--color-primary);
}
.wrapper_img .content_form .sub_brand {
  text-align: center;
  margin-bottom: 30px;
}
.wrapper_img .content_form .sub_brand .logo {
  border-radius: 10px;
  width: 80px;
  height: 80px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-snow);
  background-color: var(--bg-snow);
}
.wrapper_img .content_form .sub_brand .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wrapper_img .content_form .sub_brand .title_sub {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
  text-align: center;
  margin-top: 10px;
}
.wrapper_img .content_qr {
  position: relative;
}
.wrapper_img .content_qr .brand a img {
  width: 200px;
  object-fit: contain;
}
.wrapper_img .footer_account {
  position: absolute;
  z-index: 2;
  bottom: 30px;
}
@media (max-width: 991px) {
  .wrapper_img .footer_account {
    position: relative;
    padding-bottom: 30px;
    bottom: 0;
  }
}
.wrapper_img .footer_account .link a:last-child::before {
  content: "|";
  font-size: 13px;
  padding: 0 10px;
  opacity: .5;
}

.verify_input {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
}
.verify_input .form-control {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.modal.default .modal-dialog-scrollable {
  overflow: hidden;
}
.modal.default .modal-dialog-scrollable ::-webkit-scrollbar {
  display: none;
}
.modal.default .modal-dialog-scrollable .modal-body {
  position: relative;
  display: flex;
}
@media (min-width: 992px) {
  .modal.default .modal-dialog.--sm {
    width: 420px;
  }
}
@media (min-width: 992px) {
  .modal.default .modal-dialog.--md {
    max-width: 580px;
  }
}
.modal.default .modal-content {
  border-radius: 15px;
  border: 0;
  background-color: var(--bg-white);
}
.modal.default .modal-content .modal-header {
  padding: 25px 30px;
  border: 0;
}
.modal.default .modal-content .modal-header .modal-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}
.modal.default .modal-content .modal-body {
  padding: 0 30px;
}
.modal.default .modal-content .modal-footer {
  border: 0;
  padding: 20px 30px;
}
.modal.default .modal-content .close_header {
  width: 35px;
  height: 35px;
  background-color: var(--bg-snow);
  border-radius: 50%;
  font-size: 16px;
  color: var(--color-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.modal.default .modal-content .close_header:hover {
  background-color: var(--border-snow);
}

.user-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.user-list .item {
  position: relative;
  padding: 8px 12px;
  border: 2px solid var(--border-snow);
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.user-list .item:last-child {
  margin-bottom: 0;
}
.user-list .item .img-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 15px;
}
.user-list .item .txt h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 2px;
}
.user-list .item .txt p {
  margin: 0;
  font-size: 12px;
  color: var(--color-text);
}
.user-list .select_all.added {
  color: var(--color-green);
}
.user-list.-adds .item {
  position: relative;
  padding: 8px 12px;
  border: 2px solid var(--border-snow);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.user-list.-adds .item:last-child {
  margin-bottom: 0;
}
.user-list.-adds .item .img-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 15px;
}
.user-list.-adds .item .txt h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 2px;
}
.user-list.-adds .item .txt p {
  margin: 0;
  font-size: 12px;
  color: var(--color-text);
}
.user-list.-adds .item::before {
  content: "";
  font-family: remixicon !important;
  content: "\EB80";
  font-size: 18px;
  color: var(--color-green);
  position: absolute;
  left: 18px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.user-list.-adds .item.added {
  background-color: var(--bg-snow);
}
.user-list.-adds .item.added::before {
  opacity: 1;
}

.modal-chat .modal-body {
  padding: 0 !important;
}

.group_selectCategories .group {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  margin-bottom: 10px;
}
.group_selectCategories .group .item {
  width: calc(100% / 3);
}
.group_selectCategories .item {
  display: inline-flex;
  align-items: center;
  padding: 0 15x;
  min-width: 100px;
  height: 45px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.group_selectCategories .item .check {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 2px solid var(--border-snow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.group_selectCategories .item .check::before {
  content: "\EB7B";
  font-family: remixicon !important;
  font-size: 14px;
  color: var(--color-white);
  font-weight: 600;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.group_selectCategories .item .txt {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text);
  margin-right: 10px;
  margin-top: -5px;
  display: block;
}
.group_selectCategories .item.added {
  background-color: var(--bg-snow);
}
.group_selectCategories .item.added .txt {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  color: var(--color-secondary);
}
.group_selectCategories .item.added .check {
  background-color: var(--bg-primary);
  border-color: var(--border-primary);
}
.group_selectCategories .item.added .check::before {
  opacity: 1;
}

.mdll_log .table td span {
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .modal-chat .modal-dialog {
    margin: 0;
    max-height: 100vh;
  }
}
@media (max-width: 991px) {
  .modal-chat .modal-dialog .modal-content {
    border-radius: 0;
    max-height: 100vh;
  }
}

.content-chat {
  padding: 0;
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .content-chat {
    padding: 0;
  }
}
.content-chat .title_table {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .content-chat .title_table {
    margin-bottom: 30px;
  }
}
.content-chat .profile_sidebar {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
  height: 100%;
  max-height: 880px;
}
@media (max-width: 991px) {
  .content-chat .profile_sidebar {
    border-radius: 10px !important;
  }
}
.content-chat .profile_sidebar .item_spoke {
  margin-top: 25px;
  border-top: 1px solid var(--border-snow);
}
.content-chat .name_users {
  background-color: var(--bg-white);
  height: 100%;
  border-left: 1px solid var(--border-snow);
  border-right: 1px solid var(--border-snow);
}
@media (max-width: 991px) {
  .content-chat .name_users {
    border-radius: 10px !important;
    border: 0;
  }
}
.content-chat .name_users .head {
  padding: 16px 20px;
  border-bottom: 3px solid var(--border-snow);
}
.content-chat .name_users .head .item_unred {
  align-items: center;
}
.content-chat .name_users .head .item_unred label {
  margin-bottom: 0;
}
.content-chat .name_users .body {
  max-height: calc(100vh - 145px);
  overflow: auto;
}
@media (max-width: 991px) {
  .content-chat .name_users .body {
    max-height: 100%;
  }
}
.content-chat .name_users .item_user {
  cursor: pointer;
  padding: 20px;
  position: relative;
}
.content-chat .name_users .item_user .head_usr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-chat .name_users .item_user .item_spoke img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}
.content-chat .name_users .item_user .item_spoke .txt {
  margin-right: 15px;
}
.content-chat .name_users .item_user .item_spoke .txt h3 {
  margin-bottom: 1px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}
.content-chat .name_users .item_user .item_spoke .txt p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}
.content-chat .name_users .item_user .btn_pin {
  background-color: rgba(0, 104, 112, 0.1);
  border-radius: 50%;
  display: inline-flex;
  width: 35px;
  height: 35px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.content-chat .name_users .item_user .btn_pin i {
  font-size: 17px;
  color: var(--color-primary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.content-chat .name_users .item_user .btn_pin.added {
  background-color: var(--bg-primary);
}
.content-chat .name_users .item_user .btn_pin.added i {
  color: var(--color-white);
}
.content-chat .name_users .item_user .btn_pin.added i::before {
  content: "\eb32";
}
.content-chat .name_users .item_user .content_short {
  margin-top: 12px;
  font-size: 14px;
  color: var(--color-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
  font-weight: 500;
}
.content-chat .name_users .item_user .unread {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--color-red);
}
.content-chat .name_users .item_user.active {
  background-color: var(--bg-snow);
}
.content-chat .date_all {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--border-snow);
  margin-bottom: 20px;
  position: relative;
}
.content-chat .date_all span {
  text-align: center;
  position: absolute;
  background-color: var(--bg-white);
  font-size: 13px;
  color: var(--color-text);
}
.content-chat .bb_chat_live {
  background-color: var(--bg-white);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
}
@media (max-width: 991px) {
  .content-chat .bb_chat_live {
    border-radius: 10px !important;
  }
}
.content-chat .bb_chat_live .head {
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px;
  background-color: var(--bg-white);
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border-snow);
  -webkit-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  -moz-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  -o-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  -ms-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
}
@media (max-width: 767px) {
  .content-chat .bb_chat_live .head {
    display: block;
  }
}
.content-chat .bb_chat_live .head .side_right {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .content-chat .bb_chat_live .head .side_right {
    justify-content: space-between;
    margin-top: 10px;
  }
}
.content-chat .bb_chat_live .head .item_colos {
  display: flex;
}
.content-chat .bb_chat_live .head .item_colos .custom-control-label {
  cursor: pointer;
}
.content-chat .bb_chat_live .head .item_colos .custom-control-label::after {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.content-chat .bb_chat_live .head .item_colos .bg-one .custom-control-label::before {
  border: 0;
  background-color: var(--color-red);
}
.content-chat .bb_chat_live .head .item_colos .bg-two .custom-control-label::before {
  border: 0;
  background-color: var(--color-primary);
}
.content-chat .bb_chat_live .head .item_colos .bg-three .custom-control-label::before {
  border: 0;
  background-color: var(--color-green);
}
.content-chat .bb_chat_live .head .item_colos .bg-four .custom-control-label::before {
  border: 0;
  background-color: var(--color-orange);
}
.content-chat .bb_chat_live .head .item_colos .bg-five .custom-control-label::before {
  border: 0;
  background-color: var(--color-dark);
}
.content-chat .bb_chat_live .head .item_spoke img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}
.content-chat .bb_chat_live .head .item_spoke .txt {
  margin-right: 15px;
}
.content-chat .bb_chat_live .head .item_spoke .txt h3 {
  margin-bottom: 1px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}
.content-chat .bb_chat_live .head .item_spoke .txt P {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
.content-chat .bb_chat_live .head .btn_fullss:hover,
.content-chat .bb_chat_live .head .btn_closeFull:hover {
  background-color: var(--bg-snow);
}
.content-chat .bb_chat_live .head .btn_fullss i,
.content-chat .bb_chat_live .head .btn_closeFull i {
  font-size: 18px;
  color: var(--color-dark);
}
.content-chat .bb_chat_live .head .btn_closeFull {
  display: none;
}
.content-chat .bb_chat_live .body_chat {
  padding: 20px;
  height: 100%;
  overflow: auto;
  height: calc(100vh - 231px);
}
@media (max-width: 991px) {
  .content-chat .bb_chat_live .body_chat {
    max-height: 502px;
  }
}
.content-chat .bb_chat_live .body_chat .item_user {
  margin-bottom: 20px;
}
.content-chat .bb_chat_live .body_chat .item_user .box_cha {
  margin-bottom: 10px;
}
.content-chat .bb_chat_live .body_chat .item_user .box_cha .img_other {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 4px;
}
.content-chat .bb_chat_live .body_chat .item_user .box_cha p {
  background-color: var(--bg-snow);
  border-radius: 10px;
  display: block;
  width: max-content;
  font-size: 14px;
  padding: 10px 17px;
  margin-bottom: 5px;
}
.content-chat .bb_chat_live .body_chat .item_user .box_cha time {
  font-size: 12px;
  color: var(--color-text);
  display: block;
  font-weight: 400;
}
.content-chat .bb_chat_live .body_chat .item_user.its_me {
  display: flex;
  justify-content: flex-end;
}
.content-chat .bb_chat_live .body_chat .item_user.its_me p {
  background-color: #006870;
  color: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.content-chat .bb_chat_live .body_chat .item_user.its_me p.bg-one {
  background-color: var(--color-red);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me p.bg-two {
  background-color: var(--color-primary);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me p.bg-three {
  background-color: var(--color-green);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me p.bg-four {
  background-color: var(--color-orange);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me p.bg-five {
  background-color: var(--color-dark);
  color: var(--color-white);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .item {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .item .btn.bg-one {
  background-color: var(--color-red);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .item .btn.bg-two {
  background-color: var(--color-primary);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .item .btn.bg-three {
  background-color: var(--color-green);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .item .btn.bg-four {
  background-color: var(--color-orange);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .item .btn.bg-five {
  background-color: var(--color-dark);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .check_read {
  width: 16px;
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .check_read path {
  fill: var(--color-text);
}
.content-chat .bb_chat_live .body_chat .item_user.its_me .check_read.done path {
  fill: var(--color-primary);
}
.content-chat .bb_chat_live .footer_chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background-color: var(--bg-white);
  border-top: 1px solid var(--border-snow);
  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  -moz-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  -o-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  -ms-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
}
.content-chat .bb_chat_live .footer_chat .btn-upload {
  background-color: var(--bg-snow);
  border-radius: 10px;
}
.content-chat .bb_chat_live .footer_chat .btn-upload i {
  color: var(--color-text);
}
.content-chat .bb_chat_live .footer_chat .form_chat {
  width: 90%;
}
@media (max-width: 767px) {
  .content-chat .bb_chat_live .footer_chat .form_chat {
    width: 75%;
  }
}
.content-chat .bb_chat_live .footer_chat .form_chat input {
  border: 0;
}
.content-chat .bb_chat_live .footer_chat .btn_send {
  background-color: var(--color-primary);
  border-radius: 10px;
}
.content-chat .bb_chat_live .footer_chat .btn_send i {
  color: #fff;
  font-size: 18px;
}
.content-chat .bb_chat_live .footer_chat .record .btn:hover {
  background-color: var(--color-primary);
}
.content-chat .bb_chat_live .footer_chat .record .btn:hover i {
  color: #fff;
}
.content-chat .bb_chat_live .footer_chat .group_buttons {
  display: flex;
  align-items: center;
}
.content-chat .bb_chat_live .footer_chat .group_buttons .showButtons {
  border-radius: 10px;
  background-color: var(--bg-snow);
  border: 1px solid var(--border-snow);
}
.content-chat .bb_chat_live .footer_chat .group_buttons .showButtons i {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.content-chat .bb_chat_live .footer_chat .group_buttons .showButtons.added i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.content-chat .bb_chat_live .footer_chat .group_buttons .showButtons.added ~ .body_buttons {
  opacity: 1;
  right: 70px;
  pointer-events: all;
}
.content-chat .bb_chat_live .footer_chat .group_buttons .body_buttons {
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  right: 60px;
  flex-direction: row;
  column-gap: 10px;
  background-color: var(--bg-white);
  width: 50%;
  pointer-events: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.content-chat .bb_chat_live .footer_chat .group_buttons .body_buttons .btn {
  border: 1px solid var(--border-snow);
}
.content-chat .bb_chat_live .attachment_pot .item {
  padding: 0;
  border: 0;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}
.content-chat .bb_chat_live .attachment_pot .item .progress {
  border-radius: 20px;
  height: 3px;
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: var(--bg-snow);
}
.content-chat .bb_chat_live .attachment_pot .item .progress .progress-bar {
  background-color: var(--bg-green);
}
.content-chat .bb_chat_live .attachment_pot .item .content {
  color: var(--color-white);
  background-color: var(--bg-primary);
}
.content-chat .bb_chat_live .attachment_pot time {
  margin-top: 5px;
}

.head__chat {
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px;
  background-color: var(--bg-white);
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border-snow);
  -webkit-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  -moz-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  -o-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  -ms-box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
  box-shadow: 0px 7px 45px 0px rgba(28, 45, 65, 0.03);
}
@media (max-width: 767px) {
  .head__chat {
    display: block;
  }
}
.head__chat .side_right {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .head__chat .side_right {
    justify-content: space-between;
    margin-top: 10px;
  }
}
.head__chat .item_colos {
  display: flex;
}
.head__chat .item_colos .custom-control-label {
  cursor: pointer;
}
.head__chat .item_colos .custom-control-label::after {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.head__chat .item_colos .bg-one .custom-control-label::before {
  border: 0;
  background-color: var(--color-red);
}
.head__chat .item_colos .bg-two .custom-control-label::before {
  border: 0;
  background-color: var(--color-primary);
}
.head__chat .item_colos .bg-three .custom-control-label::before {
  border: 0;
  background-color: var(--color-green);
}
.head__chat .item_colos .bg-four .custom-control-label::before {
  border: 0;
  background-color: var(--color-orange);
}
.head__chat .item_colos .bg-five .custom-control-label::before {
  border: 0;
  background-color: var(--color-dark);
}
.head__chat .item_spoke img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
}
.head__chat .item_spoke .txt {
  margin-right: 15px;
}
.head__chat .item_spoke .txt h3 {
  margin-bottom: 1px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}
.head__chat .item_spoke .txt P {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}
.head__chat .btn_fullss:hover,
.head__chat .btn_closeFull:hover {
  background-color: var(--bg-snow);
}
.head__chat .btn_fullss i,
.head__chat .btn_closeFull i {
  font-size: 18px;
  color: var(--color-dark);
}
.head__chat .btn_closeFull {
  display: none;
}

.item-upload {
  position: relative;
  overflow: hidden;
}
.item-upload i {
  font-size: 18px !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.item-upload input {
  position: absolute;
  opacity: 0;
  font-size: 29px;
  cursor: pointer;
}
.item-upload input:hover ~ .btn-upload i {
  color: var(--color-dark) !important;
}

.icon-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chatUser_msg .modal-content .footer_chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background-color: var(--bg-white);
  border-top: 1px solid var(--border-snow);
  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  -moz-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  -o-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  -ms-box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
  box-shadow: 0px -7px 45px 0px rgba(28, 45, 65, 0.03);
}
.chatUser_msg .modal-content .footer_chat .btn-upload {
  background-color: var(--bg-snow);
  border-radius: 10px;
}
.chatUser_msg .modal-content .footer_chat .btn-upload i {
  color: var(--color-text);
}
.chatUser_msg .modal-content .footer_chat .form_chat {
  width: 90%;
}
@media (max-width: 767px) {
  .chatUser_msg .modal-content .footer_chat .form_chat {
    width: 75%;
  }
}
.chatUser_msg .modal-content .footer_chat .form_chat input {
  border: 0;
}
.chatUser_msg .modal-content .footer_chat .btn_send {
  background-color: var(--color-primary);
  border-radius: 10px;
}
.chatUser_msg .modal-content .footer_chat .btn_send i {
  color: #fff;
  font-size: 18px;
}
.chatUser_msg .modal-content .footer_chat .record .btn:hover {
  background-color: var(--color-primary);
}
.chatUser_msg .modal-content .footer_chat .record .btn:hover i {
  color: #fff;
}
.chatUser_msg .modal-content .footer_chat .group_buttons {
  display: flex;
  align-items: center;
}
.chatUser_msg .modal-content .footer_chat .group_buttons .showButtons {
  border-radius: 10px;
  background-color: var(--bg-snow);
  border: 1px solid var(--border-snow);
}
.chatUser_msg .modal-content .footer_chat .group_buttons .showButtons i {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.chatUser_msg .modal-content .footer_chat .group_buttons .showButtons.added i {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.chatUser_msg .modal-content .footer_chat .group_buttons .showButtons.added ~ .body_buttons {
  opacity: 1;
  right: 70px;
  pointer-events: all;
}
.chatUser_msg .modal-content .footer_chat .group_buttons .body_buttons {
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  right: 60px;
  flex-direction: row;
  column-gap: 10px;
  background-color: var(--bg-white);
  width: 50%;
  pointer-events: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.chatUser_msg .modal-content .footer_chat .group_buttons .body_buttons .btn {
  border: 1px solid var(--border-snow);
}
.chatUser_msg .modal-content .content-chat .bb_chat_live .body_chat {
  height: 100%;
  max-height: inherit;
}

.groupBox_course .item-course {
  text-decoration: none !important;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  display: block;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 30px;
}
.groupBox_course .item-course .cover_img {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 10px;
}
.groupBox_course .item-course .cover_img img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  height: 200px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.groupBox_course .item-course .cover_img .item___end {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 75px;
  height: 35px;
  font-size: 14px;
  top: 20px;
  right: 20px;
  border-radius: 8px;
  font-weight: 500;
}
.groupBox_course .item-course .cover_img .item___end span {
  margin-top: -5px;
}
.groupBox_course .item-course .info-course h2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 5px;
}
.groupBox_course .item-course .info-course p {
  font-size: 13px;
  color: var(--color-text);
}
.groupBox_course .item-course .info-course .details__oo {
  align-items: center;
  border-top: 2px solid var(--border-snow);
  border-bottom: 2px solid var(--border-snow);
  margin-left: -20px;
  margin-right: -20px;
  padding: 12px 20px;
}
.groupBox_course .item-course .info-course .rate_oo {
  display: flex;
  align-items: center;
}
.groupBox_course .item-course .info-course .rate_oo span {
  color: var(--color-yellow);
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
}
.groupBox_course .item-course .info-course .rate_oo .stars {
  color: var(--color-yellow);
  font-size: 16px;
}
.groupBox_course .item-course .info-course .footer-course {
  margin: 0 -20px;
  margin-bottom: -1px;
}
.groupBox_course .item-course .info-course .footer-course .btn-default {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 55px;
}
.groupBox_course .item-course .info-course .progress {
  width: 80px;
  height: 6px;
  background-color: var(--border-snow);
  border-radius: 10px;
}
.groupBox_course .item-course .info-course .progress .progress-bar {
  background-color: var(--bg-green);
}
.groupBox_course .item-course:hover .cover_img img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  -moz-transform: scale3d(1.2, 1.2, 1);
  -o-transform: scale3d(1.2, 1.2, 1);
  -ms-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}

.course_details .content_right .header .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.course_details .content_right .header .title .item_name h2 {
  font-size: 20px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.course_details .content_right .header .title .item_name span {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-text);
}
.course_details .content_right .header .title .rate_co {
  display: flex;
  align-items: center;
}
.course_details .content_right .header .title .rate_co .stars {
  display: flex;
  align-items: center;
  color: var(--color-yellow);
  font-size: 20px;
}
.course_details .content_right .header .title .rate_co span {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 600;
  display: block;
  margin-right: 5px;
}
.course_details .content_right .header .item_ptogress {
  margin-top: 20px;
}
.course_details .content_right .header .item_ptogress .head_progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.course_details .content_right .header .item_ptogress .head_progress span {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 500;
  display: block;
}
.course_details .content_right .header .item_ptogress .progress {
  height: 8px;
  border-radius: 10px;
  background-color: var(--border-snow);
}
.course_details .content_right .header .item_ptogress .progress .progress-bar {
  background-color: var(--bg-green);
  border-radius: 10px;
}
.course_details .content_right .body .desc_course {
  margin-top: 20px;
}
.course_details .content_right .body .desc_course h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 8px;
}
.course_details .content_right .body .desc_course p {
  font-size: 15px;
  color: var(--color-text);
}
.course_details .content_right .body .table_course thead tr th span {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
}
.course_details .content_right .body .table_course tbody tr td span {
  font-size: 16px;
  color: var(--color-text);
  font-weight: 500;
}
.course_details .content_right .body .table_course tbody tr td .name_section {
  text-decoration: none !important;
  display: flex;
  align-items: center;
  color: var(--color-primary) !important;
}
.course_details .content_right .body .table_course tbody tr td .name_section i {
  font-size: 18px;
  margin-left: 10px;
  margin-top: 3px;
}
.course_details .content_right .body .table_course tbody tr td .name_section span {
  color: var(--color-primary) !important;
}
.course_details .content_right .body .table_course tbody tr td .statusWatch i {
  font-size: 20px;
}
.course_details .content_right .body .table_course tbody tr td .statusWatch.--done {
  color: var(--color-green);
}
.course_details .content_right .body .bk_commtentUsers .item_usr {
  margin-bottom: 30px;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: 20px;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .txt h3 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .txt h3 .status {
  font-size: 13px;
  font-weight: 500;
  background-color: rgba(28, 45, 65, 0.3);
  color: var(--color-white);
  border-radius: 8px;
  min-width: 55px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .txt h3 .status span {
  margin-top: -3px;
  display: block;
  color: var(--color-white);
  font-weight: 600;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .txt span {
  font-size: 12px;
  color: var(--color-text);
  display: block;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .txt p {
  color: var(--color-text);
  font-size: 15px;
  margin-bottom: 0;
  margin-top: 10px;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .txt .actions_rr {
  margin-top: 8px;
}
.course_details .content_right .body .bk_commtentUsers .item_usr .txt .actions_rr .reply {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-primary);
}
.course_details .content_left .action_course h3 {
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 600;
}
.course_details .content_left .action_course p {
  font-size: 14px;
  color: var(--color-text);
}
.course_details .content_left .info_course .list_details {
  list-style: none;
  padding: 0;
  margin: 0;
}
.course_details .content_left .info_course .list_details li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  padding: 10px 20px;
  border: 2px solid var(--border-snow);
  margin-bottom: 15px;
  background-color: rgba(249, 250, 252, 0.5);
}
.course_details .content_left .info_course .list_details li i {
  color: var(--color-text);
  font-size: 18px;
  margin-left: 10px;
}
.course_details .content_left .info_course .list_details li span {
  font-size: 15px;
}
.course_details .content_left .authers_name .content_authers {
  max-height: 250px;
}
.course_details .content_left .authers_name .item_auther {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.course_details .content_left .authers_name .item_auther img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 10px;
}
.course_details .content_left .authers_name .item_auther h5 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
}

.boxSpeech_group .item-speech {
  background-color: var(--bg-snow);
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 30px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.boxSpeech_group .item-speech .cover img {
  width: 100%;
  height: 330px;
  min-height: 220px;
  object-fit: cover;
}
.boxSpeech_group .item-speech .info_sh h2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.boxSpeech_group .item-speech .info_sh p {
  font-size: 13px;
  color: var(--color-text);
  margin: 0;
}
.boxSpeech_group .item-speech .info_sh .action_btn {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 10px;
}
.boxSpeech_group .item-speech:hover {
  background-color: var(--bg-white);
  border-color: var(--border-snow);
}
.boxSpeech_group .item-speech.with_bg {
  background-color: var(--bg-white);
  border-color: var(--border-snow);
}
.boxSpeech_group.__protoType .item-speech .cover img {
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  min-height: inherit;
}

.groupVideos .item-course {
  padding: 0;
  border: 0;
}
.groupVideos .item-course .info-course {
  text-decoration: none !important;
}
.groupVideos .item-course .cover_img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.groupVideos .item-course .cover_img img {
  height: 180px;
}
.groupVideos .item-course .item___end {
  left: 20px;
  right: inherit !important;
  background-color: rgba(28, 45, 65, 0.5);
}
.groupVideos .item-course .icon_video {
  background-color: rgba(28, 45, 65, 0.5);
  font-size: 22px;
  color: var(--color-white);
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.groupVideos .item-course .btn-bookmark {
  background-color: var(--bg-white);
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 18px;
}
.groupVideos .item-course .btn-bookmark i::before {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.groupVideos .item-course .btn-bookmark.added i::before {
  content: "\EAE4";
  color: var(--color-green);
}
.groupVideos .item-course .bottom_details {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.groupVideos .item-course .bottom_details i {
  font-size: 16px;
  margin-left: 5px;
}
.groupVideos .item-course .bottom_details span {
  font-size: 14px;
  font-weight: 500;
  margin-top: -2px;
}

.sunheader_navReport {
  border-bottom: 2px solid var(--border-snow);
  padding: 15px 0;
}
.sunheader_navReport .nav-pills {
  background-color: rgba(28, 45, 65, 0.08);
  border-radius: 10px;
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 45px;
  padding: 0 6px;
}
.sunheader_navReport .nav-pills .nav-item .nav-link {
  background-color: transparent;
  color: var(--color-text);
  border-radius: 8px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 95px;
  height: 35px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.sunheader_navReport .nav-pills .nav-item .nav-link span {
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-top: -2px;
}
.sunheader_navReport .nav-pills .nav-item .nav-link.active {
  background-color: var(--bg-white);
  color: var(--color-secondary);
}
.sunheader_navReport .nav-pills.small {
  height: 42px;
}
.sunheader_navReport .nav-pills.small .nav-link {
  min-width: 72px;
  height: 32px;
}
.sunheader_navReport .details_report {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 20px;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .sunheader_navReport .details_report {
    justify-content: flex-start;
  }
}
.sunheader_navReport .details_report .item {
  display: flex;
  flex-direction: row;
  column-gap: 4px;
}
.sunheader_navReport .details_report .item i {
  font-size: 18px;
  color: var(--color-text);
}
.sunheader_navReport .details_report .item span {
  display: block;
  font-size: 15px;
  color: var(--color-text);
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-text);
}

.editior_report_docs .contentReport_header {
  position: relative;
  padding: 30px;
  overflow: hidden;
}
.editior_report_docs .contentReport_header .header_rep .logo {
  text-align: center;
}
.editior_report_docs .contentReport_header .header_rep .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  text-align: center;
}
@media (max-width: 991px) {
  .editior_report_docs .contentReport_header .header_rep .logo img {
    width: 150px;
    height: 150px;
    margin: 10px 0;
  }
}
.editior_report_docs .contentReport_header .header_rep .title {
  text-align: center;
}
.editior_report_docs .contentReport_header .header_rep .title h1 {
  font-size: 25px;
  font-weight: 700;
  color: var(--color-secondary);
  margin-bottom: 15px;
}
.editior_report_docs .contentReport_header .header_rep .title h2 {
  font-size: 20px;
  color: var(--color-secondary);
  font-weight: 600;
  margin-bottom: 15px;
}
.editior_report_docs .contentReport_header .header_rep .title h3 {
  font-size: 18px;
  color: var(--color-secondary);
  font-weight: 600;
  margin-bottom: 0;
}
.editior_report_docs .contentReport_header .header_rep .title.en h2 {
  font-weight: 700;
  font-size: 18px;
}
.editior_report_docs .contentReport_header .header_rep .add_data {
  background-color: rgba(0, 104, 112, 0.15);
  padding: 12px 20px;
}
.editior_report_docs .contentReport_header .header_rep .add_data .input_group {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 5px;
}
.editior_report_docs .contentReport_header .header_rep .add_data .input_group label {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.editior_report_docs .contentReport_header .header_rep .add_data .input_group .--line {
  border-radius: 0;
  height: 30px;
  background-color: transparent !important;
  border: 0;
  margin-top: -10px;
  border-bottom: 2px dotted var(--border-secondary);
}
.editior_report_docs .contentReport_header .body_rep {
  position: relative;
}
.editior_report_docs .contentReport_header .body_rep .form_text .input_textarea .form-control {
  height: 100vh;
  resize: none;
  font-size: 17px;
}
.editior_report_docs .contentReport_header .body_rep .watermark {
  position: absolute;
  width: 300px;
  height: 300px;
  opacity: .08;
  right: 20px;
  bottom: 20px;
  pointer-events: none;
}
.editior_report_docs .contentReport_header .footer_rep .right_bk {
  background-color: rgba(0, 104, 112, 0.15);
  padding: 5px 15px;
}
.editior_report_docs .contentReport_header .footer_rep p {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-bottom: 0;
}
.editior_report_docs .contentReport_header .footer_rep .ar {
  font-weight: 600;
  -webkit-text-stroke: inherit;
}
.editior_report_docs .contentReport_header .footer_rep .en {
  font-size: 14px;
}
.editior_report_docs .contentReport_header .footer_rep .left_bk {
  background-color: var(--bg-secondary);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.editior_report_docs .contentReport_header .footer_rep .left_bk P {
  color: var(--color-white);
  font-size: 16px;
  -webkit-text-stroke: 0.2px var(--color-white);
}

.slide_poweroint .swiper-wrapper {
  padding-bottom: 53px;
}
.slide_poweroint .swiper-wrapper .swiper-slide .item img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.slide_poweroint .swiper-button-next,
.slide_poweroint .swiper-button-prev {
  position: absolute;
  font-size: 30px;
  color: var(--color-secondary);
  z-index: 12;
  bottom: 6px;
  top: inherit;
}
.slide_poweroint .swiper-button-next::after,
.slide_poweroint .swiper-button-prev::after {
  display: none;
}
.slide_poweroint .swiper-button-next {
  left: 40%;
}
.slide_poweroint .swiper-button-prev {
  right: 40%;
  left: inherit;
}
.slide_poweroint .swiper-pagination {
  background-color: rgba(28, 45, 65, 0.07);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  bottom: 0;
  padding: 15px;
  color: var(--color-text);
}

.otherOptions__editor .content_collapse {
  border: 2px solid var(--border-snow);
  background-color: var(--bg-white);
  border-radius: 15px;
}
.otherOptions__editor .content_collapse .btn_collapse {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.otherOptions__editor .content_collapse .btn_collapse span {
  font-size: 20px;
  color: var(--color-secondary);
  font-weight: 600;
}
.otherOptions__editor .content_collapse .btn_collapse i {
  position: absolute;
  font-size: 24px;
  color: var(--color-text);
  left: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.otherOptions__editor .content_collapse .btn_collapse[aria-expanded="true"] i {
  transform: rotate(180deg);
}
.otherOptions__editor .content_collapse .card {
  border: 0;
  border-radius: 15px;
  background-color: var(--bg-white);
}
.otherOptions__editor .content_collapse .signature .item {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border: 2px solid var(--border-snow);
  border-radius: 10px;
  padding: 12px 20px;
}
.otherOptions__editor .content_collapse .signature .item .circle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-snow);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.otherOptions__editor .content_collapse .signature .item .circle::before {
  content: "\EB7B";
  font-family: remixicon !important;
  position: absolute;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-white);
  opacity: 0;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.otherOptions__editor .content_collapse .signature .item .txt {
  font-size: 15px;
  color: var(--color-text);
  font-weight: 600;
  margin-top: -3px;
  display: block;
  margin-right: 10px;
  margin-left: 10px;
}
.otherOptions__editor .content_collapse .signature .item .img_sing {
  width: 80px;
  height: 40px;
  object-fit: contain;
}
.otherOptions__editor .content_collapse .signature .item.selected .circle {
  background-color: var(--bg-green);
  border-color: var(--border-green);
}
.otherOptions__editor .content_collapse .signature .item.selected .circle::before {
  opacity: 1;
}
.otherOptions__editor .content_collapse .signature .item ~ .add_user {
  display: none;
}
.otherOptions__editor .content_collapse .signature .item.__yes.selected ~ .add_user {
  display: block;
}

.comp_section .item_comp {
  display: block;
  text-decoration: none !important;
  padding: 15px 20px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  margin-bottom: 15px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.comp_section .item_comp .txt_grid .icon .prog_circle {
  height: 0;
  pointer-events: none;
}
.comp_section .item_comp .txt_grid .icon .prog_circle .circleFull {
  font-family: "SSTArabic", arial !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  margin-top: 14px !important;
  margin-right: -39px;
}
.comp_section .item_comp .txt_grid h3 {
  margin-bottom: 5px;
}
.comp_section .item_comp .txt_grid h3.color-red {
  color: var(--color-red);
}
.comp_section .item_comp .txt_grid h3.color-green {
  color: var(--color-green);
}
.comp_section .item_comp .item_target {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comp_section .item_comp .item_target .icon i {
  font-size: 18px;
  color: var(--color-text);
}
.comp_section .item_comp .status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 36px;
  border-radius: 10px;
  padding: 0 15px;
}
.comp_section .item_comp .status span {
  display: block;
  margin-top: -5px;
}
.comp_section .item_comp:hover {
  background-color: var(--bg-snow);
}
.comp_section .height_mx {
  max-height: 420px;
  overflow: auto;
  padding-left: 20px;
}
.comp_section .__users {
  width: 100%;
  cursor: pointer;
  position: relative;
}
.comp_section .__users:last-child {
  margin-bottom: 0;
}
.comp_section .__users ._image img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
}
.comp_section .__users .mark_bullet {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background-color: var(--bg-secondary);
  display: block;
  right: 8px;
  top: 8px;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.comp_section .__users.selected {
  background-color: var(--bg-snow);
}
.comp_section .__users.selected .mark_bullet {
  opacity: 1;
}
.comp_section .__users .icon_status {
  position: absolute;
  right: -10px;
  top: 24px;
}

.calender_matt {
  background-color: var(--bg-snow);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 2px solid var(--border-snow);
  border-radius: 15px;
}

.fc-event-container .fc-event {
  position: relative;
  display: block;
  font-size: 0.85em;
  line-height: 1.4;
  border-radius: 0;
  padding: 10px;
  background-color: var(--bg-white);
  border: 0;
  border-right: 2px;
  border-style: solid;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-event-container .fc-day-grid-event {
  margin-top: 5px;
}

@media (max-width: 767px) {
  .fc-dayGrid-view .fc-body .fc-row {
    min-height: 7em;
  }
}

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: var(--border-snow);
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left;
  margin-left: 12px;
  margin-top: 8px;
}

.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  font-size: 16px;
  font-weight: 400;
}

.fc-day-number {
  color: var(--color-secondary) !important;
}

.fc-toolbar h2 {
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .fc-toolbar h2 {
    font-size: 20px;
    margin-top: 10px;
  }
}

.fc-widget-header thead tr th {
  border: 0;
  padding: 14px;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 500;
}

.fc-more-cell .fc-more {
  color: var(--color-text) !important;
  font-size: 13px;
  float: right;
  padding: 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-more-cell .fc-more:hover {
  color: var(--color-secondary) !important;
}

@media (max-width: 767px) {
  .fc-right {
    display: grid;
    margin-top: 10px;
  }
}

.fc-button-group {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-button-group .fc-prev-button {
  background-color: transparent;
  width: 40px;
  height: 40px;
  border-radius: 8px !important;
  margin-left: 12px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid var(--border-snow);
}
.fc-button-group .fc-prev-button .fc-icon-chevron-right:before {
  color: var(--color-text);
  font-size: 16px !important;
}
.fc-button-group .fc-prev-button:hover {
  border: 1px solid var(--border-snow);
  background-color: var(--bg-snow);
}
.fc-button-group .fc-next-button {
  background-color: transparent;
  border: 1px solid var(--border-snow);
  width: 40px;
  height: 40px;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-button-group .fc-next-button .fc-icon-chevron-left:before {
  color: var(--color-text);
  font-size: 16px !important;
}
.fc-button-group .fc-next-button:hover {
  border: 1px solid var(--border-snow);
  background-color: var(--bg-snow);
}
.fc-button-group .fc-icon {
  font-size: inherit;
}
.fc-button-group .fc-dayGridMonth-button {
  border-radius: 8px !important;
  border: 1px solid transparent;
  padding: 8px 27px;
  color: var(--color-text);
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  box-shadow: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-button-group .fc-timeGridWeek-button {
  border-radius: 8px !important;
  border: 1px solid transparent;
  padding: 8px 27px;
  color: var(--color-text);
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  box-shadow: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-button-group .fc-timeGridDay-button {
  border-radius: 8px !important;
  border: 1px solid transparent;
  padding: 8px 27px;
  color: var(--color-text);
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  box-shadow: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  border: 1px solid var(--border-snow);
  background-color: transparent;
  color: var(--color-primary);
  box-shadow: none;
}

.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: none !important;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  padding: 20px 30px;
}
@media (max-width: 767px) {
  .fc-toolbar.fc-header-toolbar {
    display: block;
  }
}

.fc-header-toolbar .fc-left .fc-today-button {
  border-radius: 10px;
  background-color: var(--bg-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  border: 0;
  padding: 9px 27px;
  box-shadow: none !important;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-header-toolbar .fc-left .fc-today-button:hover {
  background-color: var(--bg-primary);
  color: #fff;
}

.fc-button:disabled {
  background-color: var(--bg-snow) !important;
  color: var(--color-text) !important;
  opacity: 1;
}

.fc-unthemed td.fc-today {
  background-color: transparent;
}
.fc-unthemed td.fc-today .fc-day-number {
  border: 1px dashed #bcc3ff;
  color: var(--color-primary) !important;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 38px;
  margin: 10px;
}

.fc-day {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.fc-day:hover {
  background-color: #f8f9ff;
  border: 1px solid #D2D7FF;
}

.fc-bgevent {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FDFDFE' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
  border-color: #fdfdfe !important;
  opacity: 0.5;
}
.fc-bgevent::before {
  content: "";
  position: absolute;
  background: url("../img/icons/iconn-lock.svg");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  top: 35px;
  left: 60px;
}
@media (max-width: 767px) {
  .fc-bgevent::before {
    display: none;
  }
}
.fc-bgevent::after {
  content: "Closed";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 80px;
  left: 58px;
  font-size: 14px;
  color: var(--color-text);
}
@media (max-width: 767px) {
  .fc-bgevent::after {
    display: none;
  }
}

.fc-time-grid-container::-webkit-scrollbar {
  width: 0.4em;
}
.fc-time-grid-container::-webkit-scrollbar-thumb {
  background-color: #e5e6ec;
  outline: 0;
}

.fc-day-grid-event .fc-time {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  float: left;
  display: flex;
  color: var(--color-text);
}
.fc-day-grid-event .fc-time::before {
  content: "\F20F";
  font-family: remixicon !important;
  display: inline-block;
  font-size: 16px;
  color: var(--color-text);
  font-weight: 500;
  margin-left: 5px;
}
.fc-day-grid-event .fc-title {
  float: left;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}

.fc-unthemed th:first-child,
.fc-unthemed td:first-child,
.fc-unthemed thead:first-child,
.fc-unthemed tbody:first-child,
.fc-unthemed .fc-divider:first-child,
.fc-unthemed .fc-row:first-child,
.fc-unthemed .fc-content:first-child,
.fc-unthemed .fc-popover:first-child,
.fc-unthemed .fc-list-view:first-child,
.fc-unthemed .fc-list-heading td:first-child {
  border-left: 0;
  border-right: 0;
}
.fc-unthemed th:last-child,
.fc-unthemed td:last-child,
.fc-unthemed thead:last-child,
.fc-unthemed tbody:last-child,
.fc-unthemed .fc-divider:last-child,
.fc-unthemed .fc-row:last-child,
.fc-unthemed .fc-content:last-child,
.fc-unthemed .fc-popover:last-child,
.fc-unthemed .fc-list-view:last-child,
.fc-unthemed .fc-list-heading td:last-child {
  border-bottom: 0;
}

.fc-popover {
  background-color: var(--bg-white);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(17, 45, 78, 0.07);
  -moz-box-shadow: 0px 0px 40px 0px rgba(17, 45, 78, 0.07);
  box-shadow: 0px 0px 40px 0px rgba(17, 45, 78, 0.07);
  border: 0 !important;
  padding: 8px;
  border-radius: 15px;
}
.fc-popover .fc-header {
  background-color: var(--bg-white) !important;
  color: var(--color-secondary) !important;
  padding: 8px;
  font-weight: 500;
  font-size: 14px;
}

.fc-highlight {
  background: #f8f9ff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: inset 0px 0px 0px 1px #d2d7ff;
  -moz-box-shadow: inset 0px 0px 0px 1px #d2d7ff;
  box-shadow: inset 0px 0px 0px 1px #d2d7ff;
  opacity: 1;
  border-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  padding-right: 12px;
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dashed;
  border-width: 1.5px;
}

.fc .fc-axis {
  font-size: 13px;
  color: var(--color-text);
  text-align: left;
}

@media (max-width: 767px) {
  .fc-scroller {
    overflow: auto !important;
    height: auto !important;
  }
}

.fc-footer-toolbar {
  position: absolute;
  width: 100%;
}
@media (max-width: 767px) {
  .fc-footer-toolbar {
    display: none;
  }
}
.fc-footer-toolbar .fc-left {
  padding-left: 30px;
}
.fc-footer-toolbar .fc-left h2 {
  font-size: 16px;
  display: inline-block;
}
.fc-footer-toolbar .fc-right {
  padding-right: 30px;
}

.claender-checkbox {
  position: relative;
  margin-top: 80px;
  z-index: 1;
}
.claender-checkbox .header-calendar {
  position: relative;
  margin-top: 0;
}
.claender-checkbox .header-calendar .fc-toolbar.fc-header-toolbar {
  position: absolute;
  width: 100%;
  padding: 20px 30px;
  z-index: 999;
  margin-top: -80px;
  background-color: var(--bg-white);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
@media (max-width: 767px) {
  .claender-checkbox .header-calendar .fc-toolbar.fc-header-toolbar {
    position: relative;
  }
}

.calender {
  position: relative;
  background-color: var(--bg-white);
}
.calender .modal {
  position: absolute;
  background-color: transparent !important;
}
.calender .modal.left .modal-dialog, .calender .modal.right .modal-dialog {
  position: absolute;
  margin: auto;
  width: 450px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  -webkit-box-shadow: 10px 0px 50px 0px rgba(17, 45, 78, 0.05);
  -moz-box-shadow: 10px 0px 50px 0px rgba(17, 45, 78, 0.05);
  box-shadow: 10px 0px 50px 0px rgba(17, 45, 78, 0.05);
}
@media (max-width: 767px) {
  .calender .modal.left .modal-dialog, .calender .modal.right .modal-dialog {
    width: 100%;
  }
}
.calender .modal-footer {
  display: block;
  align-items: center;
  border: 0;
}
.calender .modal-footer .create-res {
  border: 1px dashed #bcc3ff;
  color: var(--color-primary);
  padding: 9px 24px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.calender .modal-footer .create-res:hover {
  background-color: #f1f3ff;
  border: 1px solid #f1f3ff;
}

.Onlycalender .modal-backdrop {
  display: none;
}

.Onlycalender.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}

.modal.left .modal-content, .modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: 0;
}

.modal.left .modal-body, .modal.right .modal-body {
  padding: 15px 15px 0;
}

.modal.left.fade .modal-dialog {
  left: -450px !important;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
@media (max-width: 767px) {
  .modal.left.fade .modal-dialog {
    width: -100%;
  }
}

.modal.left.fade .modal-dialog {
  left: -450px !important;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
@media (max-width: 767px) {
  .modal.left.fade .modal-dialog {
    width: -100%;
  }
}

.modal.left.fade.show .modal-dialog {
  left: 0 !important;
}

.modal.right.fade .modal-dialog {
  right: -450px !important;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
@media (max-width: 767px) {
  .modal.right.fade .modal-dialog {
    width: -100%;
  }
}

.modal.right.fade .modal-dialog {
  right: -450px !important;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
@media (max-width: 767px) {
  .modal.right.fade .modal-dialog {
    width: -100%;
  }
}

.modal.right.fade.show .modal-dialog {
  right: 0 !important;
}

.modal.insideCalender .modal-header {
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  text-align: right;
  direction: rtl;
}
.modal.insideCalender .modal-header .close {
  width: 38px;
  height: 38px;
  background-color: var(--bg-snow);
  padding: 0;
  text-align: center;
  opacity: 1;
  text-shadow: none;
  border-radius: 10px;
  outline: 0;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  margin: 0;
  color: var(--color-text);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.modal.insideCalender .modal-header .close i {
  font-size: 18px;
}
.modal.insideCalender .modal-body {
  direction: rtl;
}
.modal.insideCalender .modal-body .md-date {
  align-items: center;
}
.modal.insideCalender .modal-body .md-date span {
  font-size: 50px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-right: 12px;
}
.modal.insideCalender .modal-body .md-date .sub-date h6 {
  font-size: 14px;
  font-weight: 400;
  color: #606c7b;
  margin-bottom: 3px !important;
}
.modal.insideCalender .modal-body .md-date .sub-date h3 {
  margin-bottom: 3px !important;
  font-size: 14px;
  font-weight: 400;
  color: #606c7b;
}
.modal.insideCalender .modal-body .list-group {
  overflow: auto;
  height: 560px;
}
.modal.insideCalender .modal-body .list-group::-webkit-scrollbar {
  width: 0.4em;
}
.modal.insideCalender .modal-body .list-group::-webkit-scrollbar-thumb {
  background-color: #e5e6ec;
  outline: 0;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut {
  margin-top: 12px;
  position: relative;
  border-radius: 0;
  border: 0;
  padding: 1.1em 1.25rem;
  margin-right: 10px;
  cursor: pointer;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut:first-child {
  margin-top: 0;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .media svg {
  width: 45px;
  height: 45px;
  padding: 8px;
  text-align: center;
  margin-right: 12px;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .media .list-details h3 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 2px !important;
  margin-bottom: 4px !important;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .media .list-details h3 span {
  font-size: 13px;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .dropdown {
  position: absolute;
  right: 0;
  top: 3px;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .dropdown .dropdown-toggle:after {
  display: none;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .dropdown .dropdown-menu {
  border: 0;
  border-radius: 1px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(17, 45, 78, 0.08);
  -moz-box-shadow: 0px 0px 40px 0px rgba(17, 45, 78, 0.08);
  box-shadow: 0px 0px 40px 0px rgba(17, 45, 78, 0.08);
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .info-user {
  position: absolute;
  right: 20px;
  bottom: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .info-user .number span {
  font-size: 16px;
  color: var(--color-secondary);
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .info-user .number:after {
  content: "|";
  padding: 0 6px;
  opacity: 0.5;
}
.modal.insideCalender .modal-body .list-group .list-group-item.defalut .info-user .name {
  cursor: pointer;
}
.modal.insideCalender .modal-body .list-group .list-group-item.pending {
  border-left: 2px solid var(--color-orange);
  background-color: #fffaf6;
}
.modal.insideCalender .modal-body .list-group .list-group-item.pending .media svg {
  border: 1px solid #ffe0c7;
}
.modal.insideCalender .modal-body .list-group .list-group-item.pending .media svg path {
  fill: var(--color-orange);
}
.modal.insideCalender .modal-body .list-group .list-group-item.pending .media svg g {
  stroke: var(--color-orange);
}
.modal.insideCalender .modal-body .list-group .list-group-item.pending .dropdown svg path {
  fill: var(--color-orange);
}
.modal.insideCalender .modal-body .list-group .list-group-item.pending .info-user .number svg path {
  fill: var(--color-orange);
}
.modal.insideCalender .modal-body .list-group .list-group-item.pending .info-user .number:after {
  color: var(--color-orange);
}
.modal.insideCalender .modal-body .list-group .list-group-item.confirmed {
  border-left: 2px solid var(--color-green);
  background-color: #f3fdfb;
}
.modal.insideCalender .modal-body .list-group .list-group-item.confirmed .media svg {
  border: 1px solid #b0efe3;
}
.modal.insideCalender .modal-body .list-group .list-group-item.confirmed .media svg path {
  fill: var(--color-green);
}
.modal.insideCalender .modal-body .list-group .list-group-item.confirmed .media svg g {
  stroke: var(--color-green);
}
.modal.insideCalender .modal-body .list-group .list-group-item.confirmed .dropdown .dropdown-toggle path {
  fill: var(--color-green);
}
.modal.insideCalender .modal-body .list-group .list-group-item.confirmed .info-user .number svg path {
  fill: var(--color-green);
}
.modal.insideCalender .modal-body .list-group .list-group-item.confirmed .info-user .number:after {
  color: var(--color-green);
}
.modal.insideCalender .modal-body .list-group .list-group-item.cancelled {
  border-left: 2px solid var(--color-gray);
  background-color: #f5f6fa;
}
.modal.insideCalender .modal-body .list-group .list-group-item.cancelled .media svg {
  border: 1px solid #e4e6ee;
}
.modal.insideCalender .modal-body .list-group .list-group-item.cancelled .media svg path {
  fill: var(--color-gray);
}
.modal.insideCalender .modal-body .list-group .list-group-item.cancelled .media svg g {
  stroke: var(--color-gray);
}
.modal.insideCalender .modal-body .list-group .list-group-item.cancelled .dropdown .dropdown-toggle path {
  fill: var(--color-gray);
}
.modal.insideCalender .modal-body .list-group .list-group-item.cancelled .info-user .number svg path {
  fill: var(--color-gray);
}
.modal.insideCalender .modal-body .list-group .list-group-item.cancelled .info-user .number:after {
  color: var(--color-text);
}
.modal.insideCalender .modal-body .list-group .list-group-item.rejected {
  border-left: 2px solid var(--color-red);
  background-color: #fff5f5;
}
.modal.insideCalender .modal-body .list-group .list-group-item.rejected .media svg {
  border: 1px solid #fec0c0;
}
.modal.insideCalender .modal-body .list-group .list-group-item.rejected .media svg path {
  fill: var(--color-red);
}
.modal.insideCalender .modal-body .list-group .list-group-item.rejected .media svg g {
  stroke: var(--color-red);
}
.modal.insideCalender .modal-body .list-group .list-group-item.rejected .dropdown .dropdown-toggle path {
  fill: var(--color-red);
}
.modal.insideCalender .modal-body .list-group .list-group-item.rejected .info-user .number svg path {
  fill: var(--color-red);
}
.modal.insideCalender .modal-body .list-group .list-group-item.rejected .info-user .number:after {
  color: var(--color-red);
}
.modal.insideCalender .modal-body .accordion-slideLeft {
  margin-right: 10px;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card {
  border: 0;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-header {
  background-color: transparent;
  padding: 0;
  border: 0;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-header .btn-link {
  color: var(--color-text);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  padding: 0;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-body {
  border: 0;
  padding: 0;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-body .list-group {
  height: auto;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-body .list-group .list-group-item {
  border-radius: 0;
  border: 1px solid #E6E8EF;
  background-color: #fdfdfe;
  padding: 12px 18px;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-body .list-group .list-group-item .list-details h3 {
  color: var(--color-secondary);
  font-size: 14px;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-body .list-group .list-group-item .list-details h3 span {
  font-size: 12px;
}
.modal.insideCalender .modal-body .accordion-slideLeft .card .card-body .list-group .list-group-item .list-details h6 {
  font-size: 12px;
  color: var(--color-text);
  font-weight: 400;
}

/*========================
  click__item_filter
==========================*/
.click__item_filter {
  padding: 30px;
  background-color: var(--bg-white);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: 2px solid var(--border-snow);
}
@media (max-width: 767px) {
  .click__item_filter {
    padding: 20px 5px;
  }
}
.click__item_filter .item_filter {
  position: relative;
  z-index: 3;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin: 0 15px;
}
@media (max-width: 767px) {
  .click__item_filter .item_filter {
    margin: 0 5px;
  }
}
.click__item_filter .item_filter .box_bg {
  border: 1px solid var(--border-snow);
  width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.click__item_filter .item_filter .text {
  font-size: 16px;
}
.click__item_filter .item_filter.added .box_bg::before {
  content: "\e926";
  font-family: "The-Icon-of" !important;
  position: absolute;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}
.click__item_filter .item_filter.added.coming .box_bg {
  background-color: var(--bg-orange);
  border-color: var(--border-orange);
}
.click__item_filter .item_filter.added.finish .box_bg {
  background-color: var(--bg-red);
  border-color: var(--border-red);
}
.click__item_filter .item_filter.added.started .box_bg {
  background-color: var(--bg-green);
  border-color: var(--border-green);
}

/*========================
  material_modal
==========================*/
.insideCalender .modal-content {
  position: relative;
  background-color: var(--bg-white);
  padding: 20px 20px !important;
}
.insideCalender .modal-content .date_select span {
  font-size: 22px;
  font-weight: 600;
  display: block;
}
.insideCalender .modal-content .date_select p {
  color: var(--color-text);
  font-size: 14px;
  margin-bottom: 0;
}
.insideCalender .modal-body {
  padding: 0 !important;
  overflow-y: auto;
  overflow-x: hidden;
  height: 700px;
  text-align: right;
}
.insideCalender .modal-body .overflow_height {
  margin-top: 20px;
  padding-right: 15px;
}
.insideCalender .item {
  padding: 0;
  border-bottom: 1px solid var(--border-snow);
  padding-bottom: 10px;
  border-radius: 0;
  display: block;
}
.insideCalender .item:last-child {
  border-bottom: 0;
}
.insideCalender .item .item_name .title {
  margin-bottom: 12px;
}
.insideCalender .item .item_name .title h3 {
  font-size: 16px;
}
.insideCalender .item .item_name .object p {
  font-size: 14px;
}
.insideCalender .item .item_name i {
  font-size: 20px;
}
.insideCalender .item .item_name .icon-box {
  width: 20px;
  height: 20px;
}
.insideCalender .item .side_actions {
  position: absolute;
  top: 0;
  right: 0;
}
.insideCalender .item .side_actions .btn_actions .btn {
  width: 38px;
  height: 38px;
}
.insideCalender .item .status_conference {
  position: inherit;
  top: inherit;
  left: inherit;
  display: inline-flex;
}

.pageCalender .modal-backdrop {
  background-color: transparent;
  pointer-events: none;
}

.insideCalender .modal-header {
  padding: 20px 15px !important;
}
.insideCalender .modal-body {
  display: flex;
  padding-left: 10px !important;
}
.insideCalender .item_event {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  display: block;
  text-decoration: none !important;
  margin-bottom: 15px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.insideCalender .item_event .title {
  padding: 15px 20px;
  border-bottom: 2px solid var(--border-snow);
}
.insideCalender .item_event .title h3 {
  margin: 0;
  margin-top: -2px;
}
.insideCalender .item_event .content_txt {
  padding: 10px 20px;
}
.insideCalender .item_event:hover {
  background-color: var(--bg-snow);
}

.fc-content {
  direction: rtl;
}
.fc-content .fc-time {
  margin-top: 5px;
}
.fc-content .fc-time,
.fc-content .fc-title {
  width: 100%;
  direction: rtl;
  text-align: right;
}

.editor {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
}
.editor .toolbar_editor {
  padding: 8px 20px;
  display: flex;
  flex-direction: row;
  column-gap: 5px;
  border-bottom: 2px solid var(--border-snow);
  background-color: var(--bg-snow);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.editor .toolbar_editor .icon_x {
  display: inline-flex;
  text-decoration: none !important;
  background-color: rgba(28, 45, 65, 0);
  border-radius: 10px;
  color: var(--color-secondary);
  width: 35px;
  height: 35px;
  font-weight: 500;
  font-size: 18px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.editor .toolbar_editor .icon_x:hover {
  background-color: rgba(28, 45, 65, 0.05);
}
.editor .toolbar_editor .icon_x:focus, .editor .toolbar_editor .icon_x:active {
  background-color: rgba(0, 104, 112, 0.1);
  color: var(--color-primary);
}
.editor .content__editor {
  border: 0;
  outline: none !important;
  box-shadow: none !important;
  padding: 20px;
  font-size: 16px;
  min-height: 150px;
  line-height: 26px;
}

.wallpaper_inbox .content_inbox {
  border: 2px solid var(--border-snow);
  border-radius: 15px;
}
.wallpaper_inbox .content_inbox .action_inbox .item_acc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 70px;
  height: 38px;
  padding: 0 14px;
  background-color: var(--bg-white);
  border-radius: 10px;
  color: var(--color-text);
}
.wallpaper_inbox .content_inbox .action_inbox .item_acc span {
  margin-top: -5px;
  font-weight: 500;
  font-size: 15px;
}
.wallpaper_inbox .content_inbox .action_inbox .item_acc._remove {
  background-color: rgba(235, 52, 80, 0.1);
  color: var(--color-red);
}
.wallpaper_inbox .content_inbox .action_inbox .item_acc.selected {
  background-color: var(--bg-snow);
  color: var(--color-secondary);
}
.wallpaper_inbox .content_inbox .items_users ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.wallpaper_inbox .content_inbox .items_users ul .item {
  display: flex;
  align-items: start;
  padding: 20px 30px;
  border-top: 2px solid var(--border-snow);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.wallpaper_inbox .content_inbox .items_users ul .item .link_details {
  text-decoration: none;
  width: 100%;
}
@media (max-width: 767px) {
  .wallpaper_inbox .content_inbox .items_users ul .item .link_details .media {
    display: block !important;
  }
}
.wallpaper_inbox .content_inbox .items_users ul .item .link_details .media .user_img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 15px;
}
.wallpaper_inbox .content_inbox .items_users ul .item .link_details .media .short_description {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100vw - 73vw);
}
@media (max-width: 767px) {
  .wallpaper_inbox .content_inbox .items_users ul .item .link_details .media .short_description {
    width: calc(100vw - 50vw);
  }
}
.wallpaper_inbox .content_inbox .items_users ul .item.readable {
  background-color: var(--bg-snow);
}
.wallpaper_inbox .sidemenu_list .add_sms {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: var(--color-white);
  background-color: var(--bg-primary);
  border-radius: 10px;
  font-weight: 600;
  height: 50px;
  margin-bottom: 15px;
}
.wallpaper_inbox .sidemenu_list .add_sms span {
  margin-top: -3px;
}
.wallpaper_inbox .sidemenu_list .list_other {
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 20px;
}
.wallpaper_inbox .sidemenu_list .list_other li .item_list {
  width: 100%;
  padding: 10px 20px;
  text-align: right;
  display: flex;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 8px;
  color: var(--color-secondary);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.wallpaper_inbox .sidemenu_list .list_other li .item_list span {
  margin-right: 15px;
  margin-top: -3px;
  font-weight: 500;
}
.wallpaper_inbox .sidemenu_list .list_other li .item_list i {
  color: var(--color-text);
  font-size: 18px;
}
.wallpaper_inbox .sidemenu_list .list_other li .item_list.active {
  background-color: rgba(0, 104, 112, 0.1) !important;
  color: var(--color-primary);
}
.wallpaper_inbox .sidemenu_list .list_other li .item_list.active i {
  color: var(--color-primary);
}
.wallpaper_inbox .sidemenu_list .list_other li .item_list:hover {
  background-color: var(--bg-snow);
}

.prog_par {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
.prog_par .progress {
  width: 100px;
  height: 6px;
  border-radius: 50px;
  background-color: var(--border-snow);
}
.prog_par .progress .progress-bar {
  background-color: var(--bg-green);
  border-radius: 50px;
}
.prog_par .txt {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text);
}
.prog_par .txt:first-child {
  min-width: 60px;
}
.prog_par .txt:last-child {
  min-width: 30px;
}
.prog_par .txt span {
  color: var(--color-green);
}

.sec_social_accounts .eleComponents_soical {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
}
.sec_social_accounts .eleComponents_soical .item {
  cursor: pointer;
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 15px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.sec_social_accounts .eleComponents_soical .item .logo_account {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sec_social_accounts .eleComponents_soical .item .icon {
  position: absolute;
  bottom: -10px;
  right: -13px;
  width: 35px;
  height: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 15px;
  border: 4px solid var(--border-white);
}
.sec_social_accounts .eleComponents_soical .item:hover {
  border-color: var(--border-snow);
}
.sec_social_accounts .eleComponents_soical .item.added {
  border-color: var(--border-primary);
}
.sec_social_accounts .eleComponents_soical .name_account {
  font-size: 12px;
  color: var(--color-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 70px;
  display: block;
  margin-top: 5px;
  direction: ltr;
  text-align: left;
}

.box_accounts {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}
.box_accounts .item {
  position: relative;
  width: 100px;
  height: 90px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  display: inline-grid;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.box_accounts .item .icon {
  font-size: 20px;
}
.box_accounts .item span {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
}
.box_accounts .item .connect::before {
  content: "\EEB2";
  font-family: remixicon !important;
  position: absolute;
  font-size: 18px;
  color: var(--color-text);
  top: 7px;
  right: 7px;
  opacity: 0;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.box_accounts .item:hover .connect::before {
  opacity: 1;
}
.box_accounts .item.selected {
  border-color: var(--border-primary);
}
.box_accounts .item.selected .connect::before {
  opacity: 1;
}
.box_accounts._list {
  display: block;
}
.box_accounts._list .item {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: space-between;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.box_accounts._list .item .icon {
  margin-left: 15px;
}

.btn_upload {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.btn_upload input {
  font-size: 30px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.btn_upload .btn span {
  margin-right: 10px;
}

.editor_post .input_textarea {
  position: relative;
  border: 2px solid var(--border-snow);
  background-color: var(--bg-white) !important;
  border-radius: 10px;
}
.editor_post .input_textarea .form-control {
  border: 0 !important;
  resize: none;
}
.editor_post .input_textarea .short-and-sweet-counter {
  font-size: 13px;
  color: var(--color-text);
  position: absolute;
  top: -38px;
  left: 0;
}
.editor_post .input_textarea .short-and-sweet-counter::before {
  content: "\EA76";
  font-family: remixicon !important;
  margin-left: 3px;
}
.editor_post .footer_textarea {
  padding: 5px 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 2px solid var(--border-snow);
  background-color: var(--bg-snow);
}
.editor_post .footer_textarea .actions_settings {
  display: flex;
  align-items: center;
}
.editor_post .footer_textarea .actions_settings .btn {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0;
  text-align: center;
}
.editor_post .footer_textarea .actions_settings .btn span {
  margin-right: 6px;
  color: var(--color-secondary);
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-top: -3px;
}
.editor_post .footer_textarea .actions_settings .btn i {
  font-size: 16px;
}
.editor_post .footer_textarea .actions_settings .btn::before {
  content: "|";
  font-size: 15px;
  color: rgba(28, 45, 65, 0.2);
  padding: 0 15px;
  display: block;
  margin-top: -5px;
}
.editor_post .footer_textarea .actions_settings .btn:first-child::before {
  display: none;
}
.editor_post .number_sms {
  font-size: 13px;
  color: var(--color-text);
  position: absolute;
  top: -37px;
  left: 110px;
}
.editor_post .number_sms .icon {
  margin-left: 5px;
}

.dropdown .arrow::after {
  content: "\EA50";
  border: 0;
  font-family: remixicon !important;
  margin-right: 10px;
  font-size: 18px;
}

.datepicker_time .datepicker-inline {
  width: 100%;
}
.datepicker_time .datepicker {
  box-shadow: none !important;
}
.datepicker_time .datepicker table {
  width: 100%;
}

.sec_scheduling {
  border-bottom: 2px solid var(--border-snow);
  border-top: 2px solid var(--border-snow);
  padding: 22px 0;
  background-color: var(--bg-snow);
}
.sec_scheduling .title .no_seh {
  min-width: 20px;
  padding: 0 9px;
  height: 25px;
  border-radius: 6px;
  color: var(--color-white);
  background-color: rgba(28, 45, 65, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
}
.sec_scheduling .title .no_seh span {
  margin-top: -3px;
  display: block;
}
.sec_scheduling .title .progress {
  width: 60px;
  border-radius: 10px;
  height: 10px;
  background-color: var(--border-snow);
}
.sec_scheduling .title .progress .progress-bar {
  border-radius: 10px;
}

.items_scheduling .item_dlig {
  padding: 20px 30px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  margin-bottom: 15px;
}
.items_scheduling .item_dlig .head_account {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .items_scheduling .item_dlig .head_account {
    display: block;
  }
}
.items_scheduling .item_dlig .head_account .item {
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 5px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.items_scheduling .item_dlig .head_account .item .logo_account {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.items_scheduling .item_dlig .head_account .item .icon {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 12px;
  border: 2px solid var(--border-white);
}
.items_scheduling .item_dlig .head_account .item:hover {
  border-color: var(--border-snow);
}
.items_scheduling .item_dlig .head_account .item.added {
  border-color: var(--border-primary);
}
.items_scheduling .item_dlig .content_text {
  margin-top: 20px;
}
.items_scheduling .item_dlig .content_text p {
  font-size: 16px;
  font-weight: 500;
}
.items_scheduling .item_dlig .content_text img, .items_scheduling .item_dlig .content_text video {
  width: 15%;
  border-radius: 10px;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .items_scheduling .item_dlig .content_text img, .items_scheduling .item_dlig .content_text video {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
}

.style_social {
  border: 2px solid var(--border-snow);
  padding: 20px;
  border-radius: 15px;
}
.style_social .media .main_img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
}
.style_social .media .head_txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_social .media .head_txt h4 {
  font-weight: 600;
  color: var(--color-secondary);
  font-size: 15px;
  margin: 0;
}
.style_social .media .head_txt .short_url {
  font-size: 14px;
  color: var(--color-text);
  display: inline-block;
  margin-left: 5px;
}
.style_social .media .head_txt .time {
  font-size: 14px;
  color: var(--color-text);
  display: inline-block;
}
.style_social .media .head_txt .time::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 20px;
  display: inline-block;
  background-color: var(--color-text);
  color: var(--color-text);
  margin: 0 7px;
}
.style_social .body_txt {
  margin-top: 6px;
}
.style_social .footer_txt {
  color: var(--color-text);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_social._facebook {
  padding: 20px 0 0 0 !important;
}
.style_social._facebook .main_img {
  margin-left: 15px;
  margin-right: 0;
}
.style_social._facebook .time::before {
  display: none !important;
}
.style_social._facebook .time::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 20px;
  display: inline-block;
  background-color: var(--color-text);
  color: var(--color-text);
  margin: 0 7px;
}
.style_social._facebook .footer_txt {
  padding: 10px 40px;
}
.style_social._facebook .footer_txt .icon {
  display: flex;
  align-items: center;
  color: var(--color-text);
}
.style_social._facebook .footer_txt .icon span {
  margin-right: 5px;
  font-size: 15px;
  color: var(--color-text);
}
.style_social._facebook .body_txt img, .style_social._facebook .body_txt video {
  object-fit: cover;
  width: 100%;
}

.templates_social .item_tem {
  cursor: pointer;
  border-radius: 15px;
  padding: 20px;
  border: 2px solid var(--border-snow);
  height: 230px;
  display: grid;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.templates_social .item_tem .style_social .main_img {
  width: 30px;
  height: 30px;
}
.templates_social .item_tem .style_social .head_txt h4 {
  font-size: 12px;
  margin-bottom: 0;
}
.templates_social .item_tem .style_social .head_txt .short_url {
  font-size: 12px;
}
.templates_social .item_tem.--tempWhite .style_social {
  border-color: rgba(255, 255, 255, 0.2);
}
.templates_social .item_tem.--tempWhite .head_txt h4,
.templates_social .item_tem.--tempWhite .head_txt .short_url {
  color: var(--color-white);
}
.templates_social .item_tem.--tempWhite .body_txt p {
  color: var(--color-white);
}
.templates_social .item_tem.single_temp {
  height: 450px;
}
@media (max-width: 991px) {
  .templates_social .item {
    margin-bottom: 15px;
  }
}
.templates_social .item.selected .item_tem {
  border-color: var(--border-red);
}

.modal__edit_post .head_account {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .modal__edit_post .head_account {
    display: block;
  }
}
.modal__edit_post .head_account .item {
  cursor: pointer;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 5px;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.modal__edit_post .head_account .item .logo_account {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal__edit_post .head_account .item .icon {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 12px;
  border: 2px solid var(--border-white);
}
.modal__edit_post .head_account .item:hover {
  border-color: var(--border-snow);
}
.modal__edit_post .head_account .item.added {
  border-color: var(--border-primary);
}

.calenderContent__posts #fullCalender {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 2px solid var(--border-snow);
  border-radius: 15px;
}

@media (max-width: 991px) {
  .section_template_sms .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 767px) {
  .section_template_sms .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.section_template_sms .item_template {
  border-radius: 10px;
  border: 2px solid transparent;
  padding: 20px;
  background-color: var(--bg-snow);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.section_template_sms .item_template .icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(45, 202, 115, 0.1);
  color: var(--color-green);
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
.section_template_sms .item_template h2 {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 10px;
}
.section_template_sms .item_template p {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  margin: 0;
}
.section_template_sms .item_template:hover {
  border-color: var(--border-snow);
  background-color: var(--bg-white);
}

.edit_live input {
  border-color: transparent;
  height: 42px;
}
.edit_live input:hover {
  border-color: var(--border-snow);
}
.edit_live input:focus {
  border-color: var(--color-text);
}

.temp_sms_modal .item {
  width: 100%;
  cursor: pointer;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 10px 15px;
  margin-bottom: 15px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.temp_sms_modal .item h2 {
  font-size: 15px;
  color: var(--color-text);
  font-weight: 600;
  margin-bottom: 6px;
}
.temp_sms_modal .item p {
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 500;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.temp_sms_modal .item.selected {
  border-color: var(--border-primary);
}

.item_status__numbers {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 20px;
  margin: 0 0 30px 0;
}
.item_status__numbers .item_txt span {
  display: inline-block;
}
.item_status__numbers .item_txt .title {
  font-size: 16px;
  color: var(--color-secondary);
}
.item_status__numbers .item_txt .number {
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
  padding: 3px 6px;
  margin-left: 4px;
}

.balance_avalaibe {
  padding: 25px 0;
  background-color: rgba(45, 202, 115, 0.08);
  border-bottom: 2px solid rgba(45, 202, 115, 0.15);
}
.balance_avalaibe .block_balance .balance span {
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
.balance_avalaibe .block_balance .balance h1 {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-green);
  margin: 0;
}

.packages_balance .item_pkg {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  padding: 30px 20px;
  text-align: center;
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.packages_balance .item_pkg .txt {
  text-align: center;
  margin-bottom: 20px;
}
.packages_balance .item_pkg .txt h2 {
  font-weight: 700;
  font-size: 20px;
  margin: 0;
  margin-bottom: 10px;
}
.packages_balance .item_pkg .txt p {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: var(--color-green);
}
.packages_balance .item_pkg:hover {
  background-color: var(--bg-snow);
}

.blockSteps_items .item {
  text-decoration: none !important;
}

.section_data_mail .accord_mail {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
}
.section_data_mail .accord_mail .card {
  border: 0;
  border-bottom: 2px solid var(--border-snow);
  background-color: transparent;
}
.section_data_mail .accord_mail .card:last-child {
  border-bottom: 0;
}
.section_data_mail .accord_mail .card .card-header {
  background-color: transparent;
  padding: 0;
}
.section_data_mail .accord_mail .card .card-header .btn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  padding: 15px 20px;
  border: 0;
}
.section_data_mail .accord_mail .card .card-header .btn-link .txt {
  display: flex;
  align-items: center;
}
.section_data_mail .accord_mail .card .card-header .btn-link .txt .icon-box {
  font-size: 22px;
  color: var(--color-text);
  margin-left: 10px;
}
.section_data_mail .accord_mail .card .card-header .btn-link .txt h2 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-secondary);
  margin: 0;
  margin-bottom: 10px;
}
.section_data_mail .accord_mail .card .card-header .btn-link .txt p {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
  margin: 0;
}
.section_data_mail .accord_mail .card .card-header .btn-link .btn-default {
  color: var(--color-primary);
  background-color: rgba(0, 104, 112, 0.1);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.section_data_mail .accord_mail .card .card-header .btn-link[aria-expanded="true"] .button_oo {
  opacity: 0;
}
.section_data_mail .accord_mail .card .card-body {
  padding: 30px 65px;
}
@media (max-width: 767px) {
  .section_data_mail .accord_mail .card .card-body {
    padding-inline: 20px;
  }
}
.section_data_mail .accord_mail .card .card-body .form-group .short-and-sweet-counter {
  font-size: 12px;
  color: var(--color-text);
  position: absolute;
  left: 0;
  top: -25px;
}
.section_data_mail .accord_mail .card.done_save .card-header {
  opacity: .5;
}
.section_data_mail .accord_mail .card.done_save .card-header .txt .icon-box i::before {
  content: "\EB80";
  color: var(--color-green);
}
.section_data_mail .accord_mail .card.done_save .card-header .btn-default {
  color: var(--color-white);
  background-color: rgba(28, 45, 65, 0.35);
}

.campaign_socials .items_connect .media {
  margin-bottom: 25px;
}
.campaign_socials .items_connect .media .txt h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 3px;
}
.campaign_socials .items_connect .media .txt .connect {
  font-size: 14px;
  color: var(--color-primary);
  font-weight: 600;
  padding: 0;
}

.tempalte_mail .item_theme {
  text-decoration: none !important;
  display: block;
  margin-bottom: 20px;
}
.tempalte_mail .item_theme .cover_temp {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-snow);
}
.tempalte_mail .item_theme .cover_temp img {
  width: 100%;
  height: 280px;
  border-radius: 10px;
  object-fit: cover;
}
.tempalte_mail .item_theme .cover_temp .icon-box {
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.tempalte_mail .item_theme .cover_temp::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 45, 65, 0.4);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.tempalte_mail .item_theme .info__theme {
  margin-top: 15px;
}
.tempalte_mail .item_theme .info__theme h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: 6px;
}
.tempalte_mail .item_theme .info__theme p {
  font-size: 14px;
  color: var(--color-text);
  font-weight: 500;
  margin: 0;
  display: -webkit-box;
  height: 43px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tempalte_mail .item_theme:hover .cover_temp .icon-box {
  opacity: 1;
}
.tempalte_mail .item_theme:hover .cover_temp::before {
  opacity: 1;
}

.content_mail [contenteditable="true"]:focus {
  border: none;
  outline: 0;
}

code[class*="language-"], pre[class*="language-"] {
  unicode-bidi: plaintext;
  text-align: start;
}

.add_favourit.added {
  background-color: var(--bg-yellow) !important;
  color: var(--color-white) !important;
}
.add_favourit.added i::before {
  content: "\F18C";
}

.details_meessage .co_comments {
  height: 100%;
}
.details_meessage .co_comments .box_commtent {
  position: relative;
  margin-top: auto;
  bottom: inherit;
}
.details_meessage .co_comments .item_user .media .email_hide {
  display: block;
}
.details_meessage .co_comments .item_user .media .short_description {
  display: none;
  width: calc(100vw - 70vw);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .details_meessage .co_comments .item_user .media .short_description {
    width: calc(100vw - 40vw);
  }
}
.details_meessage .co_comments .item_user .media[aria-expanded="false"] .email_hide {
  display: none;
}
.details_meessage .co_comments .item_user .media[aria-expanded="false"] .short_description {
  display: block;
}

.btn__expand_message {
  padding: 10px;
}
.btn__expand_message .expand_icon, .btn__expand_message .collapse_icon {
  display: flex;
}
.btn__expand_message .expand_icon svg, .btn__expand_message .collapse_icon svg {
  width: 18px;
  height: 18px;
}
.btn__expand_message .expand_icon svg path, .btn__expand_message .collapse_icon svg path {
  fill: var(--color-text);
}
.btn__expand_message[aria-expanded="false"] .collapse_icon {
  display: none;
}
.btn__expand_message[aria-expanded="true"] .expand_icon {
  display: none;
}

.simple_footer {
  padding: 40px 0;
  margin-top: 40px;
}
.simple_footer p {
  direction: ltr;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text);
}
.simple_footer p a {
  color: var(--color-secondary);
}

@font-face {
  font-family: "SSTArabic";
  src: url("../fonts/text-font/SSTArabic-Light.eot");
  src: url("../fonts/text-font/SSTArabic-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/SSTArabic-Light.woff") format("woff"), url("../fonts/text-font/SSTArabic-Light.ttf") format("truetype"), url("../fonts/text-font/SSTArabic-Light.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SSTArabic";
  src: url("../fonts/text-font/SSTArabic-Roman.eot");
  src: url("../fonts/text-font/SSTArabic-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/SSTArabic-Roman.woff") format("woff"), url("../fonts/text-font/SSTArabic-Roman.ttf") format("truetype"), url("../fonts/text-font/SSTArabic-Roman.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SSTArabic";
  src: url("../fonts/text-font/SSTArabic-Medium.eot");
  src: url("../fonts/text-font/SSTArabic-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/SSTArabic-Medium.woff") format("woff"), url("../fonts/text-font/SSTArabic-Medium.ttf") format("truetype"), url("../fonts/text-font/SSTArabic-Medium.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SSTArabic";
  src: url("../fonts/text-font/SSTArabic-Bold.eot");
  src: url("../fonts/text-font/SSTArabic-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/text-font/SSTArabic-Bold.woff") format("woff"), url("../fonts/text-font/SSTArabic-Bold.ttf") format("truetype"), url("../fonts/text-font/SSTArabic-Bold.svg#bcc26993292869431e54c666aafa8fcd") format("svg");
  font-weight: 700;
  font-style: normal;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  direction: rtl;
  -webkit-font-smoothing: grayscale;
  -moz-font-smoothing: grayscale;
  -o-font-smoothing: grayscale;
  -ms-font-smoothing: grayscale;
  font-smoothing: grayscale;
  background-color: var(--bg-white);
  font-family: "SSTArabic", arial;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-secondary);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

html, body {
  direction: rtl;
}

#wrapper,
#content {
  width: 100%;
  height: 100%;
}

button,
input,
textarea, a {
  outline: 0 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.btn.focus,
.btn:focus {
  box-shadow: none !important;
}

.form-control:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

.modal-backdrop {
  background-color: black;
}

img {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}

::selection {
  background-color: var(--color-text);
  color: var(--color-white);
  -webkit-text-stroke-color: var(--color-white);
}

body.modal-open {
  padding-right: 0 !important;
  overflow: auto;
}
body.modal-open .modal {
  padding-right: 0 !important;
}

.form-control {
  height: 52px;
  display: flex;
  align-items: center;
  border: 2px solid var(--border-snow);
  background-color: var(--bg-white) !important;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  padding-top: 2px;
  color: var(--color-secondary);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  padding-right: 20px;
}
.form-control::placeholder {
  font-size: 13px;
  color: var(--color-placeholder);
  font-weight: 500;
}
.form-control:focus {
  border-color: var(--color-text);
  color: var(--color-secondary);
}
.form-control.is-invalid {
  border-color: var(--border-red);
  outline: 0 !important;
  box-shadow: none !important;
  background-image: none;
  padding: inherit;
  left: 20px;
}
.form-control.datepicker {
  direction: rtl;
  text-align: right;
}

.input_with_icon label {
  font-size: 14px;
  display: block;
  color: var(--color-text);
  margin-bottom: 8px;
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-text);
}
.input_with_icon .input_group {
  position: relative;
  display: flex;
  align-items: center;
}
.input_with_icon .input_group input {
  padding-left: 45px;
  padding-right: 20px;
}
.input_with_icon .input_group .icon {
  position: absolute;
  left: 15px;
}
.input_with_icon .input_group .icon i {
  font-size: 20px;
  color: var(--color-placeholder);
}
.input_with_icon .input_group .icon .zoom {
  width: 20px;
  display: flex;
}
.input_with_icon .name_coin {
  position: absolute;
  left: 20px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
}
.input_with_icon._search .form-control {
  padding-right: 45px;
  padding-left: 20px;
}
.input_with_icon._search .icon {
  left: inherit;
  right: 15px;
}
.input_with_icon .inputDaterange .form-control:last-of-type {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.input_with_icon .inputDaterange .icon {
  z-index: 10;
}
.input_with_icon.--mobile .input_group input {
  padding-left: 20px;
  padding-right: 60px;
}
.input_with_icon.--mobile .icon {
  left: inherit;
  right: 15px;
}
.input_with_icon.--mobile .icon span {
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
}

.input_textarea label {
  font-size: 14px;
  display: block;
  color: var(--color-text);
  margin-bottom: 8px;
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-text);
}
.input_textarea .form-control {
  padding-top: 15px;
  padding-bottom: 10px;
}

.form_select label {
  font-size: 14px;
  display: block;
  color: var(--color-text);
  margin-bottom: 8px;
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-text);
}
.form_select .bootstrap-select {
  width: 100% !important;
}
.form_select .bootstrap-select > .dropdown-toggle {
  border: 2px solid var(--border-snow);
  height: 52px;
  border-radius: 10px;
  background-color: var(--bg-white);
  padding-right: 1.25rem;
}
.form_select .bootstrap-select > .dropdown-toggle:active {
  background-color: var(--bg-snow);
  border-color: var(--color-blue);
  outline: 0 !important;
  box-shadow: none !important;
}
.form_select .bootstrap-select > .dropdown-toggle:focus {
  outline: 0 !important;
  border-color: var(--color-text);
  outline: 0;
  box-shadow: none;
}
.form_select .bootstrap-select > .dropdown-toggle .filter-option {
  float: right;
  text-align: right;
}
.form_select .bootstrap-select > .dropdown-toggle .filter-option .filter-option-inner-inner {
  font-weight: normal;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-secondary);
  padding: 4px;
  padding-right: 0;
}
.form_select .bootstrap-select > .dropdown-toggle::after {
  content: "\EA50";
  font-family: remixicon !important;
  font-size: 22px;
  color: var(--color-text);
  border: 0;
}
.form_select .dropdown-menu {
  padding: 12px 10px;
  background-color: var(--bg-white);
  border-radius: 10px;
  border: 1px solid var(--border-snow);
  -webkit-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -moz-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -o-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  -ms-box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
  box-shadow: 0px 50px 80px -50px rgba(28, 45, 65, 0.25);
}
.form_select .dropdown-menu .inner::-webkit-scrollbar {
  width: 0.35em;
}
.form_select .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background-color: #e5e9f2;
  outline: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.form_select .dropdown-menu .inner ul li a {
  border-radius: 10px;
  color: var(--color-secondary);
  font-weight: 500;
  padding: 10px 18px;
  font-size: 15px;
  -webkit-text-stroke: 0.2px var(--color-secondary);
  margin-bottom: 5px;
  height: 42px;
  display: flex;
  align-items: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.form_select .dropdown-menu .inner ul li a .text {
  margin-top: -3px;
}
.form_select .dropdown-menu .inner ul li a .text::before {
  display: none;
}
.form_select .dropdown-menu .inner ul li a:hover {
  background-color: var(--bg-snow);
}
.form_select .dropdown-menu .inner ul li a.active {
  background-color: var(--bg-primary);
  color: var(--color-white);
  -webkit-text-stroke: 0.2px var(--color-white);
}
.form_select .dropdown-menu .inner ul li a.active .text {
  color: var(--color-white);
}
.form_select .dropdown-menu .inner ul li a.active .text span {
  color: var(--color-white) !important;
}
.form_select .dropdown-menu .dropdown-item:focus {
  outline: 0 !important;
}
.form_select .dropdown-menu .dropdown-item.selected .tio {
  left: auto;
  top: 1rem;
  color: var(--color-green);
}
.form_select .dropdown-menu .bs-searchbox .form-control {
  height: 40px;
  background-color: var(--bg-snow);
}
.form_select.wh-100 .bootstrap-select {
  width: 100% !important;
}
.form_select.is-invalid .bootstrap-select > .dropdown-toggle {
  border-color: var(--border-red);
}

i {
  display: inline-block;
}

.-margin-t-5 {
  margin-top: -5px;
}

.item_radio {
  display: flex;
  align-items: center;
}
.item_radio .item {
  height: 52px;
  border-radius: 5px;
  border: 1px solid var(--border-snow);
  width: calc(100% / 2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
  cursor: pointer;
}
.item_radio .item span {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.item_radio .item svg {
  margin-left: 5px;
  width: 22px;
  height: 22px;
}
.item_radio .item svg path,
.item_radio .item svg line,
.item_radio .item svg circle {
  stroke: var(--color-text);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.item_radio .item svg circle {
  stroke: var(--color-text);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}
.item_radio .item:first-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.item_radio .item:last-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.item_radio .item.selected {
  background-color: var(--bg-blue);
}
.item_radio .item.selected svg path,
.item_radio .item.selected svg line,
.item_radio .item.selected svg circle {
  stroke: var(--color-white);
}
.item_radio .item.selected span {
  color: var(--color-white);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.before-none::before {
  display: none;
}

.after-none::after {
  display: none;
}

.darkMode-active .darkMode_menu i::before {
  content: "\F1BF";
}

.custom-checkbox .custom-control-input {
  cursor: pointer;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--bg-primary);
  border-color: var(--border-primary);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label span {
  -webkit-text-stroke: 0.2px var(--color-secondary);
  color: var(--color-secondary);
}
.custom-checkbox .custom-control-label {
  cursor: pointer;
}
.custom-checkbox .custom-control-label span {
  font-weight: 500;
  -webkit-text-stroke: 0.2px var(--color-text);
  color: var(--color-text);
  display: inline-block;
  margin-right: 8px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.custom-checkbox .custom-control-label::before {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 2px solid var(--border-snow);
  box-shadow: none !important;
  background-color: var(--bg-white);
}
.custom-checkbox .custom-control-label::after {
  top: 6px;
  right: -22px;
  display: block;
  width: 18px;
  height: 18px;
}

.input-upload .group_upload {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.input-upload .group_upload .item_upload {
  position: relative;
}
.input-upload .group_upload .item_upload input[type="file"] {
  position: absolute;
  font-size: 40px;
  opacity: 0;
}
.input-upload .group_upload .controlUpload {
  cursor: pointer;
  height: 52px;
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  width: 100%;
  background-color: var(--bg-white);
  -webkit-transition: 0.35s;
  -moz-transition: 0.35s;
  -o-transition: 0.35s;
  -ms-transition: 0.35s;
  transition: 0.35s;
}
.input-upload .group_upload .controlUpload span {
  font-size: 14px;
  color: var(--color-text);
  display: block;
  margin-top: -3px;
}
.input-upload .group_upload .icon {
  position: absolute;
  color: var(--color-placeholder);
  left: 20px;
}
.input-upload .group_upload:hover .controlUpload, .input-upload .group_upload:focus .controlUpload {
  border-color: var(--color-text);
}

.txt-badges {
  min-width: 65px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0 10px;
}
.txt-badges.color-green span {
  color: var(--color-green) !important;
}
.txt-badges span {
  font-size: 12px !important;
  font-weight: 500;
}

.box-chat {
  position: fixed;
  width: 50px;
  height: 50px;
  color: var(--color-white) !important;
  background-color: var(--bg-primary);
  right: 40px;
  bottom: 30px;
  font-size: 22px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
}

.popover {
  border-radius: 10px;
  border: 2px solid var(--border-snow);
  -webkit-box-shadow: 0px 40px 50px -20px rgba(28, 45, 65, 0.2);
  -moz-box-shadow: 0px 40px 50px -20px rgba(28, 45, 65, 0.2);
  -o-box-shadow: 0px 40px 50px -20px rgba(28, 45, 65, 0.2);
  -ms-box-shadow: 0px 40px 50px -20px rgba(28, 45, 65, 0.2);
  box-shadow: 0px 40px 50px -20px rgba(28, 45, 65, 0.2);
  font-family: "SSTArabic", arial;
  font-size: 16px;
  font-weight: 500;
}
.popover .arrow {
  display: none;
}
.popover .popover-body {
  padding: 12px 18px;
}

.switch_toggle {
  position: relative;
  width: 43px;
  height: 25px;
  border-radius: 50px;
  border: 0;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}
.switch_toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch_toggle input:checked ~ .handle {
  background-color: var(--bg-green);
}
.switch_toggle input:checked ~ .handle::before {
  -webkit-transform: translateX(-14px);
  -moz-transform: translateX(-14px);
  -o-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
}
.switch_toggle .handle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e9eaec;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50px;
}
.switch_toggle .handle::before {
  content: "";
  position: absolute;
  height: 14px;
  width: 14px;
  right: 7px;
  top: 5px;
  background-color: #fff;
  -webkit-transition: 0.26s;
  -moz-transition: 0.26s;
  -o-transition: 0.26s;
  -ms-transition: 0.26s;
  transition: 0.26s;
  border-radius: 50%;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -moz-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -o-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  -ms-box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
  box-shadow: 0px 1px 1px 0px rgba(62, 67, 119, 0.25);
}
.switch_toggle.toggle_lg {
  width: 48px;
  height: 30px;
}
.switch_toggle.toggle_lg .handle::before {
  width: 22px;
  height: 22px;
  right: 6px;
  top: 4px;
}
.switch_toggle.toggle_md {
  width: 43px;
  height: 27px;
}
.switch_toggle.toggle_md .handle::before {
  width: 19px;
  height: 19px;
  right: 5px;
  top: 4px;
}

/*-----------------------------
  darkMode-active
-----------------------------*/
body.darkMode-active {
  --color-black: #fff;
  --color-white: #fff;
  --color-primary: #006870;
  --color-secondary: #b3bcc7;
  --color-snow: #52566e;
  --color-red: #eb3450;
  --color-orange: #ff7d51;
  --color-blue: #006870;
  --color-yellow: #ffc212;
  --color-green: #2dca73;
  --color-text: #b18d44;
  --bg-black: #fff;
  --bg-white: #142131;
  --bg-primary: #006870;
  --bg-secondary: #0f1a28;
  --bg-snow: #0f1a28;
  --bg-red: #eb3450;
  --bg-orange: #ff7d51;
  --bg-blue: #006870;
  --bg-yellow: #ffc212;
  --bg-green: #2dca73;
  --border-black: #000;
  --border-white: #006870;
  --border-primary: #006870;
  --border-secondary: #006870;
  --border-snow: #2a3050;
  --border-red: #eb3450;
  --border-orange: #ff7d51;
  --border-blue: #006870;
  --border-yellow: #ffc212;
  --border-green: #2dca73;
  --border-input: #303756;
}
body.darkMode-active .tabFull_head {
  background-color: var(--bg-white);
}
body.darkMode-active .form-control:focus {
  border-color: #3d4668;
}
body.darkMode-active .course_details .content_left .info_course .list_details li {
  background-color: var(--bg-snow, 0.1);
}
body.darkMode-active .blockSteps_items .item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45' height='83' viewBox='0 0 45 83'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_598' data-name='Rectangle 598' width='45' height='83' transform='translate(652 288)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_5' data-name='Mask Group 5' transform='translate(-652 -288)' clip-path='url(%23clip-path)'%3E%3Cg id='Rectangle_596' data-name='Rectangle 596' transform='translate(652.29 329.137) rotate(-45)' fill='%23142131' stroke='%23242a48' stroke-width='1.5'%3E%3Crect width='160' height='160' rx='9' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='158.5' height='158.5' rx='8.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
body.darkMode-active .blockSteps_items .item.active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45' height='83' viewBox='0 0 45 83'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_598' data-name='Rectangle 598' width='45' height='83' transform='translate(652 288)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_5' data-name='Mask Group 5' transform='translate(-652 -288)' clip-path='url(%23clip-path)'%3E%3Cg id='Rectangle_596' data-name='Rectangle 596' transform='translate(652.29 329.137) rotate(-45)' fill='%230f1a28' stroke='%23242a48' stroke-width='1.5'%3E%3Crect width='160' height='160' rx='9' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='158.5' height='158.5' rx='8.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
body.darkMode-active .blockSteps_items .item.finished::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45' height='83' viewBox='0 0 45 83'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_598' data-name='Rectangle 598' width='45' height='83' transform='translate(652 288)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_5' data-name='Mask Group 5' transform='translate(-652 -288)' clip-path='url(%23clip-path)'%3E%3Cg id='Rectangle_596' data-name='Rectangle 596' transform='translate(652.29 329.137) rotate(-45)' fill='%232dca73' stroke='%232dca73' stroke-width='1.5'%3E%3Crect width='160' height='160' rx='9' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='158.5' height='158.5' rx='8.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
body.darkMode-active .block_historyTimeline .item_line .iconCircle {
  border: 3px solid #303b43;
  -webkit-box-shadow: 0px 0px 0px 2px #303b43;
  -moz-box-shadow: 0px 0px 0px 2px #303b43;
  -o-box-shadow: 0px 0px 0px 2px #303b43;
  -ms-box-shadow: 0px 0px 0px 2px #303b43;
  box-shadow: 0px 0px 0px 2px #303b43;
}
body.darkMode-active .navTab_style {
  background-color: rgba(255, 255, 255, 0.02);
}
body.darkMode-active .bx_infoProfile {
  background-color: rgba(255, 255, 255, 0.02);
}

/*# sourceMappingURL=main.css.map */